Archief - Reddersbal.be - Menu onzichtbaar in firefox

m

mobman

Legacy Member

• 8 jul 2010

• #1

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

G

GregoryCo

Legacy Member

• 8 jul 2010

• #2

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?

R

RealFlub

Legacy Member

• 8 jul 2010

• #3

overal? IE, Fx, Chrome en Opera

het lijken afbeeldingen te zijn, maar de link is niet correct?

w

woony

Legacy Member

• 8 jul 2010

• #4

de links in uw menulist hebben een span rond zich met de klasse hidden die display:none; zetten

HTML:

<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.

m

mobman

Legacy Member

• 8 jul 2010

• #5

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!

R

RealFlub

Legacy Member

• 9 jul 2010

• #6

overal goed in: IE, Fx, Chrome en Opera

w

woony

Legacy Member

• 9 jul 2010

• #7

zet nog outline:none op uw links. in firefox heb je anders die lelijke dashed selectie die zichtbaar komt

E

Eleven

Legacy Member

• 9 jul 2010

• #8

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.