Formatierungsfragen

[monkey]

Hi!

nachdem mit den Berechtigungen alles funktioniert, habe ich jetzt Fragen die das Layout betreffen:

emtipp.css

Code: Alles auswählen

dl.spiele {
	min-height: 25px;
}
dd.anstoss {
	width: 18%;
	line-height: 1.5em;
	font-size: 1.2em;
}
dd.ort {
	width: 14%;
	line-height: 1.5em;
	font-size: 1.2em;
}
dd.mannschaft {
	text-align: center;
	width: 22%;
	line-height: 1.5em;
	font-size: 1.2em;
}
dd.mannschaft_small {
	text-align: center;
	width: 2%;
	line-height: 1.5em;
	font-size: 1.2em;
}
dd.tore {
	text-align: center;
	width: 10%;
	line-height: 1.5em;
	font-size: 1.2em;
}
dd.tipp {
	text-align: right;
	width: 10%;
	line-height: 1.5em;
	font-size: 1.2em;
}

template:

<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>

<ul class="topiclist">
<li class="header">
<dl class="spiele">
<dd class="anstoss">Anstoss</dd>
<dd class="ort">Ort</dd>
<dd class="mannschaft">Mannschaft I</dd>
<dd class="mannschaft_small"></dd>
<dd class="mannschaft">Mannschaft II</dd>
<dd class="tore">Ergebnis</dd>
<dd class="tipp"><span>Tipp</span></dd>
</dl>
</li>
</ul>

<ul class="topiclist forums">
<li class="row">
<dl class="spiele">
<dd class="anstoss"><span>Anstoss</span></dd>
<dd class="ort">Ort</dd>
<dd class="mannschaft">Mannschaft I</dd>
<dd class="mannschaft_small">-</dd>
<dd class="mannschaft">Mannschaft II</dd>
<dd class="tore">Ergebnis</dd>
<dd class="tipp"><span>Tipp</span></dd>
</dl>
</li>
</ul>

<span class="corners-bottom"><span></span></span>
</div>
</div>

Anschauen: http://www.pudelteam.de/emtipp.php

So, nun möchte ich, dass "Anstoss" und "Ort" nicht direkt an dem weißen Strich kleben und wieso ist die erste Zeile (mit den Überschriften) größer geworden (Höhe).

Ich habe die Klasse "spiele" erstellt und die "min-height" auf 25px reduziert...

[nickvergessen]

für den letzten Post auf der index.php gilt:

Code: Alles auswählen

	padding: 4px 0;

[monkey]

Alles klar, danke!

Funktioniert jetzt so wie ich mir das vorgestellt habe