Tabellen formatierung

Status
Nicht offen für weitere Antworten.
C

Chaosengel_Gabriel

Erfahrenes Mitglied
Hey Leute...
Ich will mit ner Tabelle nen Eingabe-Formular schön positionieren...
Dabei möchte ich die ersten beiden Spalten links und die letzten drei zentriert Ausrichten...
Geht das irgendwie? Und wenn ja. wie? :confused:
 
Aber für die einzellnen Spalten seperat...
Am besten ohne jedesmal ne class zu vergeben oder nen style-Attribut in den HTML-Code zu schreiben, also inner externen CSS-File...
 
Auf irgend eine Weise (ID oder Klasse) musst du die Elemente aber entsprechend ihrer gewünschten Ausrichtung unterscheiden, um sie mit CSS differenziert ansprechen zu können.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_Chaosengel_Gabriel</title>

<style type="text/css">
<!--
table { width:800px; margin-top:40px;}
table,td { border:1px solid #000; }

.left { text-align:left; }
.center { text-align:center; }
-->
</style>

</head>
<body>

<table>
  <tr>
    <td class="left">1. Spalte</td>
    <td class="left">2. Spalte</td>
    <td class="center">3. Spalte</td>
    <td class="center">4. Spalte</td>
    <td class="center">5. Spalte</td>
  </tr>
</table>

</body>
</html>
 
Ähm... Ich glaub da is was etwas falsch rüber gekommen...
senkrecht untereinander liegende Zellen sollen die gleiche Ausrichtung annehmen...

Da es Profil-Daten sind arbeite ich auch mit colspan und rowspan...
 
Dann solltest du mal besser dein Tabellenkonstrukt zeigen, um hier die Mißverständnisse auszuräumen, denn neben meinem Monitor steht keine Glaskugel. :p
 
Ach das wundert mich bei dir ja glatt ^^
Wäre doch noch ne coole Deko ;)

Na gut, ich zeig dir mal meinen original Code:
Code: 
<table>
<tr>
//    <td rowspan="10"><form name="Avatar" action="/heavenly-hell.osna/index.php?page=edit" method="post" enctype="multipart/form-data" accept-charset="ISO-8859-1">

<span title="max. 350kb
max 250x350 Pixel
 .jpg .gif oder .png">Avatar :</span>
<br />
Kein Avatar vorhanden.
<br />
<input type="hidden" name="MAX_FILE_SIZE" value="358400"><input name="pic" type="file">
<br />
<input class="button" type="submit" name="submit" value="Avatar hochladen">
</form>
</td><form name="Daten" action="/heavenly-hell.osna/index.php?page=edit" method="post" accept-charset="ISO-8859-1">
<td colspan="5"><h3>Pflicht Angaben</h3></td>
</tr>
<tr>
<td></td>
//     <td></td>

//     <td>anzeigen</td>
//     <td>ausblenden</td>
</tr>
<tr>
<td>Nickname :</td>
//     <td>test</td>
<td></td>
<td></td>
</tr>
<tr>
<td>Vorname :</td>

//     <td>test</td>
//     <td><input type="radio" name="Show_Vorname" value="1"></td>
//     <td><input type="radio" name="Show_Vorname" value="0" checked></td>
</tr>
<tr>
<td>Nachname :</td>
//     <td>test</td>                       /////und so weiter
<td></td>
<td><input type="radio" name="Show_Nachname" value="1"></td>
<td><input type="radio" name="Show_Nachname" value="0" checked></td>
</tr>
<tr>
<td>Geburtsdatum :</td>

<td>11.11.1111</td>
<td></td>
<td><input type="radio" name="Show_Alter" value="1"></td>
<td><input type="radio" name="Show_Alter" value="0" checked></td>
</tr>
<tr>
<td>Email-Adresse:</td>
<td><input class="text" type="text" name="Email" maxlength="70" value="test@test.ru"></td>
<td></td>
<td><input type="radio" name="Show_Email" value="1"></td>
<td><input type="radio" name="Show_Email" value="0" checked></td>
</tr>
<tr>
</tr>
<tr>

<td>Wohnort :</td>
<td><input class="text" type="text" name="Wohnort" maxlength="70" value="test"></td>
<td></td>
<td><input type="radio" name="Show_Wohnort" value="1"></td>
<td><input type="radio" name="Show_Wohnort" value="0" checked></td>
</tr>
<tr>
<td colspan="5"><h3>Freiwillige Angaben</h3></td>
</tr>
<tr>
<td>Homepage :</td>
<td><input class="text" type="text" name="Homepage" maxlength="70" value=""></td>
<td></td>
<td></td>

<td></td>
</tr>
<tr>
<td>ICQ :</td>
<td><input class="text" type="text" name="ICQ" maxlength="20" value=""></td>
<td></td>
<td><input type="radio" name="Show_ICQ" value="1"></td>
<td><input type="radio" name="Show_ICQ" value="0" checked></td>
</tr>
<tr><td>Beschreibung :</td><td></td></r><tr><td colspan="5" rowspan="5"><div><input type="hidden" id="Beschreibung" name="Beschreibung" value="" style="display:none" /><input type="hidden" id="Beschreibung___Config" value="" style="display:none" /><iframe id="Beschreibung___Frame" src="/fckeditor/editor/fckeditor.html?InstanceName=Beschreibung&amp;Toolbar=Default" width="690" height="400" frameborder="0" scrolling="no"></iframe></div></td></tr><input class="button" type="submit" name="submit" value="Daten ändern">
</form>
</table>

Hoffe man kann da noch durch steigen :D

Der Browser Code sieht schlimmer aus^^
Die Radio-Buttons und das Feld davor mit der Ausgabe soll zentriert.
Sowie links die erste Spalte, die auf 10Reihen gestreckt ist mit dem Avatar...

Hab das entsprechende in den ersten Zeile auskommentiert und um 5 Zeichen eingeschoben...
 
Zuletzt bearbeitet:
Sei bitte so gut, und zeig hier den geparsten PHP-Code, sprich die HTML-Ausgabe, und kommentiere bitte, um welche Tabellenzellen es sich konkret dreht.
 
Guten Morgen :)

Wie ich es gestern Abend schon angedeutet habe, lässt sich die Formatierung der relevanten Tabellenzellen ohne zwei entsprechende Klassen nicht vornehmen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück