Hover-Effekt bei normalen Text (<p></p>)
Andreas
- css
Hallo!
Ich bin hier kurz vor der Verzweiflung:
Ich habe eine Seite mit CSS formatiert, so dass sich die Links farblich ändern, wenn man mit der Maus drüber ist. Doch aus irgendeinem Grund habe ich den gleichen Effekt auf einer Seite auch bei normalem Text ohne Links und auch bei einer Überschrift.
Beide sind nur durch Klassen formatiert.
Wer sich das mal ansehen möchte: http://www.siegel4u.de/etsag/start.html
Hier noch einige Quelltext-Ausschnitte:
--- schnipp ---
<div id="headercrumbs">
<p class="crumbs"><i>Startseite</i></p>
</div>
<div id="content">
<!-- Beginn Seiteninhalt -->
<h1 class="start">Herzlich Willkommen</h1>
<h1 class="start">bei der</h1>
--- schnapp ---
--- schnipp ---
h1 {
font-family:"Baskerville Old Face","Times New Roman",serif;
font-size:24pt;
font-weight:bold;
font-style:italic;
font-variant:normal;
color:#000000;
text-decoration:none;
[...]
}
h1.start {
left:0px;
text-align:center;
width:575px;
}
p.crumbs {
position:absolute;
top:5px;
left:10px;
margin:0px;
line-height:10px;
font-size:10px;
}
a:hover, a.crumbs:hover {
text-decoration:none;
color:#C60E29;
}
--- schnapp ---
Wer kann mir helfen?
Viele Grüße
Andreas
Hi,
Ich habe eine Seite mit CSS formatiert, so dass sich die Links farblich ändern, wenn man mit der Maus drüber ist. Doch aus irgendeinem Grund habe ich den gleichen Effekt auf einer Seite auch bei normalem Text ohne Links und auch bei einer Überschrift.
<body>
<a name="top">
<div id="headercrumbs">
<p class="crumbs"><i>Startseite</i></p>
</div>
<div id="content">
in Verbindung mit
a:hover, a.crumbs:hover {
text-decoration:none;
color:#C60E29;
}
Du öffnest ein a-Element, schließt es aber nicht mehr.
Außerdem sagst Du, daß für a:hover die Farbe geändert werden soll.
Also ist es doch kein Wunder, wenn das geschieht, was Du im Code gesagt hast.
Korrigiere das HTML.
cu,
Andreas
Du öffnest ein a-Element, schließt es aber nicht mehr.
Peinlich, peinlich...
Dass ich das nicht selbst gesehen habe...
Vielen Dank!
Viele Grüße
Andreas