topnav css
- Started
- Last post
- 33 Responses
- weestu0
very possible. can't find a good example just now but this might be a good starting point: http://www.cssplay.co.uk/menus/i…
- Inkyhands0
thanks, I'll have a look
- thismanslife0
Definately do-able!
- Inkyhands0
Respond Definately do-able!
thismanslife
(Feb 7 06, 06:18)Hi Big Boy ;)
- thismanslife0
Hello sailor!
- madirish0
like this?:
http://mediamatters.org/
- Inkyhands0
thanks. thats a start.
is the way forward...
- kev_charlton0
http://css.maxdesign.com.au/list…
good list....
- UndoUndo0
in yr css if you specify font, font size colour etc in yr boy tag you dont need to keep specifiying it in other tags unless the porperty changes ie.
body {font-size:10px;}h1(font-size:11px;}
that goes for all inherited properties and should save you some file size on teh css!
I would also change yr meta tags to lowercase for validation
apart from that looks good winxp pro ff1.5.01
- Inkyhands0
cheers undo, opera is making a mess of it though :(
- Inkyhands0
h2, h3, h4, h5
{
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
MARGIN: 0px 0px 0px 0px;
PADDING: 0px 0px 5px 15px;
letter-spacing: 3pt;
}would that work?
- weestu0
that'll work. Instead of saying MARGIN: 0px 0px 0px 0px; you can just say margin:0;
- UndoUndo0
yeah that works but bcos you specified the font in the body tag you dont need to specify it again unless you want to change it.
- Inkyhands0
I'm getting a 1px line under the leftnav buttons in ie but its fine in FireFox.
http://www.playershc.co.uk/oegen…
Any suggestions? Cheers.
- weestu0
looks ok to me. you might want to merge some of your css for the navigation, you're repeating alot of the same rules for each li. Have a look at the CSS behind http://www.happycog.com. And you dont need to specify px if the value is 0. e.g. margin:0; is the same as margin:0px;
- weestu0
i see it now. try adding this to the css:
img{border:0;}
- weestu0
oops, img [ border:0; ]
- Inkyhands0
cheers weestu . Itsstill doing it:
ul#mainnav li.webdev a
{
text-align: right;
margin: 0px;
FONT-SIZE: 0.7em;
FONT-WEIGHT: bold;
padding: 13px 0% 39px 0%;
width: 100%;
color: #fff;
border: 0;
background-image: url('images/homeleftnav_01.gif...
background-repeat: no-repeat;
background-position: left top;
background-color: #000fff;
}