Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 21.10.2010, 13:03
joergl joergl ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.10.2010
Beiträge: 2
joergl befindet sich auf einem aufstrebenden Ast
Standard Hintergrundbilder, a:hover im firefox

Hallo zusammen,

ich habe ein (größeres) Problem:

Ich habe einen Div-container mit Hintergrundbild angelegt (Größe 798x532 px) in dem sich der gesamte Inhalt befindet.
Auf der Startseite möchte ich 4 Links in Blockform (je 399x266 px, mit Hintergrundbildern und veränderten Hintergründen bei a:hover) angezeigt haben.

Hier der Code für den ersten Link in der CSS-Datei:

#all {
position:absolute;
top:50%;
left:50%;
width:798px;
height:532px;
margin-left:-399px;
margin-top:-266px;
background-image:url(../Bilder/HG.jpg);
}

.nav1 span {
display: none;
}
.nav1:link {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1.jpg);
}

.nav1:visited {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1.jpg);
}

.nav1:hover {
display: block;
width: 399px;
height: 266px;
position: absolute;
top: 0px;
left: 0px;
background: url(../Bilder/Bild 1 akt.jpg);
}

Der Code im HTML:

<div id="all">
<a href="seite.html" class="nav1"><span>seite</span></a>
</div>


Das funktioniert im IE ohne Probleme, der Firefox zeigt nur das HG-Bild des Containers, aber keinerlei weitere (Link)-Hintergründe.

Das gleiche Problem habe ich auch bei 2 ineinander gelegten Div-Containern. Beim 2. wird kein Hintergrundbild angezeigt.

Kann mir jemand helfen?

Vielen Dank im voraus.

joergl
Mit Zitat antworten
Sponsored Links