Autor |
Nachricht |
Paleiko
Threadersteller
Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 39
Geschlecht:
|
Verfasst Mo 05.09.2005 13:26
Titel css - mir fällt keine headline dazu ein |
|
|
mein Problem:
ich will links wie ihr seht via css standartmäßig nen look verpassen. allerdings, weiss der teufel wieso, macht er das border-bottom-scheiss-zeug auch bei links die auf bildern liegen. ich dachte eigentlich durch das "img a:link" würde das verschwinden aber ich schein mich zu täuschen, findet jemand nen bug? hat jemand ne idee?
meine css datei:
a:link {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px dotted #666600;
}
a:visited {
font-face: georgia;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #666;
}
a:active {
font-face: georgia;
color: #656500;
text-decoration: none:
border-bottom: 1px solid #656500;
}
a:hover {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px solid #656500;
}
img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}
meine htmldatei:
<html>
<head>
<title>test</title>
<link href="sdf.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://www.test.de">ausprobieren</a>
<br>
<br>
<a href="http://www.test.de"><img src="../bild.jpg" width="90" height="90" border"0"></a>
</body>
</html>
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 13:28
Titel
|
|
|
Du willst also bei verlinkten KEIN Border haben?
img {
border:0;
}
Oder nen anderen Border also bei text-links ?
|
|
|
|
|
Anzeige
|
|
|
Paleiko
Threadersteller
Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 39
Geschlecht:
|
Verfasst Mo 05.09.2005 13:32
Titel
|
|
|
ausprobiert hast du das auch nicht oder? denn wenn du hättest würdest du sehen, das bild ist immernoch gestrichelt unterstrichen
|
|
|
|
|
Glas
Dabei seit: 24.05.2003
Ort: Bremen
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 13:53
Titel
|
|
|
Ja, das is schon klar ...
img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}
|
|
|
|
|
Paleiko
Threadersteller
Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 39
Geschlecht:
|
Verfasst Mo 05.09.2005 15:09
Titel
|
|
|
img a:link {
text-decoration: none;
border-bottom: 1px dotted #000000;
background:none;
}
vergiss was bold dasteht und ersetze es durch "border-bottom:none;"
okay, und selbst wenn das normal nicht funktionieren würde, wie würde es funktionieren ohne das ich dem Bild ein style gebe (selbst dann funktioniert es allerdings auch nicht)
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 05.09.2005 15:45
Titel
|
|
|
Lösung mit Klasse:
Code: | a:link {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px dotted #666600;
}
a:visited {
font-face: georgia;
color: #333;
text-decoration: none;
border-bottom: 1px dotted #666;
}
a:active {
font-face: georgia;
color: #656500;
text-decoration: none:
border-bottom: 1px solid #656500;
}
a:hover {
font-face: georgia;
color: #666600;
text-decoration: none;
border-bottom: 1px solid #656500;
}
a.imageLink {
text-decoration: none;
border-bottom: 0px;
background: none;
} |
Code: | <html>
<head>
<title>test</title>
<link href="sdf.css" rel="stylesheet" type="text/css">
</head>
<body>
<a href="http://www.test.de">ausprobieren</a>
<br>
<br>
<a href="http://www.test.de" class="imageLink"><img src="../bild.jpg" width="90" height="90" border0></a>
</body>
</html> |
Du kannst nicht erst hingehen und alle Links allgemein mit ner border versehen und dann erwarten, dass er, ohne dass du ne extra Klasse anlegst, im speziellen Fall (mit dem Bild dazischen) dies nicht tut. Auch deine Hirarchie kann so gar nicht funktionieren, denn es gibt kein a innerhalb von img.
|
|
|
|
|
Paleiko
Threadersteller
Dabei seit: 25.08.2005
Ort: Osnabrück
Alter: 39
Geschlecht:
|
Verfasst Mo 05.09.2005 16:16
Titel
|
|
|
Zitat: | auch deine Hirarchie kann so gar nicht funktionieren, denn es gibt kein a innerhalb von img. |
hatte ich aus einer anderen Quelle. Danke für den Tip mit der Klasse. Dann gehts ja jetzt, vielen Dank!
mfg, Axel
Zuletzt bearbeitet von Paleiko am Mo 05.09.2005 16:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Element fällt vom Bildschirmrand
Wordpress - Headline / Slogan
Flash AS2 Script: Schnee, der nach der Zeit erst fällt
Problem: layout fällt auseinander bei Block Elementen, hilfe
|
|