Ich bau mir gerade was zu sammen, die Erfolgschancen schätz ich aber als gering ein
Kannst dir ruhig Zeit lassen hab ja noch bis Freitag Zeit
Ich bau mir gerade was zu sammen, die Erfolgschancen schätz ich aber als gering ein
Kannst dir ruhig Zeit lassen hab ja noch bis Freitag Zeit
Das ganze ist ein Schulprojekt bin also an Firefox und InternetExplorer gebunden obwohl der IE außeracht gelassen werden kann
Wenn ich ich den a-Tag später schließe löst sich mien Problem leider auch nicht. Der Hover-Effekt verschwidnet beim "betreten" der LinkBox
Ich versteh jetzt nicht was du meinst.
Sry ich bin halt ein HTML-Noob!
Wenn du etwas genauer beschrieben könntest was du meinst wär' das ziehmlich hilfreich.
Hallo Leute,
Folgendes Problem:
Auf meiner Startseite sind 3 Große Buttons zu sehen. Wenn man mit der Maus drüber fährt färben sich diese Rot und 2 Buttons erscheinen darunter. (siehe Screenie am Ende)
a.AsiaButton {
display:block;
width:300px;
height:450px;
background:transparent url(../Grafiken/Hover/AsiaHover.png) no-repeat top left ;
}
a.AsiaButton:hover {
display:block;
width:300px;
height:450px;
background:transparent url(../Grafiken/Hover/AsiaHover.png) no-repeat bottom left;
Alles anzeigen
Soweit funktioniert ja auch alles...
Nun habe ich jedoch solche "LinkBoxen" definiert die genau auf den 2 kleineren Buttons liegen. Sie funktionieren sprich sie verlinken zum richtigen Ziel jedoch geht der Hover-Effekt beim "betreten" der Linkboxen und somit auch die kleinen Buttons flöten.
#map {
position: relative;
}
#map ul {
margin: 0;
padding: 0;
list-style: none;
}
#map a {
position: absolute;
text-indent: -1000em;
}
#map .Button1 a {
top: 340px;
left: 5px;
width: 135px;
height: 65px;
}
#map .Button2 a {
top: 340px;
left: 160px;
width: 135px;
height: 65px;
}
Alles anzeigen
Und hier die HTML-Datei.
<html>
<head>
<title>Restaurant Gehimtipps</title>
<link href="CSS/layout.css" rel="stylesheet" type="text/css">
<link href="CSS/LinkBoxen.css" rel="stylesheet" type="text/css">
<link href="CSS/Hover.css" rel="stylesheet" type="text/css">
<link href="CSS/Hover.css" rel="stylesheet" type="text/css">
</head>
<body>
<center><img src="Grafiken/Headline.png" alt="Restaurant-Geheimtipps"></center>
<br /><br /><br /><br />
<table border="0" align="center">
<tr>
<th width="400"> <div id="map">
<a class="AsiaButton"></a>
<ul>
<li class="Button1"><a href="Links/A1.html">Asiatisch1</a></li>
<li class="Button2"><a href="Links/A2.html">Asiatisch2</a></li>
</ul>
</div></th>
<th width="400"><div id="map">
<a class="ItaButton"></a>
<ul>
<li class="Button1"><a href="Links/I1.html">Italienisch1</a></li>
<li class="Button2"><a href="Links/I2.html">Italienisch</a></li>
</ul>
</div></th>
<th width="400"><div id="map">
<a class="DeuButton"></a>
<ul>
<li class="Button1"><a href="Links/D1.html">Deutsch1</a></li>
<li class="Button2"><a href="Links/D2.html">Deutsch2</a></li>
</ul>
</div></th>
</tr>
</table>
</body>
</html>
Alles anzeigen
Meine Frage also. Was muss ich wie machen da mit der Hover-Effekt beim 'betreten' der Linkboxen immer noch aktiv bleibt?