Archief - CSS: prob firefox & IE

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.

yaris

Legacy Member
Hallo, ik ben noop in CSS maar ben toch aan het experimenteren geslagen en heb geprobeerd om via images een menu te maken in css. Dit begin ik beet te hebben maar het probleem is dat ik met div's werk en ik dus in css ook positioneren moet toepassen. Geen probleem ik prul wat met de instellingen maar tot mijn verbazing is er een groot verschil tussen firefox en ie. Kan iemand me zeggen wat ik verkeerd heb staan in mijn css dat voor dit ongemak zorgt?

http://corporate.skynet.be/vandererve/index.html

http://corporate.skynet.be/vandererve/style.css

PS: zou ik alles kunnen integreren in tabellen?
Is het goed om nu al te werken met div's, wordt dit voldoende ondersteund of gebruik ik beter tabellen ?

DarkBone

Legacy Member
Voor je menu moet je gebruik maken van een lijst, en deze gaan opmaken.
Voor voorbeelden, zie enkele van mijn websites waar ik dat gebruik:

http://www.webcoder.be/lode/_websites/strandreddingsdienst/
http://www.webcoder.be/lode/_websites/speedcenter/

(Zet maar eens de stijlen af in FireFox, en je zal zien dat het om doodgewone lijsten gaat)

Hoe doe je dat?
Wel, je maakt een gewone lijst, met gewone tekst. De tekst verberg je door je text-indent negatief te plaatsen. Als achtergrond van je links zet je je afbeelding, en je geeft de goeie grootte en breedte mee. Wanneer over de link geen gegaan wordt verschuif je de afbeelding voor de helft naar boven. Er wordt met andere woorden met 1 afbeelding gewerkt waarin de 2 situaties voorkomen (voorbeeld: http://www.webcoder.be/lode/_websites/speedcenter/img/nav_producten.jpg).

Ik heb nu geen kan & klare link naar een tutorial, maar misschien raak je wel wijs uit mijn code?
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