Zeilenabstand zwischen Überschrift und Text

[joke]

Hallo,

ich habe wieder ein kleines Problem

und zwar machte ich den Zeilenabstand zwischen der Überschrift und dem Text vergrößern

hier ein Screenshot

leider klappt das nicht so wie ich es mir vorgestellt habe

ich habe versucht mittels padding-bottom den Abstand zu vergrößern

.navileft {
font-weight: bold;
font-size: 11px;
color: #ff6600;
text-decoration: none;
padding-right: 2px;
padding-left: 2px;
padding-bottom: 8px;
padding-top: 2px;
text-align: left;
}

leider klappt das nicht, bei einer anderen Klasse hatte ich damit keine Probleme ? verstehe es nicht ganz

weiters besteht das Problem, dass bei der Überschrift der Abstand nach links größer ist als beim Text

obwohl das padding bei Text und navileft gleich eingestellt ist

text {
padding-right: 2px;
padding-left: 2px;
padding-bottom: 2px;
padding-top: 2px;
font-weight: normal;
font-size: 11px;
text-decoration: none;
color: black;
margin-bottom: 0px;
text-align: left;
}

wäre sehr dankbar wenn mir da jemand kurz helfen könnte, die url zur Seite ist http://travelclicks.info

vielen Dank schonmal

grüße

Joke

 

[joke]

aaah jetzt hab ich grad rausgefunden warum

mit "span" klappt das anscheinend nicht

durch was könnte ich span ersetzen ohne einen erneuten Zeilenumbruch aufzurufen ? "p" geht also glaube ich nicht

hm das Problem hat sich glaube ich gelöst !!!

mit div sollte es klappen, wenn nicht melde ich mich nochmal, sry dass ich deswegen einen thread aufgemacht habe

klappt leider mit div auch nicht bräuchte also doch Hilfe

 

[joke]

Habe leider immer noch keine Möglichkeit gefunden wie ich den abstand verändern könnte, wäre nett wenn mir jemand helfen könnte

Danke

 

[_stefan_]

also padding-top/bottom/... geht nicht das muss man so machen:
oh sorry *rotwerd* es ist natürlich

padding:oben rechts unten links;

und nicht padding:unten rechts oben links;
und das geht auch mit span

grüße stefan

EDIT: und? klappts?

 

[joke]

vielen Dank werde ich gleich ausprobieren

 

[dkdenz]

padding:oben links unten rechts;

Sorry, aber das ist Quatsch!
Die Reihenfolge ist immer top, right, bottom, left...

Schon mal line-height ausprobiert?

 

[joke]

line height würde mir ja oben und unten den abstand vergrößern

möchte aber nur unten einen größeren Abstand

wenn es nicht funktioniert mache ich es eben mit einem durchsichtigen gif aber muss doch ne möglichkeit mit css geben

das mit padding: 2 2 8 2; oder so ähnlich probiere ich gleich mal aus vielleicht klappts ja

 

[dkdenz]

Aber nicht die px vergessen.
padding:2px 2px 8px 2px;
Ansonsten kannst Du auch ganz profan ein Break nach der Überschrift reinschreiben...

 

[joke]

hm klappt auch nicht

was könnte der Grund dafür sein ?

der break ist mir dann wieder zu weit auseinander

blöde Sache

 

[dkdenz]

Du könntest natürlich auch bei Deinem navileft das span auf block stellen,
was zwar Blödsinn ist, aber egal.
Also: display:block;
Dann musst Du noch mit den padding-Werten rumspielen,
eventuell sogar in's Minus gehen.

 

[joke]

jetzt klappt es kapiere zwar nicht ganz wieso aber Hauptsache es funktioniert

Dankeschön !!!

 

[dkdenz]

Bitteschön...
Ein span ist ein inline-Element. Das erzeugt keinen Abstand.
Macht man es aber zu einem block-Element, geht das.
Obwohl das, wie erwähnt, Blödsinn ist aus einem inline-Element ein block-Element zu machen.
Dann kann man nämlich gleich ein block-Element nehmen.
Z.B. ein div, obwohl in Deinem Fall wohl ein h2 oder h3 besser wäre.