Autor |
Nachricht |
stollentroll
Threadersteller
Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 15.12.2008 19:03
Titel [css] link hintergrundgrafik: position |
|
|
Hi,
die Links sind mit einer Hintergrundgrafik (siehe Pfeilchen) versehen, dass funktioniert auch ganz gut. Aber der IE (untere Grafik) zeigt die Grafik unschön platziert, wenn der Link über zwei Zeilen geht . Wie bekomme ich das in den Griff?
In Mozilla und anderen Gesellen:
IM IE:
CSS:
Code: |
a.more {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 8pt;
font-weight : bold;
color: #7F7F7F;
text-decoration: underline;
background: url(pic/more.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 14px;
}
|
HTML:
Code: |
<p class="text">Sample <a href="xxx.pdf" class="more">camp plan</a>,
<a href="yyy.pdf" class="more">training camp for a Japanese highschool in 2008</a></p>
|
Bin für Tipps sehr dankbar, weil ich das Problem häufiger habe und sich nicht immer Zeilenumbrüche innerhalb von links vermeiden lassen.
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 15.12.2008 19:11
Titel
|
|
|
ins blaue geraten, versuchs mal statt
Code: |
a.more {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 8pt;
font-weight : bold;
color: #7F7F7F;
text-decoration: underline;
background: url(pic/more.jpg);
background-repeat: no-repeat;
background-position: left;
padding-left: 14px;
}
|
mit
Code: |
a.more {
font-family : Verdana,Arial,Helvetica,sans-serif;
font-size : 8pt;
font-weight : bold;
color: #7F7F7F;
text-decoration: underline;
background: url(pic/more.jpg) no-repeat top left;
padding-left: 14px;
}
|
(veränderung ist das "top" in der zusammengefassten background-deklaration)
|
|
|
|
|
Anzeige
|
|
|
stollentroll
Threadersteller
Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 15.12.2008 19:43
Titel
|
|
|
Zitat: | (veränderung ist das "top" in der zusammengefassten background-deklaration) |
Dann verschwindet die Grafik ganz. Ich nehme an irgenwo hinter dem Anfang der Zeile?
Es hilft aber wenn der Link ohne anderem Text davor zweizilig ist, nur das hätte ich auch mit einer Liste hinbekommen.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.12.2008 21:00
Titel
|
|
|
Pixelpapst´s Korrektur ist aber richtig, da muss ein anderes Problem vorliegen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hintergrundgrafik mit CSS
e-mail hintergrundgrafik
Hintergrundgrafik einer Tabelle mit css
[CSS] Hintergrundgrafik 100% Höhe und Breite
hover effekt verdeckt hintergrundgrafik
Dokumenten aus Vorlage fehlt die Hintergrundgrafik
|
|