MyBB.de Forum
kann fehler nicht finden - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: kann fehler nicht finden (/thread-33173.html)

Seiten: Seiten: 1 2


RE: kann fehler nicht finden - StefanT - 20.02.2016

(20.02.2016, 18:14)Ron66 schrieb:
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. Huh


RE: kann fehler nicht finden - [ExiTuS] - 20.02.2016

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: blockWink.
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]