1. #1

    Registered
    20/10/02
    Location
    blankenberge
    Posts
    1,137
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    Reddersbal.be - Menu onzichtbaar in firefox

    Ben hier bezig met een klein project maar zit met een klein probleempje dat ik
    niet opgelost krijg. Het menu is niet zichtbaar in firefox...

    Iemand die eens vlug een frisse kijk op de code kan geven en het mss onmiddelijk ziet.

    Reddersbal

    thx
    EIGHT: (L) u mobman
    Het gras is altijd groener aan de overkant, want daar hebben ze kunstgras!
    no votes  

  2. #2
    GregoryCo's Avatar
    Registered
    29/10/03
    Location
    Izegem
    Posts
    4,748
    iTrader
    25 (100%)
    Mentioned
    0 Post(s)
    Reputation
    6/9
    Waarom heb je een klasse .hidden (display:none)? Die zet je rond uw tekst, logisch dat je niets ziet.

    Ik vermoed dat je image replacement wilt?
    no votes  

  3. #3
    RealFlub's Avatar
    Registered
    09/08/04
    Location
    Poperinge
    Posts
    8,748
    iTrader
    14 (100%)
    Mentioned
    2 Post(s)
    Reputation
    0/21
    overal? IE, Fx, Chrome en Opera

    het lijken afbeeldingen te zijn, maar de link is niet correct?
    If it ain't broke, don't fix it
    "I'd like to die on Mars, just not on impact" - Elon Musk
    "I think the surest sign that there is intelligent life out there in the universe is that none of it has tried to contact us." - Calvin
    no votes  

  4. #4
    woony's Avatar
    Registered
    03/12/03
    Location
    Oostende
    Posts
    2,599
    iTrader
    78 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/10
    de links in uw menulist hebben een span rond zich met de klasse hidden die display:none; zetten

    HTML Code:
    <div id="menu">
    <ul id="nav">
    
    	<li><a href="index.html" id="home" title="Home" class="active"><span class="hidden">Home</span></a></li>
    	<li><a href="reddersbal-sponsors.html" id="sponsors" title="sponsors"><span class="hidden">Sponsors</span></a></li>
    	<li><a href="reddersbal-links.html" id="links" title="links"><span class="hidden">Sponsors</span></a></li>
    	<li><a href="reddersbal-contact.html" id="contact" title="contact"><span class="hidden">Contact</span></a></li>
    </ul>
    </div>
    en in reddersbal.css regel 39
    Code:
    .hidden {
    display:none;
    }
    inplaats van die hidden, gebruik mss beter een negatieve text-indent. nu heeft je item niks om een background aan te plakken.
    en geef de background aan je li item ipv aan je a tag.
    no votes  

  5. #5

    Registered
    20/10/02
    Location
    blankenberge
    Posts
    1,137
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Eerst en vooral, thx allemaal voor jullie input. Maar Realroot zat er 't dichtst bij...

    Namelijk waren de png bestanden blijkbaar corrupt, ik heb deze nu vervangen door jpgs
    en alles blijkt nu perfect te werken in ff en safari. Mocht dit in andere browsers niet het geval zijn, pls do let me know!
    EIGHT: (L) u mobman
    Het gras is altijd groener aan de overkant, want daar hebben ze kunstgras!
    no votes  

  6. #6
    RealFlub's Avatar
    Registered
    09/08/04
    Location
    Poperinge
    Posts
    8,748
    iTrader
    14 (100%)
    Mentioned
    2 Post(s)
    Reputation
    0/21
    overal goed in: IE, Fx, Chrome en Opera
    If it ain't broke, don't fix it
    "I'd like to die on Mars, just not on impact" - Elon Musk
    "I think the surest sign that there is intelligent life out there in the universe is that none of it has tried to contact us." - Calvin
    no votes  

  7. #7
    woony's Avatar
    Registered
    03/12/03
    Location
    Oostende
    Posts
    2,599
    iTrader
    78 (100%)
    Mentioned
    0 Post(s)
    Reputation
    7/10
    zet nog outline:none op uw links. in firefox heb je anders die lelijke dashed selectie die zichtbaar komt
    no votes  

  8. #8
    Eleven's Avatar
    Registered
    11/01/09
    Location
    neverland
    Posts
    101
    iTrader
    0
    Mentioned
    0 Post(s)
    Zorg er dan wel voor dat je een :active stijl maakt in je CSS, zodat mensen die niet met de muis navigeren ook feedback krijgen.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in