Autor |
Nachricht |
christowski
Threadersteller
Dabei seit: 14.04.2006
Ort: Meitingen
Alter: 32
Geschlecht:
|
Verfasst Di 20.02.2007 12:40
Titel CSS. "underline" anpassen |
|
|
Hallo zusammen,
ich hoffe, ich bin hier richtig.
Ich habe folgendes Problem: Für mein Blog möchte ich bei bestimmten überschriften den Unterstrich anpassen. Ich habe z.B. das Wort ARCHIV. Der Unterstrich sollte aber einen bestimmten Abstand zum Wort haben und evetuell eine andere Farbe haben.
Der vorhandene CSS Code für den Text ist einfach der:
Code: | #sidebar h4{font-size:14px;
font-family: Georgia;
font-weight:bold;
text-decoration:underline;
padding-left:6px;
padding-top:2px;
margin-bottom:6px;
color:#7a7a7a;} |
Weiß jemand, wie ich das anpassen kann?
Vielen dank schon mal!
lg.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.02.2007 12:50
Titel
|
|
|
Code: | border-bottom:1px solid #000000; |
|
|
|
|
|
Anzeige
|
|
|
christowski
Threadersteller
Dabei seit: 14.04.2006
Ort: Meitingen
Alter: 32
Geschlecht:
|
Verfasst Di 20.02.2007 13:01
Titel
|
|
|
Hm, danke, aber das wars nicht ganz, glaube ich. >Sidebar.<
Soll ich das einfach anstatt der text-decoratio einfügen?
Code: | #sidebar h4{font-size:14px;
font-family: Georgia;
font-weight:bold;
border-bottom:1px solid #000000;
padding-left:6px;
padding-top:2px;
margin-bottom:6px;
color:#7a7a7a;} |
Sorry, sehr viel ahnung hab ich davon noch nicht, Wordpress geht aber nun mal nicht anders.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.02.2007 13:10
Titel
|
|
|
Ich kann keine h4 Elemente finden, so kann die Regel natürlich auch auf nichts zutreffen.
Zuletzt bearbeitet von m am Di 20.02.2007 13:11, insgesamt 3-mal bearbeitet
|
|
|
|
|
christowski
Threadersteller
Dabei seit: 14.04.2006
Ort: Meitingen
Alter: 32
Geschlecht:
|
Verfasst Di 20.02.2007 13:12
Titel
|
|
|
Vielleicht hilft das hier, auch aus der CSS datei?
Code: | #sidebar h3{font-weight:normal;
text-decoration:underline;
padding-left:6px;
padding-top:6px;
margin-bottom:5px;
color:#7a7a7a;} |
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.02.2007 13:18
Titel
|
|
|
Genau das.
Code: | #sidebar h3 {
padding-left:6px;
padding-top:6px;
margin-bottom:5px;
color:#7a7a7a;
border-bottom:1px solid #ff0000;
} |
Wenn du jetzt allerdings wirklich nur den Text unterstrichen haben möchtest,
könntest du das so angehen:
Code: | <h3><span>Überschrift</span></h3> |
Code: | #sidebar h3 {
color:#f00;
text-decoration:underline;
}
#sidebar h3 span {
color:#000;
} |
|
|
|
|
|
christowski
Threadersteller
Dabei seit: 14.04.2006
Ort: Meitingen
Alter: 32
Geschlecht:
|
Verfasst Di 20.02.2007 13:41
Titel
|
|
|
Ah okay, vielen Dank, das müsste klappen. Gleich mal ausprobieren.
Und dann noch: Wie ändere ich den Abstand der Linie zum Text? Kann ich da noch irgend ein padding reinsetzen oder?
Zuletzt bearbeitet von christowski am Di 20.02.2007 13:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 20.02.2007 14:17
Titel
|
|
|
christowski hat geschrieben: | Kann ich da noch irgend ein padding reinsetzen oder? |
Das würde nur mit der Border Variante funktionieren.
|
|
|
|
|
|
|
|
Ähnliche Themen |
URL anpassen?
Seite anpassen
PDF-Seitengröße anpassen ...
Farben anpassen?
Fotos anpassen
Anpassen von div-höhen?
|
|