✔ click barer bereich absolute positionierung

[mc_gee]

hallo leute
durch den folgenden code sollten eigentlich drei click bare bereiche horizontal ausgerichtet über einer hintergrundgrafik sein----si sind es nicht sie werden untereinander positioniert und es ist auch nur der erste bereich clickbar ich denke weil nur dieser sich im div bereich befindet

<!--2.Navigation -->
<div id="nav_main">
<h2>tools</h2>
<ul id="nav_features">
<li id="nav_home"><a href="#home">home</a></li>
<li id="nav_prize"><a href="#prize">Preise</a></li>
<li id="nav_location"><a href="#location">Location</a></li>
</ul>
</div>

div#nav_main{
position:relative;
background:#Fea643 url(bilder/nav_main.png) no-repeat 0 0;
height:90px;
z-index:1;

}
ul#nav_features {
position:absolute;
top:15px;
left:325px;
margin:0;
width:440px;
height:50px;
background:transparent url(bilder/nav_features.png) no-repeat; }

ul#nav_features li{
display:list-item;
}
li#nav_home {
left:0px;
}
li#nav_prize {
left:150px;
}
li#nav_location {
left:300px;
}
li#nav_home a, li#nav_prize a, li#nav_location a {
	display:block;
	height:50px;
	width:140px;
	text-indent:-9999;
}

villeicht findet ja einer den fehler oder besser noch eine lösung
danke!!

 

[Maik]

Hi,

versuch es mal hiermit:

ul#nav_features li{
display:inline;
}

li#nav_home a, li#nav_prize a, li#nav_location a {
        display:block;
        float:left;
        height:50px;
        width:140px;
        text-indent:-9999;
}

Und bitte halte dich an unsere Netiquette bzgl. der Groß- und Kleinschreibung. Vielen Dank.

 

[mc_gee]

Danke fur den Tipp, funtioniert jetzt zumindest soweit das die bereiche horizontal ausgerichtet sind nur werden nun height und width bzw die left positionierung nicht übernommen......

 

[Maik]

Positionsangaben greifen erst in Verbindung mit der position-Eigenschaft - also:

ul#nav_features li{
display:inline;
position:absolute;
}

 

[mc_gee]

Heureka Danke jetzt funtzt