Im Stylesheet gehören ausschließlich die Parameter mit Werten, getrennt von Semikolon; Beispiel:
Code:
TAG { <Parameter>: <Wert>; <Parameter>: <Wert>; }
.class { <Parameter>: <Wert>; }
#id { <Parameter>: <Wert>; }
Will man CSS direkt in einem HTML-Tag nutzen, dann bedient man sich der Option style="...".
<TAG style="<Parameter>: <Wert>; <Parameter>: <Wert>;">xxx</TAG>
Für deine Überschrift, mache es so:
CSS:
Code:
h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 100%;
}
Das margin kannst du auch zusammenfassen zu:
"margin: 0px" -> Abstand zu allen Seiten (oben/unten/links/rechts) ist 0;
Oder z.B.:
"margin: 0px 5px" -> Abstand oben/unten ist 0 und links/rechts ist 5px.
Ich würde deine Überschriften folgendermaßen formatieren:
Code:
<a href="{$forum_url}"><h2>{$forum['name']}</h2></a>
<div class="smalltext">{$forum['description']}</div>
1. den Link als äußere Hülle,
2. Die h2-Überschrift nackt innerhalb des Links setzen,
3. <strong></strong> kann entfernt werden, da das h2-Tag bereits fett vordefiniert ist,
4. kein <br /> nötig, weil jedes h-Tag ein Block-Ellement ist.
Block heißt es besitzt standardmäßig eine Breite von 100% (CSS: display: block
.
Jeder Inhalt danach, also dein div für die description, beginnt automatisch in einer neuen Zeile.
Auch div ist ein Block-Element.
Das Gegenstück wäre ein Inline-Element (CSS: display: inline), das nur so groß ist, wie sein tatsächlicher Inhalt und demnach keinen Zeilenumbruch zwingend verursacht.
Für gewöhnlich sollte man CSS-display nur ausnahmsweise nutzen, stattdessen Elemente wählen, die von Haus aus entweder block oder inline sind, z.B. <div> oder <span>.
[ExiTuS]
