Archief - CSS: DropdownMenu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

meRVy

Legacy Member
Bezig met nieuwe site, met een leuk menu.

Natuurlijk wil Internet Explorer niet doen wat ik wens.

watch:
menu.gif


Het menu gemaakt, werkte perfect. Ik start Internet Explorer op, op het eerste zicht werkte het ook, maar toen ik naar het submenu wou gaan verdween dat submenu. Reden: de hover geldt alleen maar op het a-attirbuut, en niet op het ganse li-element zoals in firefox.

Ik heb dan maar wat geprutst met de achtergronden. (De achtergrond niet meer in hoofd-ul, maar in elke a)
aanschouw:
http://www.kph.be/sda/html/

Nu zit ik met twee problemen:
- men border kan ik niet meer toepassen op het a-element aangezien dit nu de volledige breedte (met de achtergrond inclusief inpalmt)
- Als je op een link drukt verschijnt er zo'n lelijke streepjesboord rond men a-element, en dus tevens ook rond die achtergrond.

Als ik die twee laatste zou kunnen oplossen: super!

Als ik dat probleem in internet explorer zou kunnen oplossen: nog veel beter !

Welk talent helpt mij?

orez

Legacy Member
talent ... hier hoef je geen talent voor te zijn hoor.

Na een snelle blik:

1. ul li ul MAG niet meer, instead gebruik maken van li.class1 li.class2
2. Uw floated header elements zijn tegen alle principes van CSS positioning opgeboud... Zie andere thread voor mijn uitleg hierover, positioning threads. Staan hier niet zo ver onder.
3. de op een link drukken en de stippellijn --> Firefox only, is hoe ze hun link boxen afhandelen, op te lossen door -moz-outline: 0px te zetten. Zoek gerust eens op google... vind je ook genoeg articles over.
4. Uw z-indexen hebben hier geen nut.

Dus met andere woorden --> Hermaak je CSS Gerust vanaf 0 en volg de richtlijnen iets beter.

meRVy

Legacy Member
dankje :)

over de z-indexen: Die waren wel van nut in een vorige versie (voor ik wat had geprutst, het submenu kwam onder men main menu terecht)

Ik zal al je puntjes eens bekijken.

Fr3aK

Legacy Member
M'n XHTML 1.0 Strict is valid ook al maak ik gebruik van "ul li ul"...

Dat voorbeeld is deprecated omdat die OL een "start" attribuut heeft... niet omdat het een geneste list is.

orez

Legacy Member
als ik overlaatst mijn list ging validaten gaf hij erop een error.

Xavez

Legacy Member
Wat is de logica achter een unordered list binnen een unordered list te definiëren? Ik denk dat het eerder subjectieve fouten geeft wat betreft toegankelijkheid, zo'n geneste list op die manier is gewoon niet logisch (screenreaders bvb...)

dJeez

Legacy Member
Xavez zei:
Wat is de logica achter een unordered list binnen een unordered list te definiëren? Ik denk dat het eerder subjectieve fouten geeft wat betreft toegankelijkheid, zo'n geneste list op die manier is gewoon niet logisch (screenreaders bvb...)
Je kan dat gebruiken voor een sitemap bijvoorbeeld, waar je de boomstructuur van de pagina's duidelijk wil aangeven.

Enneuh, orez : http://www.w3schools.com/xhtml/xhtml_html.asp :p

Zero Grav

Legacy Member
Hmm, wou een opmerking maken maar nu zie ik pas hoe ge het juist moet doen. Ik maakte dus voor die <ul> nog eens een aparte <li> indertijd wat u dus nog een extra bullet oplevert. >_>

Merci voor de link nog eens dJeez anders was ik dat waarschijnlijk altijd fout blijven doen. :p

beire_beton

Legacy Member
orez zei:
ooit al gehoord van www.w3.org ?

http://www.w3.org/TR/REC-html40/struct/lists.html#h-10.2

Lees maar eens door... en zie maar het deprecated example staan in een kaderke.

Ik ben full-time professioneel webdesigner en ik ben heel goed thuis in toegankelijk design. Dus ja, ik heb daar al van gehoord en ja ik weet wat ze daar schrijven.

Lees dus alles nog eens goed na voor je hier iemand iets probeert bij te leren. Want op die manier draag je niet veel bij.

dJeez

Legacy Member
orez zei:
Waarom deed diene validator daar dan ambetant op bij mij :eek:
Tjah, ofwel zat er dan nog een ander foutje in, ofwel is/was de validator die je gebruikte niet in orde (dat zou ook niet de eerste keer zijn).

orez

Legacy Member
dJeez zei:
Tjah, ofwel zat er dan nog een ander foutje in, ofwel is/was de validator die je gebruikte niet in orde (dat zou ook niet de eerste keer zijn).

neen hoor,

ik had ul li ul li liet validaten, en em zei da da ni mocht, dan heb ik de li's laten inspringen via andere aangemaakte class... dan validate hem wel correct.

tiens :/

meRVy

Legacy Member
hoera hoera

weet iemand hoe ik een border kan toepassen op men a-elementen die niet de volledige breedte van het li-element inneemt?
De breedte instellen van een border, dus. (maar ik vrees dat dat niet kan?)

Indien het niet kan heeft het niet veel zin om op deze manier verder te doen tenzij ik:
- terug men achtergrond in de hoofd-ul steek in plaats van in elke li EN een oplossing vind voor ie
- volledige images maak van men knopjes :(
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan