Problem mit CSS-Navigation... merkwürdig!

[oli-bt]

Hi zusammen!

Ich habe auf der Seite ...::: [ ~ Photo-and-Art.com ~ ] :::...    eine Homepage erstellt, bzw bin ich gerade drüber. Also nicht wundern wenn die hälfte noch nicht geht, bzw zu verbessern ist....

Bei der Navigation liegt momentan mein größtes Problem. Ich arbeite mit Inline-Frames und die Navigation liegt in einer Tabelle auf der Startseite, bzw in der Index2.php
Wenn ich mit der Maus bei verschiedenen Navigationspunkten drüber fahre, kommen kleine unterpunkte die man ebenfalls anklicken kann. Soweit so gut.... Das eigentliche Problem kommt erst wenn man einen von den unterpunkten angeklickt hat.... Wenn ich das gleiche dann nochmal versuche schließt das Menü bevor ich mit der Maus überhaupt drüber gehen kann.....

Ich habe mal den CSS Teil hier eingefügt:

<style type="text/css">
<!--
.navi { font-family:arial; font-weight:bold; font-size:12px; }

ul, li {
font-family:arial;
font-size:12px;
list-style-type: none;
}

div.menu {
font-family:arial;
font-size:12px;
position: absolute;
top: 115px;
z-index: 3;
}
div.menu li {
background-color:#ffffff;
}

div.menu a {
margin: 0 2px;
text-align: left;
text-decoration: none;
color: #303030;
}

div.menu a:hover {
color: #AAAAAA;
}

#smenu1{
position: relative;
left: 80 px;
padding:2px;
display: none;
float: left;
width: 120px;
font-size: 12px;
text-align:left;
filter:alpha(opacity=60);
}

#smenu2, {
position: relative;
left: 115 px;
padding:2px;
display: none;
float: left;
width: 120px;
font-size: 12px;
text-align:left;
filter:alpha(opacity=60);
}


#smenu3, {
position: relative;
left: 222 px;
padding:2px;
display: none;
float: left;
width: 120px;
font-size: 12px;
text-align:left;
filter:alpha(opacity=60);
}

#smenu4, {
position: relative;
left: 180 px;
padding:2px;
display: none;
float: left;
width: 120px;
font-size: 12px;
text-align:left;
filter:alpha(opacity=60);
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a {

}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}

a {text-decoration: none;
color: #222;
}

-->
</style>

Wäre super wenn mir jemand weiterhelfen kann...

 

[inco]

Mit display:block oder width:100% für die Links (<a>) und der Positionierung der submenüs direkt unter das Hauptmenü ohne Pixel dazwischen müsste es klappen.

 

[chrs]

display:block würde warscheinlich reichen, da ein Block Element sich immer die maximale Breite schnappt die es bekommen kann