Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

SELFHTML Forumsarchiv
Hover-Effekt bei normalen Text (<p></p>)

Informationsseite
  1. Seite (CSS) Hover-Effekt bei normalen Text (<p></p>) von Andreas, 31. 12. 2004, 11:50
nach unten

Hover-Effekt bei normalen Text (<p></p>)

Die folgende Nachricht zum Thema stammt von: Andreas, 31. 12. 2004, 11:50

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

nach obennach unten

Hover-Effekt bei normalen Text (<p></p>)

Die folgende Nachricht zum Thema stammt von: MudGuard, 31. 12. 2004, 11:57

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
--
Warum nennt sich Andreas hier MudGuard?

Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.

nach obennach unten

Hover-Effekt bei normalen Text (<p></p>)

Die folgende Nachricht zum Thema stammt von: Andreas, 31. 12. 2004, 12:04

»» 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

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2004 Teil von Dezember

© 1998-2008 Seite Impressum, Software: Classic Forum