IE - Keine durchgängige Linkunterstreichung
- Themenstarter Fexxx
- Beginndatum
- Status
Das Problem ist tatsächlich die Grafik dotted.gif, welche aber bestehen soll, da "thin dotted" im IE (war ja klar) furchtbar aussicht bzw er das "thin" nicht erkennt.
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
line-height:16px;
color : #821515;
text-decoration:none;
padding-bottom: 2px;
background: url(images/css-dotted2.gif) repeat-x bottom;
}
.fliestext a:hover, {
line-height:16px;
color : #821515;
text-decoration:none;
border-bottom: 1px solid #821515;
background: url(images/0.gif) no-repeat bottom;
}
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
line-height:16px;
color : #821515;
text-decoration:none;
padding-bottom: 2px;
background: url(images/css-dotted2.gif) repeat-x bottom;
}
.fliestext a:hover, {
line-height:16px;
color : #821515;
text-decoration:none;
border-bottom: 1px solid #821515;
background: url(images/0.gif) no-repeat bottom;
}
mit einem gif oder jpg wird das nichts. Da ist die Ausgabe im IE nicht korrekt.
border-bottom:1px dotted #00000;
wird in folgenden Browsern nicht übernommen:
IE 5
NN 4
Teilweise - je nach update:
IE 5.5
IE 6.0
In allen anderen Browsern wird dotted übernommen.
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
color : #821515;
padding-bottom: 1px dotted #821515;
}
.fliestext a:hover, {
color : #821515;
border-bottom: 1px solid #000000;
}
probier mal.
Wenn du eine Browsererkennung oder Weiche einbauen willst, gibt es hier beispiele dafür:
http://css4you.de/wsbw/index.html
border-bottom:1px dotted #00000;
wird in folgenden Browsern nicht übernommen:
IE 5
NN 4
Teilweise - je nach update:
IE 5.5
IE 6.0
In allen anderen Browsern wird dotted übernommen.
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
color : #821515;
padding-bottom: 1px dotted #821515;
}
.fliestext a:hover, {
color : #821515;
border-bottom: 1px solid #000000;
}
probier mal.
Wenn du eine Browsererkennung oder Weiche einbauen willst, gibt es hier beispiele dafür:
http://css4you.de/wsbw/index.html
kannst du mal bitte das übernehmen, was ich gepostet hatte und dann online stellen? Das will ich selbst sehen, das dies nicht gehen würde oder hast du noch selbst einen IE 5.0 oder einen NN 4.0?!
Das Thema Browserweiche hast du nicht ganz verstanden. Denn hättest du das mit dem Thema Browserweiche mal gelesen, würdest du das nicht schreiben. Es ist nunmal unmöglich für alle Browser das gleiche Style zu erhalten. Deshalb passt man die Styles entsprechend den Browsern an und verwendet für die korrekte Ausgabe die Browserweiche. Allerdings wird das im Grunde auch nur von Profiseiten verwendet. Wenn du das als Hobby betreibst, kannst du ja - aufgrund der reichlichen Zeit
- dich damit beschäftigen und entsprechende Lösungen erarbeiten.
Tatsache ist, dass obiger Vorschlag . Ausgenommen der genannten Browser. Was willst du mehr?
Das Thema Browserweiche hast du nicht ganz verstanden. Denn hättest du das mit dem Thema Browserweiche mal gelesen, würdest du das nicht schreiben. Es ist nunmal unmöglich für alle Browser das gleiche Style zu erhalten. Deshalb passt man die Styles entsprechend den Browsern an und verwendet für die korrekte Ausgabe die Browserweiche. Allerdings wird das im Grunde auch nur von Profiseiten verwendet. Wenn du das als Hobby betreibst, kannst du ja - aufgrund der reichlichen Zeit
- dich damit beschäftigen und entsprechende Lösungen erarbeiten.Tatsache ist, dass obiger Vorschlag . Ausgenommen der genannten Browser. Was willst du mehr?
http://www.logo-grafik.de/test4.html
najo, mir war es eben wichtig immer die gleich darstellung zu haben, aber wenn das eben nicht möglich ist, gebe ich mich damit zufrieden.
THX
najo, mir war es eben wichtig immer die gleich darstellung zu haben, aber wenn das eben nicht möglich ist, gebe ich mich damit zufrieden.
THX
Du solltest etwas mehr über CSS lesen und vor allem probieren!
Nehme mal folgenden Code und Teste das. Du wirst sehen, das es geht.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
background-color:#FFFFFF;
margin: 0px;
}
p {
text-align:center;
}
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
font-family:Verdana, Helvetica, sans-serif;
font-size:0.8em;
font-style:normal;
font-weight:normal;
color: #821515;
text-decoration:none;
border-bottom-width:thin;
border-bottomcolor:#821515;
border-bottom-style:dotted;
}
.fliestext a:hover {
color:#000000;
border-bottom-color:#000000;
}
.flies a:link, .flies a:visited, .flies a:active {
font-family:Verdana, Helvetica, sans-serif;
font-size:0.8em;
font-style:normal;
font-weight:normal;
color:#821515;
text-decoration:none;
border-bottom-width:thin;
border-bottom-color:#821515;
border-bottom-style:dashed;
}
.flies a:hover {
color:#000000;
border-bottom-color:#000000;
}
//-->
</style>
<title>Test</title>
</head>
<body>
<br />
<p class="fliestext"><a href="#">Warum unterstreicht der IE den Link nich von oben bis unten?</a></p>
<br />
<p class="flies"><a href="#">Warum unterstreicht der IE den Link nich von oben bis unten?</a></p>
</body>
</html>
Nehme mal folgenden Code und Teste das. Du wirst sehen, das es geht.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
background-color:#FFFFFF;
margin: 0px;
}
p {
text-align:center;
}
.fliestext a:link, .fliestext a:visited, .fliestext a:active {
font-family:Verdana, Helvetica, sans-serif;
font-size:0.8em;
font-style:normal;
font-weight:normal;
color: #821515;
text-decoration:none;
border-bottom-width:thin;
border-bottomcolor:#821515;
border-bottom-style:dotted;
}
.fliestext a:hover {
color:#000000;
border-bottom-color:#000000;
}
.flies a:link, .flies a:visited, .flies a:active {
font-family:Verdana, Helvetica, sans-serif;
font-size:0.8em;
font-style:normal;
font-weight:normal;
color:#821515;
text-decoration:none;
border-bottom-width:thin;
border-bottom-color:#821515;
border-bottom-style:dashed;
}
.flies a:hover {
color:#000000;
border-bottom-color:#000000;
}
//-->
</style>
<title>Test</title>
</head>
<body>
<br />
<p class="fliestext"><a href="#">Warum unterstreicht der IE den Link nich von oben bis unten?</a></p>
<br />
<p class="flies"><a href="#">Warum unterstreicht der IE den Link nich von oben bis unten?</a></p>
</body>
</html>
- Status
