hey leute. habe heute bisschen weiter gemacht und komme jetzt nochmal zu nem kleinen problem worüber ich im internet einfach nichts finden kann. habe eine navigation eingebaut und anfangs funktionierte auch alles wunderbar. nur jetzt wo ich fast fertig bin lassen sich die links also die menüpunkte nurnoch schlecht anklicken. als würde der link unterm wort hängen. hier ist mal die seite. macht euch selbst ein bild davon^^ also die links funktionieren sowieso noch nicht aber ihr seht ja wenn aus dem mauszeiger ne hand wird.
http://bobshop.bplaced.net/Carblog2014/
Hier der Auszug aus der index.html:
Code: Alles auswählen
<div id="content">
<div id="menu">
<ul id="navigation">
<li class="neuigkeiten"><a href="linkurl<!--hier link rein-->">Neuigkeiten</a></li>
<li class="events"><a href="linkurl<!--hier link rein-->">Events</a></li>
<li class="gruppen"><a href="linkurl<!--hier link rein-->">Gruppen</a></li>
<li class="autobörse"><a href="linkurl<!--hier link rein-->">Autobörse</a></li>
<li class="searchfor"><a href="linkurl<!--hier link rein-->">Search for</a></li>
</ul>
</div>
und hier aus der .css datei:
Code: Alles auswählen
/* Navigation von Menü 2 hellrot */
ul#navigation
{
font-family: arial;
color:#FFFFFF;
font-weight:bold;
font-size:9pt;
margin-left:-40px;
}
ul#navigation li
{
float:left;
top:-5px;
position:relative;
list-style-type:none;
}
ul#navigation li a
{
color: #FFFFFF;
text-decoration:none;
}
ul#navigation li a:hover
{
color: #FF0000; /*Hintergrundfläche soll sich verfärben wenn man mit maus drüber geht*/
text-decoration:none;
}
ul#navigation li.neuigkeiten
{
width:130px;
}
ul#navigation li.events
{
width:130px;
}
ul#navigation li.gruppen
{
width:130px;
}
ul#navigation li.autobörse
{
width:130px;
}
ul#navigation li.searchfor
{
width:130px;
}
vielleicht habt ihr ja nochmal lust und zeit mir zu helfen. finde da echt keine lösung. liebe grüße
edit: einschränken kann man es vielleicht auf die "z-index: ;"?
schaut mal die design.css:
Code: Alles auswählen
#header
{
width:1024px;
height:40px;
position:fixed;
background:#BC0000;
border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
z-index: 3;
box-shadow:0.5px 0.5px 0.5px 0.5px #000000;
}
#header h1
{
position:fixed;
text-align:left;
padding-left:8px;
width:1014px;
margin:0px;
font-family: aston-f1;
color:#FFFFFF;
z-index: 3;
}
#content
{
width:1014px;
}
#menu
{
position:fixed;
margin-top:41px;
width:823px;
height:28px;
background:#FF0000;
padding-left:2px;
margin-left:200px;
z-index: 2;
box-shadow:0.5px 0.5px 0.5px 0.5px #000000;
}
vielleicht liegen #header und #menu einfach über den links? aber wie mache ich es richtig