Archief - CSS: dropdown menu met images positioneren

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

-fusi0n-

Legacy Member
hallo

ik probeer al 2 volledige werkdagen om tevergeefs een deftig dropdown menutje te maken voor deze website:
www.aries.be/new/css/index.htm
css: www.aries.be/new/css/aries.css

het is de eerste keer dat ik CSS gebruik in een website en de eerste keer dat ik werk met zo'n suckerfish dropdown menuutje (dus kom niet af met de link want die ken ik ondertussen al vanbuiten :p)

het linkse menuutje lijkt mooi te werken,
maar het menu BOVENAAN krijg ik echt niet deftig

ik heb de lijst gekoppeld aan een buttonimage, zodat wanneer je over een button gaat, het lijstje tevoorschijn komt
maar de lijstjes staan allemaal meteen naast elkaar,
terwijl de lengte van de buttons niet even lang is!
(als je even probeert zie je wel wat ik bedoel)

ook het tweede-level-menuutje na Voordelen doet erg gek

ik heb de code misschien omgevormd tot een soep, waarvoor mijn excuses

iemand die me kan vertellen hoe ik per lijstje kan bepalen waar deze moet komen te staan?
heb al vanalles geprobeerd

gr
vincent

edit: de naam van het horizontaal menu bovenaan heet dus #topnav
edit2: in orde, maar lees post ivm javascript aub
edit3: in opera lijkt een two-folded menu dus nie te werken?
-

-fusi0n-

Legacy Member
maar niet alle lijstjes zijn even lang?
als ik die eigenschap verander, veranderen ze allemaal in die width

offeuhh.. kan ik da gewoon ni ?
R

Rvl

Legacy Member
maak dan eventueel voor elk lijstje een aparte id aan en dus bijgevolg elk zijn eigen markup, kan een simpele oplossing zijn. Zo kan je ook gemakkelijk de verschillende lijsten juist positioneren.
X

Xavez

Legacy Member
idd, elke list een aparte ID geven. Is trouwens for the sake of semantics sowieso een goed idee :).
-

-fusi0n-

Legacy Member
is er dan een manier om dit script aan te passen met een of andere "OR" functie (ik kan geen javascript)

zodat ik niet 3 keer hetzelfde script moet copy pasten met telkens enkel
document.getElementById("nav1")
document.getElementById("nav2")
document.getElementById("nav3")
te veranderen?

Code: 
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
X

Xavez

Legacy Member
Is toch niet nodig? :). Hij neemt alle LI's binnen de div/ul met ID "nav" :).
-

-fusi0n-

Legacy Member
maar ik heb ze net alle 3 een aparte ID gegeven zoals jullie vertelden? :x

(zie javascript in broncode, er staat 3x hetzelfde met slechts 1 woord verschil, dit kan toch handiger? niet?)

btw: in opera werkt de middelste (die nog een 2e menuutje heeft) niet zucht
-

-fusi0n-

Legacy Member
iemand die weet waarom dat two folded menutje niet werkt op opera en firefox(mac) ?

bij producten & diensten
X

Xavez

Legacy Member
-fusi0n- zei:
maar ik heb ze net alle 3 een aparte ID gegeven zoals jullie vertelden? :x

(zie javascript in broncode, er staat 3x hetzelfde met slechts 1 woord verschil, dit kan toch handiger? niet?)

btw: in opera werkt de middelste (die nog een 2e menuutje heeft) niet zucht
Klik om te vergroten...

Dat maakt toch niet uit. Kijk naar je javascript: hij neemt gewoon ALLE LI's BINNEN de DIV/UL met ID "nav"
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