nicht angemeldet
Spalten bündig anordnen
0
Spalten bündig anordnen
Hallo Forum,
ich sitze hier vor einem Problem und komme nicht weiter.
Ich möchte mehrere Tabellen mit 4 oder weniger Spalten erstellen. Wenn ich aber nur 3 Zellen "fülle" und die letzte mit einem Platzhalter belege, dann sind diese 2 Tabellen nicht bündig für die ersten 3 Zellen.
Kann mir da bitte jemand auf die Sprünge helfen, wo der Fehler liegt?
Hier mal wie ich mir das gedacht habe: (1.Tabelle wird korrekt angezeigt, 2. nicht)
.sb014{ width: 14px; }
.sb168{ width: 168px;}
.sb336{ width: 336px;}
.sb504{ width: 504px;}
--></style>
</head>
<body>
<table style=" width: 658px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>zelle<br />
<select name="\_zelle" style="width: 154px;">
<option value="one">first</option>
<option value="two">second</option>
<option value="three">third</option>
</select></p>
</td>
<td class="sb014"></td>
<td>
<p>zelle2<br />
<input name="zelle2" type="number" size="24" style="width: 154px;" /></p>
</td>
<td class="sb014"></td>
<td>
<p>zelle 3<br />
<input name="zelle 3" type="number" size="24" style="width: 154px;" /></p>
</td>
<td class="sb014"></td>
<td>
<p>zelle 4<br />
<input name="zelle 4" type="number" size="24" style="width: 154px;" /></p>
</td>
</tr>
</table>
<table style=" width: 658px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<p>zelle<br />
<select name="_zelle" style="width: 154px;">
<option value="one">first</option>
<option value="two">second</option>
<option value="three">third</option>
</select></p>
</td>
<td class="sb014"></td>
<td>
<p>zelle2<br />
<input name="zelle2" type="number" size="24" style="width: 154px;" /></p>
</td>
<td class="sb014"></td>
<td>
<p>zelle 3<br />
<input name="zelle 3" type="number" size="24" style="width: 154px;" /></p>
</td>
<td class="sb168"></td>
</tr>
</table>
</body>
-
Ich vergaß noch zu erwähnen, dass ich den Code mit Adobe GoLove erstellt habe und es dort auch richtig aussieht, nur später im Browser stimmt es nicht mehr.
Vielen Dank
-
Lieber Duffmaster,
Ich vergaß noch zu erwähnen, dass ich den Code mit Adobe GoLove erstellt habe
meintest Du nicht GoLive (mit "i")?
und es dort auch richtig aussieht,
WYSIWYG-Editoren können bei Webseiten nur seeeehr selten halten, was sie versprechen.
nur später im Browser stimmt es nicht mehr.
Welchen Browser meinst Du denn? Ich habe in verschiedenen Browsern immer wieder verschiedene visuelle Ergebnisse erlebt...
Mal so ganz nebenbei: Wozu brauchst Du Tabellen? Hast Du tabellarische Inhalte(1) auf Deiner Seite? Oder versuchst Du im Grunde nur, die Inhalte irgendwie auszurichten(2) und benutzt dazu Tabellen?
(1) Dann vergib den Tabellenzellen Klassen-Namen (mit dem http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title="class"-Attribut) und verwende diese Klassennamen, um ihnen <http://de.selfhtml.org/css/formate/zentrale.htm@title=per CSS einheitliche Breiten zu geben>.
(2) Studiere lieber, wie man <http://de.selfhtml.org/css/intro.htm@title=mit Hilfe von CSS Inhalte einer Seite visuell gestalten> kann, um Tabellen nicht für diesen Zweck zu missbrauchen. Mit CSS geht das zum einen <http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=viel besser> und zum anderen wird der (HTML-)Code Deiner Seite <http://de.selfhtml.org/css/formate/zentrale.htm#div_span@title=besser wartbar>.
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)-
Vielen Dank für die schnelle Antwort. Ich wollte tatsächlich die Tabellen für letzteren Zweck missbrauchen. Dann werde ich mich mal in CSS einlesen.
Liebe Grüße
-
-