...

View Full Version : Strange Buttons in Opera



Dalziel
09-25-2006, 09:13 PM
http://www.definedband.co.uk

I see a yellow line under each menu button in Opera, anyone know why?

_Aerospace_Eng_
09-25-2006, 09:30 PM
In what version of Opera? I viewed the page in Opera 9.01 and there were no yellow lines under the buttons.
Add this to your CSS
A line height is getting applied to your images. Try this

<ul id="nav">
<li><a href="index.php"><img src="buttons/home.png" alt="" /></a></li>
<li><a href="profiles.php"><img src="buttons/theband.png" alt="" /></a></li>
<li><a href="photos.php"><img src="buttons/photos.png" alt="" /></a></li>
<li><a href="gigguide.php"><img src="buttons/gigs.png" alt="" /></a></li>
<li><a href="contact.php"><img src="buttons/contact.png" alt="" /></a></li>
<li><a href="credits.php"><img src="buttons/credits.png" alt="" /></a></li>
</ul>

Then in your CSS add this

#nav {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
#nav li {
display:inline;
line-height:0px;
font-size:0;
}

You should also read this: Why tables for layout is stupid? (http://www.hotdesign.com/seybold/)

Dalziel
10-01-2006, 05:55 PM
Opera 8.54 and your suggestion doesn't fix it. Doesn't really matter too much just a little line under each button but it puzzles me as to why.

harbingerOTV
10-01-2006, 06:30 PM
just a thought:



#nav, #nav li {
background-color: #000;
}


it's obviously applying the table backgound color even though it's not in a table. weird. dont see anythign else that should be effecting it.

_Aerospace_Eng_
10-01-2006, 06:40 PM
Hmm upon further inspect there is a line-height somewhere being added so your background color from the links is coming through. I say just lose the background color for the nav

#nav li a {
background:none;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum