[StefanT]

Code:

h2 {
 [color=#333333][size=small][font='Open Sans', Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif]style="margin-top: 0px; margin-bottom: 0px; font-size: 100%;[/font][/size][/color]
}

Da wird wild CSS-, HTML- und MyCode durcheinander gewürfelt.

[[ExiTuS]]

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]