Web Analytics Made Easy -
StatCounter Strange Buttons in Opera - CodingForum

Announcement

Collapse
No announcement yet.

Strange Buttons in Opera

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Strange Buttons in Opera

    http://www.definedband.co.uk

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

  • #2
    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
    Code:
    <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
    Code:
    #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?
    Last edited by _Aerospace_Eng_; Sep 25, 2006, 04:37 PM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

    Comment


    • #3
      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.

      Comment


      • #4
        just a thought:

        Code:
        #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.
        Stop making things so hard on yourself.
        i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

        Comment


        • #5
          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
          Code:
          #nav li a {
          background:none;
          }
          ||||If you are getting paid to do a job, don't ask for help on it!||||

          Comment

          Working...
          X