| von Efchen |
Gon schrieb am 25.07.2005 08:44
ok, das ganze Formular ist jetzt in einem <div id="form_neu"> |
Wozu das?
Steht da noch was anderes drin, als nur das <form>-Tag? Wenn nein, dann weg mit der div-Suppe! CSS-Anfänger der Welt, verabschiedet Euch von dem Euch fälschlicherweise zugeflüsterten Gerücht, dass man für CSS-Layout zwingend <div>s braucht, oder dass die Dinger immens wichtig sind, oder gar dass man Layout mit <div>s macht. Alles Unfug.
| Wie schaffe ich es, dass alle inputs bündig unter einander angeordnet sind wie in den Beispielen und der Text sich variabel nach links erstreckt? Irgendwie hab ich das in seinen CSS nicht gefunden. |
Steht alles im EfA-Tutorial beschrieben. float und text-align. |
| von Gon |
ok, das ganze Formular ist jetzt in einem <div id="form_neu"> und ich hab <fieldset> verwendet. Sieht soweit ganz gut aus, nur eine Frage.
Wie schaffe ich es, dass alle inputs bündig unter einander angeordnet sind wie in den Beispielen und der Text sich variabel nach links erstreckt? Irgendwie hab ich das in seinen CSS nicht gefunden.
1:
2:
3:
4:
5: |
Name 1 |________________|
langer Name 2 |________________|
noch längerer Name 3 |________________|
kürzerer Name 4 |________________| |
hat er den Inhalt einfach Rechtsbündig gemacht? Kann ich mir nicht vorstellen weil er in einem Formular eine Textarea hat die breiter ist als die Textfelder. |
| von Efchen |
Austin Powers schrieb am 21.07.2005 18:18
ich wür ja um jede spalte nen container machen |
Und damit würdest Du den Zusammenhang zwischen Feld und Label auseinanderreißen, so dass Dein Formular völlig unverständlich werden würde. Es wäre nur noch mit optischen Browsern nutzbar. Eine riesige, unnötige, Barriere.
Sorry, nein. Und es ist div-Suppe.
Schau Du Dir doch auch mal das Tutorial von EfA an.
Gruß,
-Efchen |
| von Efchen |
Gon schrieb am 21.07.2005 10:32
so, ich ersetze gerade ein Formular, das einst durch Tabellen "schön" in Position gehalten wurde durch eine neue Version. |
Das ist lobenswert!
| Mein erster Ansatz war, 3 divs zu erschaffen |
Warum immer alles mit divs? Zeichne doch erst mal Dein Formular sinnvoll aus. Mit <fieldset>, <legend> und mit <label> (bei letzterem das Attribut "for" nicht vergessen!)
<div>s sind doch kein Zaubermittel, das man überall einsetzt. Die Bedeutung von <div>s wird von CSS-Anfängern viel zu hoch bewertet.
| Im zweiten Ansatz habe ich Text und Textfeld getrennt und in 2 verschiedene divs getan |
Noch mehr div-Suppe?
| Fchen, wo bist du? ^^ Bekommst von mir auch ein eigenes Superman Kostüm. |
Oops, hat mich da jemand gerufen? 
Wie man schöne Formulare macht, beschreibt Einfach für Alle sehr schön in ihrem Tutorial:
http://www.einfach-fuer-alle.de/artikel/formulare/ |
| von Austin Powers |
ich wür ja um jede spalte nen container machen
also sorry nur ganz grob
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31: |
<div class="container">
<div class="spalte1">
<div class="beschriftung1">
Berwerber-Nr:
Anrede
...
</div>
<div class="felder1">
<input>
<div >// oder<input>
...
</div>
</div>
<div class="spalte2">
<div class="beschriftung2">
Berwerbeung von
eingang am
...
</div>
<div class="felder1">
<input>
<input>
...
</div>
</div>
<div class="zweiter2spaltigerblock">
.....
</div>
</div>
|
Hoffe es hilft |
|
