zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Formulare mit Tabellen und CSS?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.10.2007, 23:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2007
Beiträge: 2
mikstyle befindet sich auf einem aufstrebenden Ast
Standard 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%; }
für
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>
Der Code ist vereinfacht, ich habe auch mehrere sich umschließende Boxen uvam. ausprobiert, aber ich kriege es nicht hin, dass:
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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.10.2007, 03:18
Benutzerbild von dottore:skin
~27
XHTMLforum-Mitglied
 
Registriert seit: 23.02.2005
Beiträge: 233
dottore:skin befindet sich auf einem aufstrebenden Ast
Standard

moin,.,.,
nun ich verwende seit längerem für die formatierung von formularen listen.
Code:
<form ....>
<ul>
  <li>
    <label for="subject" accesskey="s">Betreff</label><br />
    <input type="text" name="subject" id="subject" value="" tabindex="1"/>
  </li>
</form>
dann z.b.: den label feldern eine feste breite zuweisen; label und input left floaten; etc etc etc...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.10.2007, 11:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.10.2007
Beiträge: 2
mikstyle befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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 14:24
Gliederungen (Tabellen???) mit CSS Boof CSS 6 14.02.2009 21:21
CSS und Tabellen... s_lehbert CSS 3 28.01.2007 21:13
Tabellen mit CSS ? allstar CSS 17 07.10.2005 00:16
CSS für Formulare oder besser nicht ? deekee CSS 0 26.09.2005 21:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:57 Uhr.