Autor |
Nachricht |
Soneria
Threadersteller
Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht:
|
Verfasst Fr 09.01.2009 11:28
Titel Div-Tag - Schrift hält keinen Abstand nach oben |
|
|
Hallo!
Folgendes Problem:
In einem weißen Div-Tag soll ein Link in Form eines Textes stehen. Wenn ich das so -> <div id="side_4"><a href="sole_letter.html">» Sole-Letter</a></div> eingebe klebt die Schrift oben am Tag. Das ist ja normal. So wenn ich aber der Schrift jetzt sage sie soll oben einen Abstand von 5px haben, dann geschieht nichts. Die schrift klebt immer noch oben dran. Bei Padding-Top geschieht auch nichts und bei einfach nur Padding verschiebt sich die Schrft nur nach rechts und links ist ein wenig Platz.
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #6c7b8b;
text-decoration: none;
margin-top: 5px;
}
Gebe ich CSS-Daten falsch ein??? Wie macht man das generell, wenn man Text in einem Div-Tag ausrichtet?
Bei mir hat es sonst immer geklappt.
Schöne Grüße
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 09.01.2009 11:31
Titel
|
|
|
Ein Hyperlink ist ein inline Element und kann daher keine padding/margin Eigenschaften für top oder bottom annehmen.
|
|
|
|
|
Anzeige
|
|
|
Soneria
Threadersteller
Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht:
|
Verfasst Fr 09.01.2009 11:38
Titel
|
|
|
Ahh, oki, das wusst eich noch nicht. Und wie lös ich das Problemchen?
Über CSS Padding bei dem Tag?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 09.01.2009 11:40
Titel
|
|
|
Verschiedene Möglickeiten, befindet sich das Element in einem Text bietet sich die display Eigenschaft mit
dem Wert inline-block an. Das ermöglicht dir dann padding und margin nach belieben einzusetzen.
|
|
|
|
|
phoenix-ad
Dabei seit: 30.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 10.01.2009 03:53
Titel
|
|
|
Gib dem DIV doch generell ein margin-top...ist einfacher
Ansonsten kannst Du natürlich auch den Link auch in einen Span setzen, und den mit margin-top deklarieren
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 10.01.2009 10:43
Titel
|
|
|
phoenix-ad hat geschrieben: | Ansonsten kannst Du natürlich auch den Link auch in einen Span setzen, und den mit margin-top deklarieren |
Wo wäre denn da der Unterschied zum Hyperlink? Das geht natürlich auch nicht.
Zuletzt bearbeitet von m am Sa 10.01.2009 10:47, insgesamt 1-mal bearbeitet
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 10.01.2009 13:10
Titel
|
|
|
Die Alternative zu m's Vorschlag wäre lediglich noch die, mit dem Zeilenabstand zu arbeiten: line-height: 1.5;
Aber das kann u.U. auch unerwünscht sein.
Div's oder Spans drumrumbauen ist keine sinnvolle Lösung, es bläst den Code unnötig auf und bringt immernoch nicht das gewünschte Ergebnis.
Außerdem, was machst du, wenn du dynamisch den Inhalt reinlädst? Dann suchst du alle Hyperlinks raus und setzt denen ein span davor und dahinter oder wie? Nein, das ist unpraktikabel.
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 10.01.2009 15:46
Titel
|
|
|
Smooth-Graphics hat geschrieben: | Außerdem, was machst du, wenn du dynamisch den Inhalt reinlädst? Dann suchst du alle Hyperlinks raus und setzt denen ein span davor und dahinter oder wie? Nein, das ist unpraktikabel. |
Wie gesagt, inline Elemente kann man auch sowieso nicht mit margin oder padding top/bottom Eigenschaften versehen...
|
|
|
|
|
|
|
|
Ähnliche Themen |
[css] - Abstand zwischen img und div
Abstand nach <p> Tag
hp hat abstand zum browserrand
html abstand
[css] abstand von scrollbar?
css abstand probleme
|
|