Archief - hotspots op hover image

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.

t071943

Legacy Member
Hallo

Na lang zoeken is het mij gelukt om een menu te maken die als je erover gaat uitschuift naar beneden. Ik heb dit gedaan met een normale image file en dan een hover image waardoor het uitschuift. Maar ik ben al 2 dagen aan het zoeken hoe ik op die hover images verschillende links kan zetten maar tevergeefs... Het gemakkelijkst zou in dreamweaver zijn, maar daar kan je blijkbaae de hover images niet tonen voor er hotspots op te zetten.

Iemand een idee? Of suggestie?

woony

Legacy Member
Zou persoonlijk eens wat verdiepen in css en gewoon gebruik maken van een css menu. cfr. een html list gaan omzetten met css.

stijnleys

Legacy Member
Ik denk niet dat dat mogelijk is... aangezien hotspots vaste waarden zijn. dus het is niet afhankelijk van een actie (hover).
Zelfs moest het lukken, het is niet echt profesioneel e :).
ik zou het ook met html en css doen.
met ul en li....

rap even opgezocht:

css:

#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

#nav li {
float: left;
width: 120px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}

#nav li:hover ul {
left: auto;
}

HTML: <ul id="nav">

<li><a href="#">Main item 1</a>

<ul>
<li><a href="#">Sub item 1.1</a></li>
<li><a href="#">Sub item 1.2</a></li>
<li><a href="#">Sub item 1.3</a></li>
<li><a href="#">Sub item 1.4</a></li>
</ul>

</li>

<li><a href="#">Main item 2</a>

<ul>
<li><a href="#">Sub item 2.1</a></li>
<li><a href="#">Sub item 2.2</a></li>
<li><a href="#">Sub item 2.3</a></li>
<li><a href="#">Sub item 2.4</a></li>
<li><a href="#">Sub item 2.5</a></li>
</ul>

</li>

<li><a href="#">Main item 3</a>

<ul>
<li><a href="#">Sub item 3.1</a></li>
<li><a href="#">Sub item 3.2</a></li>
</ul>

</li>

</ul>

t071943

Legacy Member
Ja khad al door dat het niet professioneel ging zijn, maar heb momenteel schone menu en wou het zo houden:p

Ik ga eens je voorbeeld bekijken en kijken wat ik ermee kan doen. Alvast bedankt
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