|
|||
Formulare mit Tabellen und CSS?
Hallo,
ich möchte ein Formularlayout für einen Fragebogen mit CSS umsetzen. Das Basislayout soll eigentlich eine Tabelle mit 2 Spalten pro Frage sein. Die linke Spalte soll jeweils den Text der Frage enthalten, die rechte Spalte dann z.B.: (a) ein einzelnes Input-Feld pder textarea für eine Zahl/einen Text (b) drei bis sieben Radiobuttons nebeneinander (für Kategorien: z.B. "stimmt nicht", "stimmt teils-teils", "stimmt") (c) mehrere Checkboxen untereinander Wichtig ist, dass die linke Spalte aller Zeilen immer bündig bleiben, die rechte Spalte soll dann weiter unterteilt werden je nach Art der Antwortkategorien (also bei drei Radiobuttons also in drei gleich große Teile, in die jeweils die Radiobuttons zentriert sollen). Ich habe verschiedene Ansätze probiert, die rechte Spalte in CSS-Boxen zu unterteilen, aber keine der Ansätze funktioniert browserübergreifen bzw. funktioniert überhaupt so, dass ich stabil gleich große Boxen kriege, also der Art Code:
table.frm td.firstcol { width: 50%} .outer {display: inline; width: 100%; height:100%; } .x3P { width: 33.333%; } Code:
<table class="frm"> <tr> <td class="firstcol">linke Spalte</td> <td> <div class="outer"> <div class="x3P"><input type = "RADIO" name="test" value="1" /></div> <div class="x3P"><input type = "RADIO" name="test" value="2" /></div> <div class="x3P"><input type = "RADIO" name="test" value="3" /></div> </div> </td> </tr> </table> 1. die Felder die Spaltenbreiten- und höhen komplett einnehmen 2. die Boxen nicht umbrechen 3. das Ganze auch im IE6 und IE7 funktioniert. Ich bin nicht allzu erfahren mit CSS, vielleicht liegt es daran. Meine Frage also: - Ist die Vorgehensweise mit Tabellen und Unterteilung durch CSS überhaupt so hin zu bekommen? - wenn ja: wie müssen die Boxen veschachtelt werden, damit ein Umbrechen verhindert werden kann? Läßt sich das Ganze vielleicht auch eleganter ohne Tabelle lösen? Danke, Ralf |
Sponsored Links |
Sponsored Links |
|
|||
Code?
Danke für die Antwort.
Ich kriege leider keine Vorstellung, wie das mit Listen hinzukriegen sein soll. Mein Problem bei einer besteht ja darin, eine Box (z.B. in einer Tabellenzelle, oder auch als Teil einer Liste) so zu unterteilen, dass die Teile gleich groß sind, und nicht umbrechen. Ich kann mir nicht vorstellen, wie das mit einer Liste gehen soll. Kannst Du etwas Beispielcode posten, wie Du das genau meinst? Vielen Dank, Ralf |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS waagerechte flexible Bildergallerie mit Text ohne Tabellen immer mittig | Bomb-Jack | CSS | 4 | 22.06.2010 13:24 |
Gliederungen (Tabellen???) mit CSS | Boof | CSS | 6 | 14.02.2009 20:21 |
CSS und Tabellen... | s_lehbert | CSS | 3 | 28.01.2007 20:13 |
Tabellen mit CSS ? | allstar | CSS | 17 | 06.10.2005 23:16 |
CSS für Formulare oder besser nicht ? | deekee | CSS | 0 | 26.09.2005 20:12 |