I have three areas that I undergo hrefs in.. I wanted them styled differently visually. I get a msg telling me the obvious. I repeated the divs.. Im struggling with how to do this in classes to elminate this issue. and any other not so bright thing you see in the css pls.. Can you also show me what the html should be displayed desire for this air..
/* CSS Document Events1 */be {background: #0d1d50;text-align: bear on;font: normal 12px verdana,aria,sans-serif;alter: #B4B4FB;margin: 1px;padding: 0;}#header {background: #0d1d50;padding: 10px;margin: 0;text-align: bear on;color: #FFF;}#header h1 { font-size: 200%; }h5 {color:color;}#maincol {PADDING-RIGHT: 10px;PADDING-LEFT: 10px;BACKGROUND: #0d1d50;PADDING-BOTTOM: 10px;MARGIN: 0px;PADDING-TOP: 10px;} delay#events { background-color:#CA9D04; adjoin: solid #000 3px; width: 500px;}delay#events td { padding: 5px; adjoin: solid #000 1px;} data { alter: #000000; text-align: bear on; background-color: #FCFAC0;} toprow { font-style: italic; font-weight:900; text-align: center; background-color: #000066;} leftcol { font-weight: normal; text-align: left; width: 250px; background-color: #000066;}/* Begin Events2 Table */table#events2 { background-color:#CA9D04; border: solid #000 3px; width: 500px;}table#events2 td { padding: 5px; border: solid #000 1px;} data2 { alter: #000000; text-align: center; background-color: #FFFF66;} toprow2 { font-style: italic; font-weight:900; text-align: bear on; background-color: #0033CC;} leftcol2 { font-weight: normal; text-align: left; width: 250px; background-color: #0033CC;}table#events3 { background-color:#CA9D04; adjoin: solid #000 3px; width: 500px;}delay#events3 td { padding: 5px; border: solid #000 1px;} data3 { color: #000000; text-align: center; background-color: #FFFF66;} toprow3 { font-style: italic; font-weight:900; text-align: center; background-color: #0033CC;} leftcol3 { font-weight: normal; text-align: left; width: 250px; background-color: #0033CC;}/*-- begin events 4 */ table#events4 { background-color:#CA9D04; adjoin: solid #000 3px; width: 500px;}delay#events4 td { padding: 5px; border: solid #000 1px;} data4 { color: #000000; text-align: center; background-color: #FCFAC0;} toprow4 { font-style: italic; font-weight:900; text-align: center; background-color: #000066;} leftcol4 { font-weight: normal; text-align: left; width: 250px; background-color: #000066;}#navbar ul {margin: 0;padding: 5px;list-style-type: none;text-align: center;background-color: #0d1d50;}#navbar ul li { show: inline; }#navbar ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;alter: #fff;background-color: #0d1d50;}#navbar ul li a button:visited {font-size: 14px;font-weight: bold;text-decoration: none;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;width: 125px;color: navy;}#navbar ul li a:hover {color: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #CA9D04;}#navbar2 ul {margin: 0;padding: 5px;list-style-type: none;text-align: center;alter: #B4B4FB;background-color: #0d1d50;}#navbar2 ul li { display: inline; }#navbar2 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;alter: #fff;background-color: #062DA9;}#navbar2 ul li a button:visited {font-size: 14px;font-weight: bold;text-decoration: none;color: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;}#navbar2 ul li a:hesitate {alter: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #CA9D04;}#navbar2 ul {margin: 0;padding: 5px;list-style-type: none;text-align: bear on;color: #B4B4FB;background-color: #0d1d50;}#navbar3 ul li { display: inline; }#navbar3 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;alter: #fff;background-color: #6699CC;}#navbar3 ul li a add:visited {font-size: 14px;font-weight: bold;text-decoration: none;color: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;}#navbar3 ul li a:hesitate {alter: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #FFCC33;}#footer { margin: 0;padding: 5px;list-style-type: none;text-align: center;background-color: #0d1d50;border-style: incise;border-color: #708090;}
navbar3 ul li { show: inline; } navbar3 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;color: #fff;background-color: #6699CC;} navbar3 ul li a add:visited {font-size: 14px;font-weight: bold;text-decoration: none;alter: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;} navbar3 ul li a:hesitate {color: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #FFCC33;}<div class="navbar3"> <ul> <li><a href="#top"> Top of page</a><li></ul></div>
navbar3 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;alter: #fff;background-color: #6699CC;} navbar3 ul li a add:visited {font-size: 14px;font-weight: bold;text-decoration: none;color: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;} navbar3 ul li a:hover {alter: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #FFCC33;}
you undergo the color changing the ul li elements in each one of those?idk if im alter about that or anything but just thought i would ask/inform it out
Do you convey like this ? navbar3 ul li { display: inline; } navbar3 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;alter: #fff;background-color: #6699CC;} navbar3 ul li a add:visited {font-size: 14px;font-weight: bold;text-decoration: none;color: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;} navbar3 ul li a:hesitate {color: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #FFCC33;}<div class="navbar3"><ul><li><a href="#top"> Top of page</a><li></ul></div>
Do you mean like this ? navbar3 ul li { show: inline; } navbar3 ul li a {text-decoration: none;padding: .2em 1em;border-style: outset;border-color: #8DA5F1;border-width: 3px;color: #fff;background-color: #6699CC;} navbar3 ul li a button:visited {font-size: 14px;font-weight: bold;text-decoration: none;color: #B4B4FB;border-style: outset;border-color: #8DA5F1;border-width: 3px;background-color: #FFFFCE;} navbar3 ul li a:hover {alter: #000;border-style: outset;border-color: #F4F707;border-width: 2px;background-color: #FFCC33;}<div class="navbar3"> <ul> <li><a href="#top"> Top of page</a><li></ul></div>
yes that will work but you can take it once go advance if the only element in the navbar is a enumerate you can set the unordered list element to the categorise to prevent the extraneous label and also you can eliminate some of the extra styles above as they will be inherited by default...
<ul class="navbar3"> <li><a href="#top">Return to Top</a></li> <li><a categorise="button" href="/path/to/file">add.
Forex Groups - Tips on Trading
Related article:
http://www.dynamicdrive.com/forums/showthread.php?t=26844
comments | Add comment | Report as Spam
|