Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

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

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.