mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:26 Benutzername: Passwort: Auto-Login

Thema: Div-Tag - Schrift hält keinen Abstand nach oben vom 09.01.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Div-Tag - Schrift hält keinen Abstand nach oben
Autor Nachricht
Soneria
Threadersteller

Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht: Weiblich
Verfasst Fr 09.01.2009 11:28
Titel

Div-Tag - Schrift hält keinen Abstand nach oben

Antworten mit Zitat Zum Seitenanfang

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
Lächel
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 09.01.2009 11:31
Titel

Antworten mit Zitat Zum Seitenanfang

Ein Hyperlink ist ein inline Element und kann daher keine padding/margin Eigenschaften für top oder bottom annehmen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Soneria
Threadersteller

Dabei seit: 16.01.2008
Ort: Kreative Rockbude
Alter: -
Geschlecht: Weiblich
Verfasst Fr 09.01.2009 11:38
Titel

Antworten mit Zitat Zum Seitenanfang

Ahh, oki, das wusst eich noch nicht. Und wie lös ich das Problemchen?

Über CSS Padding bei dem Tag?
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 09.01.2009 11:40
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
phoenix-ad

Dabei seit: 30.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 10.01.2009 03:53
Titel

Antworten mit Zitat Zum Seitenanfang

Gib dem DIV doch generell ein margin-top...ist einfacher *zwinker*
Ansonsten kannst Du natürlich auch den Link auch in einen Span setzen, und den mit margin-top deklarieren
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 10.01.2009 10:43
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 10.01.2009 13:10
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 10.01.2009 15:46
Titel

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.