css navigatie: de dropdown in een aparte div?

[Verwijderd]

Hey hallo,

Heb middels css een navigatie gemaakt, enkele items staan inline naast elkaar in een tabel waarbij subitems in een dropdownbox naar benden vallen. Een dropdownmenu dus.

Probleem is echter dat het uitklappen van de dropdownbox ook de tabel waar de navigatie in staat naar beneden toe laat meescalen. Mijn hele layout word hierdoor vernaggelt. De oplossing is naar mijn idee de subitems die naar beneden komen vallen in een layer te zetten die over de pagina heenvalt. Mijn tabel en dus layout blijft hierdoor intact.

- Is dit inderdaad mogelijk?
- mijn friendsofed en ander vakmateriaal rept hier niet over, is hier online iets over te vinden?

thx in advance.

herman

-----------------------------------------

Het gaat hierbij om de volgende code in mijn html bestand:

<div id="navigatietabel"><table border=0 width="762" height="10" border=0 cellspacing=0 cellpadding=0 background="images/header_navigatie.jpg">

<tr height="5">
<td width=100 height=5 valign="top"><a href='overons.html'>over ons</a> </td>
<td width=100 height=5 valign="top">

<ul><li><a href='#'>TOPICS1</a>
<ul><li><a href='#'>subonderwerp</a>
<li><a href='#'>subonderwerp</a>
<li><a href='#'>subonderwerp</a>
</ul></li>
</ul>

</td>

<td width=100 height=5 valign="top"><a href='contact.html'>contact</a> </td>

<td width=100 height=5 valign="top"><a href='route.html'>route</a> </td>
</tr>

</table>
</div>


en de volgende css
---------------------------------------------------

ul{
margin-left:0;
margin-top:4px;
padding-left:0;
list-style:none;
width:80px;
background-image:none;

}

ul ul{display:none}
ul li:hover > ul {display:block;}


li{
background-color:none;

}

li a:link, li a:visited, li a:active {
text-decoration:none;
background-color:none;
background-image:none;
color:#333333;
font-family:verdana;
font-size:12px;

}
li a:hover {
background-color:#dfd5f4;
background-image:none;

}

a {display:block}

[ Voor 50% gewijzigd door Verwijderd op 04-04-2005 15:31 ]

[Verwijderd]

heb je een voorbeeld? want ik kan niet echt volgen wat nu het probleem is.

Sowieso is navigatie in een tabel een beetje vaag, of heb je het nu over een form met een select?

[Verwijderd]

Verwijderd schreef op maandag 04 april 2005 @ 15:15:
heb je een voorbeeld? want ik kan niet echt volgen wat nu het probleem is.

Sowieso is navigatie in een tabel een beetje vaag, of heb je het nu over een form met een select?

Heb de css en de gebruikte code even aan de post toegevoegd.

[Arjan A]

z-index is your friend
In Javascript: zIndex

[JHS]

Gebruik dan alsjeblieft ook [code=css][/code] tags .

Maar ik zou zeggen: geef hem een z-index mee, en positioneer je nav zoiezo niet met een table .

[Verwijderd]

Arjan A schreef op maandag 04 april 2005 @ 15:33:
z-index is your friend
In Javascript: zIndex

z-index de bom? Zal google eens vragen thx!

[Verwijderd]

JHS schreef op maandag 04 april 2005 @ 15:35:
Gebruik dan alsjeblieft ook [code=css][/code] tags .

Maar ik zou zeggen: geef hem een z-index mee, en positioneer je nav zoiezo niet met een table .

Maar gebruik een aparte laag voor je navigatie en positioneer deze met css?! mmm

[JHS]

Verwijderd schreef op maandag 04 april 2005 @ 15:40:
[...]Maar gebruik een aparte laag voor je navigatie en positioneer deze met css?! mmm

Het spijt me werkelijk, maar ik kan geen chocola maken van die bovenstaande zin, laat staan begrijpen wat je bedoelt .