Autor |
Nachricht |
stollentroll
Threadersteller
Dabei seit: 24.06.2004
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 15.12.2008 18: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 18: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 18: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 20:00
Titel
|
|
|
Pixelpapst´s Korrektur ist aber richtig, da muss ein anderes Problem vorliegen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hintergrundgrafik mit CSS
e-mail hintergrundgrafik
[CSS] Hintergrundgrafik 100% Höhe und Breite
Hintergrundgrafik einer Tabelle mit css
Flash-Prob mit Arbeitsfläche u. Hintergrundgrafik
Hintergrundgrafik oder Hintergrundbild drucken
|
|