Hey guys i have this code for my rightnav lists sorry guys the page isnt online yet so ill just post a tad of the code. The problems are that my list image doesnt show up on IE i set it as the li background the rest of the problems are margin related ill prob just hack them later its mainly list image background problem.
css:
#rightlinks {
list-style:none;
margin:25px 65px 5px 0;
float:right;
padding:0;
}
#rightlinks li a {
text-align:left;
display:block;
width:100px;
height:30px;
margin:-15px;
padding:0 0 0 15px;
background:url(images/list.gif) no-repeat;
font:0.7em verdana,arial,sans-serif;
text-decoration:none;
color:#979797;
}
#rightlinks li a:hover {
text-decoration:underline;
color:#A26565;
}
xhtml:
<ul id="rightlinks">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="Elastic Node">Elastic Node</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="The Devils Eyes">The Devils Eyes</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="Aliens Vs Predator">Alien Vs Predator</a></li>
</ul>
Any help guys is appreciatedI don't no if it will make any diff but you could try and put the image one level higher
try : #rightlinks li {background:url(images/list.gif) no-repeat;}
instead of #rightlinks li a {background:url(images/list.gif) no-repeat;}
cheers zaclane
At last. (<!-- m --><a class="postlink" href="http://www.zaclane.viperhosting.net">http://www.zaclane.viperhosting.net</a><!-- m -->)Zaclane you god dame genius thats been annoying me for about an hour cheers for that.Glad to help ya Sharky .
The way I look at it the deeper you bury things the harder it is for windoz IE to find . ya now keep it simple for a simply fu***d up browser.
If you have IE could you have a look at this (<!-- m --><a class="postlink" href="http://www.zaclane.viperhosting.net">http://www.zaclane.viperhosting.net</a><!-- m -->) for me and tell me if it renders ok .
cheers zaclane .Yeah it renders the same as mozilla anyway mate
Ok man, thanks .
I wasny sure about the text size .
cheers zaclane .No problem
css:
#rightlinks {
list-style:none;
margin:25px 65px 5px 0;
float:right;
padding:0;
}
#rightlinks li a {
text-align:left;
display:block;
width:100px;
height:30px;
margin:-15px;
padding:0 0 0 15px;
background:url(images/list.gif) no-repeat;
font:0.7em verdana,arial,sans-serif;
text-decoration:none;
color:#979797;
}
#rightlinks li a:hover {
text-decoration:underline;
color:#A26565;
}
xhtml:
<ul id="rightlinks">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="Elastic Node">Elastic Node</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="The Devils Eyes">The Devils Eyes</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" title="Aliens Vs Predator">Alien Vs Predator</a></li>
</ul>
Any help guys is appreciatedI don't no if it will make any diff but you could try and put the image one level higher
try : #rightlinks li {background:url(images/list.gif) no-repeat;}
instead of #rightlinks li a {background:url(images/list.gif) no-repeat;}
cheers zaclane
At last. (<!-- m --><a class="postlink" href="http://www.zaclane.viperhosting.net">http://www.zaclane.viperhosting.net</a><!-- m -->)Zaclane you god dame genius thats been annoying me for about an hour cheers for that.Glad to help ya Sharky .
The way I look at it the deeper you bury things the harder it is for windoz IE to find . ya now keep it simple for a simply fu***d up browser.
If you have IE could you have a look at this (<!-- m --><a class="postlink" href="http://www.zaclane.viperhosting.net">http://www.zaclane.viperhosting.net</a><!-- m -->) for me and tell me if it renders ok .
cheers zaclane .Yeah it renders the same as mozilla anyway mate
Ok man, thanks .I wasny sure about the text size .
cheers zaclane .No problem