Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

hulp met css .. menu in ie en mozilla zichtbaar, opera niet!

Anoniem
None
2 antwoorden
  • Hallo

    Ik heb een probleem ..
    heb een website voor een klant. Ben alles in css aan het opmaken. In internet explorer en mozilla werkt alles top, maar in opera zie je de menubalk totaal niet .. echt raar ..

    weet iemand hier een oplossing voor? of ziet iemand de fout in de codes?
    iedere hulp wordt zeer op prijs gesteld .. alvast dank

    groet
    Lex

    [code:1:d42d6224a9]
    <ul id="nav">
    <li id="tfront"><a href="#">Front</a></li>
    <li id="tartists"><a href="#">Artists</a></li>
    <li id="tlabels"><a href="#" class="selected">Labels</a></li>
    <li id="tevents"><a href="#">Events</a></li>
    <li id="talbums"><a href="#">Albums</a></li>
    <li id="tdjmixes"><a href="#">DJ Mixes</a></li>
    <li id="tradio"><a href="#">Radio</a></li>
    <li id="tshop"><a href="#">Shop</a></li>
    <li id="tdownloads"><a href="#">Downloads</a></li>
    <li id="tmobile"><a href="#">Mobile</a></li>
    </ul>
    [/code:1:d42d6224a9]

    en de css die hierbij hoort ..

    [code:1:d42d6224a9]
    #nav {
    margin: 0;
    padding: 0;
    height: 25px;
    list-style: none;
    display: inline;
    overflow: hidden;
    width: 748px;
    }

    #nav li {
    margin: 0;
    padding: 0;
    color: #fff;
    list-style: none;
    display: inline;
    }

    #nav a {
    float: left;
    padding: 25px 0 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:25px; /* for IE5/Win only */
    }

    #nav a:hover {
    background-position: 0 -25px;
    }

    #nav a:active, #nav a.selected {
    background-position: 0 -25px;
    }

    #Home a {
    width: 77px;
    background: url(./design/images/b_front.gif) top left no-repeat;
    }

    #Artists a {
    width: 75px;
    background: url(./design/images/b_artists.gif) top left no-repeat;
    }

    #Labels a {
    width: 74px;
    background: url(./design/images/b_labels.gif) top left no-repeat;
    }

    #Events a {
    width: 74px;
    background: url(./design/images/b_events.gif) top left no-repeat;
    }

    #Albums a {
    width: 74px;
    background: url(./design/images/b_albums.gif) top left no-repeat;
    }

    #Djmixes a {
    width: 74px;
    background: url(./design/images/b_djmixes.gif) top left no-repeat;
    }

    #Radio a {
    width: 74px;
    background: url(./design/images/b_radio.gif) top left no-repeat;
    }

    #Shop a {
    width: 74px;
    background: url(./design/images/b_shop.gif) top left no-repeat;
    }

    #Downloads a {
    width: 74px;
    background: url(./design/images/b_downloads.gif) top left no-repeat;
    }

    #Mobile a {
    width: 78px;
    background: url(./design/images/b_mobile.gif) top left no-repeat;
    }
    [/code:1:d42d6224a9]
  • Als ik bovenstaande code in een schoon html-bestand plak, dan werkt 'ie bij ook niet in Firefox.
    Hoe je het wel aan de praat krijgt, staat uitgelegd op:
    http://css.maxdesign.com.au/listutorial/

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.