Are you over 18 and want to see adult content?
More Annotations
![A complete backup of drexelmedicine.org](https://www.archivebay.com/archive/0f081700-5efa-4317-941b-1e97ea3dd35f.png)
A complete backup of drexelmedicine.org
Are you over 18 and want to see adult content?
![A complete backup of digitalwomenleaders.com](https://www.archivebay.com/archive/c3b51280-edf0-4a34-a70c-64ba3b3a6d48.png)
A complete backup of digitalwomenleaders.com
Are you over 18 and want to see adult content?
![A complete backup of raptorpersecutionscotland.wordpress.com](https://www.archivebay.com/archive/a201baba-4c12-4023-a850-cfcea682acbe.png)
A complete backup of raptorpersecutionscotland.wordpress.com
Are you over 18 and want to see adult content?
![A complete backup of mandarinblueprint.com](https://www.archivebay.com/archive/0cecb1b8-43b4-4eaf-a5ac-9600e84eeab1.png)
A complete backup of mandarinblueprint.com
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of ultimatebeaver.com](https://www.archivebay.com/archive2/7564ecc0-eaf8-46d6-929b-072692f425d0.png)
A complete backup of ultimatebeaver.com
Are you over 18 and want to see adult content?
![A complete backup of minidvcameras.co.uk](https://www.archivebay.com/archive2/7762daaf-0e56-46c5-87ee-f62765142a19.png)
A complete backup of minidvcameras.co.uk
Are you over 18 and want to see adult content?
Text
help.
ALIGNING TEXT AFTER AN IMAGE h1, h2, h3, h4, h5, h6, p {margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag CSS CURRENT PAGE NAV LINK HIGHLIGHT CSS current page nav link highlight. ; } This is a topic that crops up quite frequently so it seems to make sense to explain it once more for the record. There are variations to this approach, but this version will serve adequately as a general example people can follow. A very common requirement of web site page navigation is the ability to CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LI Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. HORIZONTAL LIST SPACING I want to have a horizontal list that will span across a fixed width, ie 800px. In this list i would like a dynamic number of items, ie 4 - 10 items. The hope is that we can get this list displaying horizontal with equal spacing between the list items. I hoping for padding, but i will take what ever puts an equal space between the items. OVERRIDE FIRST STYLESHEET WITH A SECOND. Override first stylesheet with a second. Your suggestion is an oft posted one but it depends upon the application. In my case with content management systems that need to be all things to all men, my stylesheets can get pretty complex (as you know because you've seen my work) and loading times become an issue. CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
ALIGNING TEXT AFTER AN IMAGE h1, h2, h3, h4, h5, h6, p {margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */ padding-right: 15px; padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tagFONT-FAMILY
Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma. Generic font family names: serif, sans-serif, cursive, fantasy, monospace. Play with the code in NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. WEBSITE NOT CENTERED WHEN SCREEN IS MINIMIZED OR MAXIMIZED Hi, The url to my site is www.trecall.com. The site becomes un-centered and messed up when viewed on a screen smaller or larger than the one I designed it on. How do I make it look centered regardless of screen size? GETTING HEIGHT FROM PARENT DIV 1st image: Shows how it is at the moment: The div.left has not the same height as its parent (pageBorder). The "vertical-align:bottom;" does not work, either. 2nd image: That's what it should look like. (Navigation: top - sponsor images: bottom - div left height:100%!)Here's the
ADDING IMAGES TO THE EXTERNAL STYLE SHEET Adding Images to the External Style Sheet. I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Background image that tiles. (Successfully done.) 2) A "header" image that sits at the top, center of the page, relative to the window size. 3) A "footer" image that sits at the SAFARI ABSOLUTE POSITIONING It's pretty hard to troubleshoot without being to interact with a working page but instead of using visibility:visible/hidden, I'd think you'd be better off using a large negative position, e.g. span { left: -9999em } :hover span { left: 0 } How to get help. Post a link. If you can't post a link, jsFiddle it. IMAGE MAP WITH :HOVER I searched the forum but couldn't find an answer so I thought i'd ask. I'm creating a home page which will be one large background image, and I want to create an image map that will turn different parts of the image into links to the various pages of the site. APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: HOW TO "RESTORE" AND TO THEIR "DEFAULT" STATE Life is complex -- don't make it complicated. If you need help with PHP visit PHP Builder HOW TO MAKE HORIZONTAL RADIO BUTTONS / CHECK BOXES WITH CSS I have a simple form that I'm trying to style to include a set of horizontal radio buttons. I cannot get it to work, however. This is only a basic form, which is why the fields don't make any sense. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. ADDING IMAGES TO THE EXTERNAL STYLE SHEET Adding Images to the External Style Sheet. I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Background image that tiles. (Successfully done.) 2) A "header" image that sits at the top, center of the page, relative to the window size. 3) A "footer" image that sits at the FONT-SIZE: TEXT RESIZING USING PERCENTAGE Therefore, adding the parent font-size in the body CSS will set the parent font size of the document. In other words, using: body. {. font-size: 10px; } The standard H1 size without re-sizing style, will maintain it's usual relative height to the body (about 200%). The H1 at 50% will be 50% of the body's 10px size; the 100% H1 will be 10px(as
WEBSITE NOT CENTERED WHEN SCREEN IS MINIMIZED OR MAXIMIZED Hi, The url to my site is www.trecall.com. The site becomes un-centered and messed up when viewed on a screen smaller or larger than the one I designed it on. How do I make it look centered regardless of screen size? DIFFERENCE BETWEENAND
Visually speaking, there's no difference. But if you want valid XHTML,
the
is required per spec. I just learned that the night before lastmyself.
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. TABLE OF WIDTH 100% TO FILL A DIV Problem here is different browsers render unspecified tables differently. And they also render specified tables differently! For example Moz1 makes tables as DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. ADDING IMAGES TO THE EXTERNAL STYLE SHEET Adding Images to the External Style Sheet. I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Background image that tiles. (Successfully done.) 2) A "header" image that sits at the top, center of the page, relative to the window size. 3) A "footer" image that sits at the FONT-SIZE: TEXT RESIZING USING PERCENTAGE Therefore, adding the parent font-size in the body CSS will set the parent font size of the document. In other words, using: body. {. font-size: 10px; } The standard H1 size without re-sizing style, will maintain it's usual relative height to the body (about 200%). The H1 at 50% will be 50% of the body's 10px size; the 100% H1 will be 10px(as
WEBSITE NOT CENTERED WHEN SCREEN IS MINIMIZED OR MAXIMIZED Hi, The url to my site is www.trecall.com. The site becomes un-centered and messed up when viewed on a screen smaller or larger than the one I designed it on. How do I make it look centered regardless of screen size? DIFFERENCE BETWEENAND
Visually speaking, there's no difference. But if you want valid XHTML,
the
is required per spec. I just learned that the night before lastmyself.
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. TABLE OF WIDTH 100% TO FILL A DIV Problem here is different browsers render unspecified tables differently. And they also render specified tables differently! For example Moz1 makes tables as DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.TOOLS | CSS CREATOR
CSS Layout Generator. Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
WHAT DOES THE UNIT "EM" MEAN? what does the unit "em" mean? For html/css purposes, the em is a square box the size of the font. It is used as a relative measure. For example, if the default font size is 16px, 1em is a 16px square box and is a 16px font. If you do this, h1 {font-size:2em; margin:2em;}, then the header will be a 32px font size (2x the inherited size) andthe
TABLE OF WIDTH 100% TO FILL A DIV Problem here is different browsers render unspecified tables differently. And they also render specified tables differently! For example Moz1 makes tables as NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LI Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to HOW TO PUT HOVER INLINE... hi there fellows, I'm really stuck on this. I always put my css in an external file, but this time I have to put ALL the css info inline 'cause the element I'm doing must be included in an always different page with its own style. CENTERING SUBMIT BUTTON Even though I can't imagine this question hasn't been asked before, I couldn't find anything upon a search. I simply want to center a submitbutton.
FONT COLORS CHANGE ON BROWSER SCROLLING Thanks, but I'm not referring to the mouseover/hover - but the text in the body of the page. In both firefox and WinIE if one uses the browser scroller to scroll down, the font changes to a lighter tone whilst doing so (and only whilst doing so).TOOLS | CSS CREATOR
CSS Layout Generator. Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. HORIZONTAL LIST SPACING I want to have a horizontal list that will span across a fixed width, ie 800px. In this list i would like a dynamic number of items, ie 4 - 10 items. The hope is that we can get this list displaying horizontal with equal spacing between the list items. I hoping for padding, but i will take what ever puts an equal space between the items. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LI Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag OVERRIDE FIRST STYLESHEET WITH A SECOND. Override first stylesheet with a second. Your suggestion is an oft posted one but it depends upon the application. In my case with content management systems that need to be all things to all men, my stylesheets can get pretty complex (as you know because you've seen my work) and loading times become an issue. DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. MAKING TEXT AND BACKGROUND "STAY STILL" WHEN RESIZING Start by getting your code valid! You have both CSS and html errors, and web sites won't work right without valid code. Your CSS errors are mostly benign but your html needs fixing up.TOOLS | CSS CREATOR
CSS Layout Generator. Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy. HORIZONTAL LIST SPACING I want to have a horizontal list that will span across a fixed width, ie 800px. In this list i would like a dynamic number of items, ie 4 - 10 items. The hope is that we can get this list displaying horizontal with equal spacing between the list items. I hoping for padding, but i will take what ever puts an equal space between the items. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LI Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag OVERRIDE FIRST STYLESHEET WITH A SECOND. Override first stylesheet with a second. Your suggestion is an oft posted one but it depends upon the application. In my case with content management systems that need to be all things to all men, my stylesheets can get pretty complex (as you know because you've seen my work) and loading times become an issue. DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. MAKING TEXT AND BACKGROUND "STAY STILL" WHEN RESIZING Start by getting your code valid! You have both CSS and html errors, and web sites won't work right without valid code. Your CSS errors are mostly benign but your html needs fixing up.TOOLS | CSS CREATOR
CSS Layout Generator. Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. CSS PROPERTIES & SELECTORS CSS Properties & Selectors. ; } This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. CSS3 is under development, please refer to IMAGE AND TEXT DISPLAYED ON THE SAME LINE You need to read the posting guidelines! a single ruleset and a graphic diagram of text layout is next to meaningless, we're coders show us code not pipes and dashes USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
GETTING HEIGHT FROM PARENT DIV 1st image: Shows how it is at the moment: The div.left has not the same height as its parent (pageBorder). The "vertical-align:bottom;" does not work, either. 2nd image: That's what it should look like. (Navigation: top - sponsor images: bottom - div left height:100%!)Here's the
OVERRIDE FIRST STYLESHEET WITH A SECOND. Override first stylesheet with a second. Your suggestion is an oft posted one but it depends upon the application. In my case with content management systems that need to be all things to all men, my stylesheets can get pretty complex (as you know because you've seen my work) and loading times become an issue. IMAGE MAP WITH :HOVER I searched the forum but couldn't find an answer so I thought i'd ask. I'm creating a home page which will be one large background image, and I want to create an image map that will turn different parts of the image into links to the various pages of the site. NAVIGATION MENU NEEDS TO FLOAT RIGHT WITHOUT CHANGING OK, try this: #nav ul {. If you float li right, you have to reverse the order, because that's just The Way Things Work®. In the css specs, look up §9.5. If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain. A:ACTIVE NOT WORKING This is actually "working as intended", assuming you wanted the active state to be solid black. a:active means when the link is activated notthe active page.
BACKGROUND COLOR NOT FILLING ENTIRE DIV background color not filling entire div. Ok the problem here is that you tail div has three divs inside it. When you apply this style. #tail { background: #999999; color: black; } it does nothing because you have floated all the contence of this container. When you float something it removes it from the document flow and thus contribute no CSS PROPERTIES & SELECTORS CSS Properties & Selectors. ; } This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. CSS3 is under development, please refer to the w3c site for more detailed information. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy.FONT-FAMILY
Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma. Generic font family names: serif, sans-serif, cursive, fantasy, monospace. Play with the CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag CSS PROPERTIES & SELECTORS CSS Properties & Selectors. ; } This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. CSS3 is under development, please refer to the w3c site for more detailed information. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy.FONT-FAMILY
Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma. Generic font family names: serif, sans-serif, cursive, fantasy, monospace. Play with the CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag DIVITIS: WHAT IT IS AND HOW TO CURE IT Divs are grouping elements. They are supposed to be used to group sections of the page into divisions - for example, a top division with logo and links, a sidebar, or even a footer. They are generic grouping elements with no default style - no borders, padding, margins, fonts. The only default style of a. is that it is a block-level element USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
IMAGE AND TEXT DISPLAYED ON THE SAME LINE You need to read the posting guidelines! a single ruleset and a graphic diagram of text layout is next to meaningless, we're coders show us code not pipes and dashes CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
ADDING IMAGES TO THE EXTERNAL STYLE SHEET Adding Images to the External Style Sheet. I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Background image that tiles. (Successfully done.) 2) A "header" image that sits at the top, center of the page, relative to the window size. 3) A "footer" image that sits at the A:ACTIVE NOT WORKING This is actually "working as intended", assuming you wanted the active state to be solid black. a:active means when the link is activated notthe active page.
CSS VALIDATION PARSE ERROR Well I attached the file to this message. I am really curious what could be wrong. I am validating with opera 7,54 that shouldnt play anyrole though.
INFONT-FAMILY
Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma. Generic font family names: serif, sans-serif, cursive, fantasy, monospace. Play with the CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag CSS PROPERTIES & SELECTORS CSS Properties & Selectors. ; } This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. CSS3 is under development, please refer to the w3c site for more detailed information. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy.FONT-FAMILY
Browsers will use the first available to them. It is good practice to have a common generic font-family last in the list. If the font name contains a space it must be quoted. Separate font names with a comma. Generic font family names: serif, sans-serif, cursive, fantasy, monospace. Play with the CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. Now, note that under mainmenu > ul > li, float left is only applied to the first li element, but lineheight and bold are applied to USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {. font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; . . . } This sets the font weight style size/linespacing and face all in one declaration. The 150% sets thebase size of an em.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT displaying a child element of a hidden parent. j-ra wrote: From my understanding (which is limited) you cannot show a child of something if it's parent isn't visible. The box model has already ignored the hidden div and therefore can't show any of it's children. hmm, that seems to be the case. it doesn't make sense though. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Different font sizes for different screen resolutions? I checked your page at 640×480, 800×600, 1024×768, and 1280×1024. All in all, it looked its best at 800×600. Smaller than that, and h.scrolling became necessary. Larger and the main body was off-center to the left. APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: ADDING BORDERS ABOVE AND BELOW LINKS Bah! so simple! i just added a style="border-top: 1px solid #000000;" to the top paragraph tag DIVITIS: WHAT IT IS AND HOW TO CURE IT Divs are grouping elements. They are supposed to be used to group sections of the page into divisions - for example, a top division with logo and links, a sidebar, or even a footer. They are generic grouping elements with no default style - no borders, padding, margins, fonts. The only default style of a. is that it is a block-level element USING CONTAINER TO PLACE BACKGROUND IMAGE Here is the css sheet entries: #container { border:1px solid #000; background-color:#FFF; background-image:url('image1.gif'); height: 200px; } So, the above as mentioned does not work. However, listed below is a modified version that works fine so the issue is does not seem to be the path for the image. I also shortened the"background-image
IMAGE AND TEXT DISPLAYED ON THE SAME LINE You need to read the posting guidelines! a single ruleset and a graphic diagram of text layout is next to meaningless, we're coders show us code not pipes and dashes CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
ADDING IMAGES TO THE EXTERNAL STYLE SHEET Adding Images to the External Style Sheet. I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Background image that tiles. (Successfully done.) 2) A "header" image that sits at the top, center of the page, relative to the window size. 3) A "footer" image that sits at the A:ACTIVE NOT WORKING This is actually "working as intended", assuming you wanted the active state to be solid black. a:active means when the link is activated notthe active page.
CSS VALIDATION PARSE ERROR Well I attached the file to this message. I am really curious what could be wrong. I am validating with opera 7,54 that shouldnt play anyrole though.
INFONT-FAMILY
Description. Sets a list of one or more font families to be used in order of preference. Browsers will use the first available to them. It is good practice to have a common generic font-family last in thelist.
CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Quote: So I formatted everything and put it over a "background" graphic, and it looks nice in the screen resolution I designed it in,1024 x 768.
CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT Hi, I'm trying to display a child element of a hidden parent element. Basically, I have 3 icons encapsulated in a parent element. 2 of them I don't want to display, 1 I do. SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: USING CONTAINER TO PLACE BACKGROUND IMAGE Hello, I am trying to use a #container to place a background image. However, it does not show up when displayed on the browser. Here isthe HTML Code:
CSS PROPERTIES & SELECTORS This is a list of CSS properties and selectors with the first browser versions that support them. The list includes most CSS2.1 properties and some of CSS3, more will be added as time permits. CSS LAYOUT GENERATOR Generate a Layout before visiting this page.. This is really just a step in the right direction, you still have a lot to do before your site is ready to go live. If you are just starting out, learning to do it yourself, by hand, in a simple text editor can be very rewarding, although it won't be easy.FONT-FAMILY
Description. Sets a list of one or more font families to be used in order of preference. Browsers will use the first available to them. It is good practice to have a common generic font-family last in thelist.
CSS SELECTORS: HOW TO SELECT ONLY FIRST LEVEL OF LICSS NOT FIRST OFTYPE
Hi, never used css selectors extensively, but decided it's time to learn them. I was reading on w3, and figured that > selector should do, but it only works for some things. DIFFERENT FONT SIZES FOR DIFFERENT SCREEN Quote: So I formatted everything and put it over a "background" graphic, and it looks nice in the screen resolution I designed it in,1024 x 768.
CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
DISPLAYING A CHILD ELEMENT OF A HIDDEN PARENT Hi, I'm trying to display a child element of a hidden parent element. Basically, I have 3 icons encapsulated in a parent element. 2 of them I don't want to display, 1 I do. SET A DEFAULT FONT SIZE FOR AN ENTIRE WEB PAGE A quick and dirty way to specify a font size close to 18px for a page using is to have body {font:normal normal 150%/1.2 tahoma, verdana, humanist san-serif; APPLYING BORDER TO WRAPPER DIV. Thank you ! Now, since I got a border around my other divs, I found that IE and Firefox are rendering my page a little differently. The main structure is the same but there are three boxes in the middle of the page, in Firefox they are showing up in the center of the page but in explorer they are little pushed and have extra space behind them: USING CONTAINER TO PLACE BACKGROUND IMAGE Hello, I am trying to use a #container to place a background image. However, it does not show up when displayed on the browser. Here isthe HTML Code:
DIVITIS: WHAT IT IS AND HOW TO CURE IT Sigh, this is often where newbies to CSS go wrong - wrapping everything in a div and giving it an ID.. There are a whole list of XHTML tags that many people do not know exist over at the W3C - for example, the tag, the citation tag, and even the quotation tag.. The easiest way to remedy this problem is to think - "What is the point ofthis div?"
IMAGE AND TEXT DISPLAYED ON THE SAME LINE You need to read the posting guidelines! a single ruleset and a graphic diagram of text layout is next to meaningless, we're coders show us code not pipes and dashes CSS DROPDOWN MENU ALIGNMENT The the sub menu is positioned from a parent that has been positioned or the top left of the page. adding position:relative here shouldhelp.
ADDING IMAGES TO THE EXTERNAL STYLE SHEET I am VERY new at using CSS, so I apologize if this is a silly question. I want to use my External Style sheet to add: 1) Backgroundimage that tiles.
A:ACTIVE NOT WORKING This is actually "working as intended", assuming you wanted the active state to be solid black. a:active means when the link is activated notthe active page.
USING CONTAINER TO PLACE BACKGROUND IMAGE Hello, I am trying to use a #container to place a background image. However, it does not show up when displayed on the browser. Here isthe HTML Code:
INbutton.
Search this site:
* Home
* CSS Forum
* Recent posts
* Blog
* Tools
* Contact
A Cascading Style Sheet learning resource for web developers and designers. Give and receive tips and advice on CSS and websitecreation.
MULTIPLE SCALABLE BACKGROUND IMAGES Submitted by Tony on Fri, 2014-11-14 04:45 Recently I had a design provided that required a scalable image either side of the content area when the screen was wider then a specifpoint.
Since it has been a long time since my last blog post, I thought I would share my solution. The image needed to scale so that width wise it fitted on screen and scaled up to a maximum size. Afetr that maximum size the image no longer scales and just sits either side of the content.* Tony's blog
* 1 comment
* Read more
AN UPDATE ON THE CSS3 WD --- THE DISPLAY MODULE Submitted by gary.turner on Sun, 2014-09-28 22:55 I imagine most of the web dev world hadn't realized that the display module of CSS3 was only in working draft status. There are some serious improvements and equally serious issues involved with this seemingly innocuous property. I've taken the liberty of copying a letter to the whatwg and html5wg from the css3 wg. This is informative reading and well worth your time. Don't tl;dr the message.Quote:
> fantasai
Sep 27 (1 day ago)
to www-style, Boris, public-cssacc, whatwg, public-html, List, Daniel * gary.turner's blog* 8 comments
* Read more
AMAZING MILESTONE FOR A WEBSITE Submitted by Tony on Thu, 2013-03-14 05:02 We have reached 10 years old, a fair age for any website. Actually the domain was registered in October 2002, the site started with the CSS Generator and I added the forum in March 2003. So we are actually closer to 10.5 years old. I would like to thank all the people who have been involved, specially the moderators who keep this place running when I leave it in autopilot mode.
* Tony's blog
* Read more
OPEN LETTER TO SPAMMERS Submitted by Hugo on Sat, 2012-12-08 18:09Hi there,
Before you post please consider something. We, that is the people that make tech forums like this one viable and useful for the community, keep them alive and provide a little of our experience, and time for free, really do not appreciate people taking advantage of them for what they think is possibly useful SEO gaming, we have to deal with the threads created, wasting our time and more importantly taking the time we may spend helping someone with a genuine need and chucking it away dealing with the utter drivel you post.* Hugo's blog
* 2 comments
* Read more
TEXT-OVERFLOW
Text-overflow effects inline content when it overflows it's block container. Overflow can only occur if the block container has an overflow value of something other then visible and when white-space is set to no-wrap. ellipsis: Renders an ellipsis character (U+2026) or three dots "..." to represent clipped inline content. clip: Clips inline content that overflows, any extra characters will not be visible. Characters may be only partially rendered.* Read more
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* …
* next ›
* last »
POLL
Can some one tell me the best practice to do dynamic CSS mostlyless-css
less-css
50%
mediaqueries
25%
dynamic CSS with jquery25%
Total votes: 8
* 2 comments
* 1 attachment
* Older polls
USER LOGIN
Log in using OpenID: What is OpenID? Welcome to CSS Creator, register to join our community.Username: *
Password: *
* Log in using OpenID * Cancel OpenID login * Create new account * Request new passwordNAVIGATION
* CSS Forum
* How to
* Beginners CSS questions* Site checks
* CSS Styling
* CSS Layouts
* Styling CMS and social sites* Site discussion
* Off topic
* Geek news and humor* RSS feeds
* Rules & Privacy
* CSS Properties & SelectorsDetails
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0