Tabelle: Zeielnhöhe (tr) will einfach nicht ???

[ben-pen]

HAllo,

ich weiß einfach nicht nicht woran es liegt. Irgendwie stehe ich voll aufm Schlauch.

Meine Tabelle:

<div><table class="produkt">
						<tr>
							<td class="headline"  colspan="8">
								<p class="headline-tabelle">Selbstansaugende Benzin-Wasserpumpen</p>
							</td>
						</tr>
						<tr>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Model</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Motor-Model</p>
							</td>
							<td class="headlien-spalten"  colspan="2">
								<p class="headline-spalten-tabelle">Max. Fördermenge</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Gesamtförderhöhe</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Max. Ansaugtiefe</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Abmessungen</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">Leergewicht</p>
							</td>
						</tr>
						<tr>
							<td class="headlien-spalten">
							</td>
							<td class="headlien-spalten">
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">L/min</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">m3/h</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">(m)</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle"> (m)</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">(LxBxH) mm</p>
							</td>
							<td class="headlien-spalten">
								<p class="headline-spalten-tabelle">(kg)</p>
							</td>
						</tr>
						<tr>
							<td>
								<p>PTG 110</p>
							</td>
							<td>
								<p>025 GR</p>
							</td>
							<td>
								<p>130</p>
							</td>
							<td>
								<p>7,2</p>
							</td>
							<td>
								<p>35</p>
							</td>
							<td>
								<p>8,5</p>
							</td>
							<td>
								<p>275x212x298</p>
							</td>
							<td>
								<p>5,1</p>
							</td>
						</tr>
						<tr>
							<td>
								<p>PTG 208</p>
							</td>
							<td>
								<p>Y 15D</p>
							</td>
							<td>
								<p>520</p>
							</td>
							<td>
								<p>31</p>
							</td>
							<td>
								<p>32</p>
							</td>
							<td>
								<p>8</p>
							</td>
							<td>
								<p>462x356x397</p>
							</td>
							<td>
								<p>24</p>
							</td>
						</tr>
						
				</table>
			</div>

Mein CSS:

.produkt {background-color: red;}
.produkt tr {color: #fff; height: 11px; font-size: 9px;}
.produkt td { padding-left:5px;}

Ich habe schon alles versucht. Die Zeilenhöhe kann ich nicht ändern.

Kann mir jemand helfen?
Vielen Dank

Ben

 

[UPeuker]

Bei mir lässt sich über deinen Code die Zeilenhöhe ändern.
Allerdings nur vergrößern. Die Höhenangabe gilt nur, wenn der Inhalt dadurch größer dargestellt wird, als wenn keine Angabe erfolgt wäre.

Eventuell sind also noch Anpassungen an Margin und/oder Padding erforderlich.

 

[scope]

Auch die Zeilenhöhe könnte einen Einfluss haben, die wird sicher größer als 11px sein.