Wo kommt dieser Hover Effekt her?

Status
Nicht offen für weitere Antworten.

Acidfood

Mitglied
Hallo,

ich weiß nicht wo er diesen Hovereffekt herbekommt, oder wie es zu dieser Linie unter meinem Text kommt.

Kann jemand helfen? Hier auch mal der komplette Code:

Code:
	<style type="text/css">
<!--

#feld1 { position: absolute; text-decoration: none; top: 10px; left: 160px; width: 290px; height: 10px; }
#feld2 { position: absolute; text-decoration: none; top: 37px; left: 160px; width: 290px; height:200px; }

.small {font-size: 12px; font-weight: bold; text-decoration: none;}
.scrollen
     { color: #000000; font-size: 10pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none; text-align: justify; padding: 4px; width: 450px; height: 325px; float: left; overflow: auto; scrollbar-3dlight-color: #F0F0F0; scrollbar-arrow-color: #E00000; scrollbar-darkshadow-color: #F0F0F0; scrollbar-face-color: #F0F0F0; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color: #F0F0F0     }
-->
	</style>
	<div class="scrollen">
	<img src="../profil/photo.gif" alt="" height="162" width="110" border="0">
	<div id="feld1">
		<h2>Dipl. Ing. Christian Schneider</h2>
	</div>
	<div id="feld2">
		<p class="small">
		Saarstrasse 46<br>03046 Cottbus</p>
		<p class="small">
		Tel: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0355 / 49 44 706</p>
		<p class="small"></p>
		<p class="small">Handy: &nbsp;&nbsp;&nbsp;0172 / 37 92 586</p>
		<p class="small"></p>
		<p class="small">
		e-Mail: &nbsp;&nbsp;&nbsp;christianschneider@ceess.de
	</p>
	</div>
	</div>

Habe auch schon überall (text-decoration: none;) eingefügt.

http://http://www.ceess.de/hp_17_03_05.php?show=prof

Gruss Christian

Ps.: Hey Danke für's verschieben aber ich dachte schon es könnte ein php Problem sein, ist ja eine Includierte php Seite. Habe doch schon im CSS Code alles dafür getan das es ohne Texteffekt auskommt?
 
Zuletzt bearbeitet:
Der Fehler liegt am fehlenden </a> -TAG für dein Profil-Link:

Code:
<div style="position:absolute; top:120px; left:90px;"> 
<a href="?show=prof"><img src="Bilder/frueling/hp_16_03_05_18.jpg" width="160" height="40" alt="Profil" border="0"></a>
</div>
                <div id="profil">
<style type="text/css">
<!--

#feld1 { position: absolute; text-decoration: none; top: 10px; left: 160px; width: 290px; height: 10px; }
#feld2 { position: absolute; text-decoration: none; top: 37px; left: 160px; width: 290px; height:200px; }

.small {font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none;}
.scrollen
     { color: #000000; font-size: 10pt; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none; text-align: justify; padding: 4px; width: 450px; height: 325px; float: left; overflow: auto; scrollbar-3dlight-color: #F0F0F0; scrollbar-arrow-color: #E00000; scrollbar-darkshadow-color: #F0F0F0; scrollbar-face-color: #F0F0F0; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color: #F0F0F0     }
-->
        </style>
        <div class="scrollen">
        <img src="../profil/photo.gif" alt="" height="162" width="110" border="0">
        <div id="feld1">
                <h2>Dipl. Ing. Christian Schneider</h2>
        </div>
        <div id="feld2">
                <p class="small">
                Saarstrasse 46<br>03046 Cottbus</p>
                <p class="small">
                Tel: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0355 / 49 44 706</p>
                <p class="small"></p>
                <p class="small">Handy: &nbsp;&nbsp;&nbsp;0172 / 37 92 586</p>
                <p class="small"></p>
                <p class="small">
                e-Mail: &nbsp;&nbsp;&nbsp;christianschneider@ceess.de
        </p>
        </div>
        </div>
</div>

Für deine Links hast du in der style.css folgende CSS-Eigenschaften gewählt:

Code:
a:link    { color: #ef9169; text-decoration: underline }

greez, maik.l
 
Alter Schwede besten Dank, was bist Du den für ein Fuchs.

Respekt, da hätte ich ja noch ewig suchen können.

Recht herzlichen Dank
 
Nachdem ich deinen geposteten Source-Code in einem HTML-Dokument getestet und keine Text-Unterstreichungen entdeckt habe, konnte das Problem ja nur in deinem Original-Dokument stecken ... ;-]


greez, maik.l
 
Status
Nicht offen für weitere Antworten.
Zurück