text-decoration in PHP hat keine Wirkung

exiter28

exiter28

Erfahrenes Mitglied
Hallo Jungs,

gibt es eine Möglichkeit in PHP die text-decoration zu deaktivieren?

anscheinend funktioniert die Standard Funktion über HTML nicht.

Beispiel: im Header sind folgende codes:

<script type="text/javascript">
a:hover {
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
</script>

Wenn ich nun Daten aus einer Tabelle lade und z.B.: eine E-Mail Adresse über ein gif-Bild übergeben, dann wird das gif immer umrandet.

PHP: 
echo '<td style="font-weight:bold;" >'.'<a href="mailto:'.$daten['email'].'"?subject=Anfrage" method="post" target="" enctype="text/plain"><img src="../images/mail.gif" alt="mail" /></a>'.$daten['name'].'</td>'."\r\n";

In diesem Beispiel wird einfach ein gif: mail.gif mit einem E-Mail-Link versehen. Das mail.gif ist dann immer blau umrandet.
Weiss von Euch jemand wie das zu lösen ist

Vielen Dank schon mal!
 
Es heißt im Type text/css, nicht text/javascript. Styling hat nichts mit JavaScript zu tun.


e:/ Schau dir doch nochmal an, wie man CSS in eine Seite direkt einbindet. <script> ist hier nicht der richtige Tag. Google ist dein Freund.
 
Hallo!

Zu dem bereits gesagten kommt noch hinzu dass "text-decoration" sich auf Text, aber nicht auf Bilder bezieht.
Für Bilder musst Du extra angeben dass sie keinen Rahmen haben sollen:
HTML: 
<style type="text/css">
img {
    border: none;
}
</style>
Gruss Dr Dau
 
exiter28 hat gesagt.:
gibt es eine Möglichkeit in PHP die text-decoration zu deaktivieren?
Zum Vergrößern anklicken....
Nö. Dem Webserver, respektive PHP, ist dein CSS schnuppe.

SELFHTML hat gesagt.:
Beachten Sie:

Wenn Sie mit border="0" den Rahmen um eine als Verweis dienende Grafik unterdrücken, kann der Anwender die Grafik nicht mehr unmittelbar als Verweis erkennen. Nur wenn er mit dem Mauszeiger über die Grafik fährt, kann er an dem Mauszeigersymbol erkennen, dass es sich um einen Verweis handelt. Deshalb sollten Sie den verweiskennzeichnenden Rahmen nur dann unterdrücken, wenn die Grafik auf den ersten Blick als Verweis erkennbar ist.

Wegen der Angabe border="0" benutzt das obige Beispiel die HTML-Variante Transitional, denn das border-Attribut ist im HTML-Standard als deprecated gekennzeichnet. Mit einem zentralen CSS-Format img { border:none } wäre dieses Problem allerdings elegant zu umgehen, und in allen <img>-Tags innerhalb von Verweisen könnte auf das border-Attribut verzichtet werden. Bei nicht CSS-fähigen Browsern würde dann aber doch der Rahmen angezeigt.
Zum Vergrößern anklicken....

Die Pseudoklassen für Verweise werden übrigens in einer anderen Reihenfolge genannt - ansonsten erleidest du mit der Formatierung in dem einen oder anderen Browser Schiffbruch.

CSS: 
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}

Und weil sie alle dieselbe CSS-Regel besitzen, können sie gruppiert werden:

CSS: 
a:link,a:visited,a:hover {
text-decoration: none;
}


mfg Maik
 
Maik hat gesagt.:
Nö. Dem Webserver, respektive PHP, ist dein CSS schnuppe.



Die Pseudoklassen für Verweise werden übrigens in einer anderen Reihenfolge genannt - ansonsten erleidest du mit der Formatierung in dem einen oder anderen Browser Schiffbruch.

CSS: 
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}

Und weil sie alle dieselbe CSS-Regel besitzen, können sie gruppiert werden:

CSS: 
a:link,a:visited,a:hover {
text-decoration: none;
}


mfg Maik
Zum Vergrößern anklicken....

Hallo Maik!

Danke für Eure Hilfe!
Du hast recht, über den header funktionierts auch nicht.
Ich habe den Tip von Dr Dau in der Zeile angewendet und so funktionierts:

PHP: 
'<a href="mailto:'.$daten['email'].'?subject=Anfrage an: '.$daten['name'].'" method="post" target="" enctype="text/plain"><img style="border:none; border: 0px;" src="../images/mail.gif" alt="mail" /></a>'
 
Mit Dr Daus Vorschlag sollte es im HTML-Dokumentheader (<head>...</head>) ebenso funktionieren, denn wie CookieBuster dich darauf hingewiesen hat, verwendest du den falschen Tag für den Style-Bereich.

Dr Dau hat gesagt.:
HTML: 
<style type="text/css">
img {
    border: none;
}
</style>
Zum Vergrößern anklicken....

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück