WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- weg von den Tabellen - Aufbau eines Formulars mit 2 Spalten

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » weg von den Tabellen -... - 29 März 2024 Antworten
im Forum für Webhosting Homepage gefunden:
weg von den Tabellen - Aufbau eines Formulars mit 2 Spalten
Gon
Otto-Normal-Poster
Threadstarter




Beiträge: 72

so, ich ersetze gerade ein Formular, das einst durch Tabellen "schön" in Position gehalten wurde durch eine neue Version. Ich hab mich mal wieder damit versucht es zu zeichnen, dank der Quellcode Funktion geht das auch ganz gut und sieht bei allen gleich aus ^^


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: 
32: 
33: 
34: 
35:
Bewerber-Nr.:  |________________________|     Bewerbung vom:        |________________________|

Anrede:        |_____|V| Titel: |_____|V|     Eingang am:           |________________________|

Titel:         |________________________|     Angelegt am:          |________________________|

Name:          |________________________|     Anlass der Bewerbung: |________________________|

Vorname:       |________________________|     Bewerbung als:        |________________________|

Straße:        |________________________|     Stellennr.:     |______| Abteilung: |__________|

Postleitzahl:  |________________________|     1. VG Fachabt.: |____________| um: |___________|

Ort:           |________________________|     2. VG Fachabt.: |____________| um: |___________|

Telefon/privat:|________________________|     3. VG Fachabt.: |____________| um: |___________|

Geburtsdatum:  |________________________|     Gespräch PA:    |____________| um: |___________|

Email:         |________________________|     Reisekosten erstattet? |_| in Höhe von : |_____| Euro

 _______________________
|                       |
| O Bewerbung per Post  |
|                       |
| O Bewerbung per eMail |
|_______________________|

              _____________________________________________
Bemerkungen: |                                             |
             |                                             |
             |                                             |
             |                                             |
             |_____________________________________________|



Mein erster Ansatz war, 3 divs zu erschaffen, id="lcontent", id="rcontent" und id="ucontent" für links, rechts und unten.
links enthällt die ganze linke Spalte, rechts die ganze rechte und Bewerbung per mail/post sowie die Bemerkungen wären im unten div.

Ich habe es auch geschafft, die beiden divs l und r nebeneinander zu positionieren. Dann wollte ich den inputs (in der Zeichnung die |______| um Textfelder darzustellen) im im css sagen, wo sie beginnen sollten, damit sie alle bündig untereinander sind. Nur leider bestimme ich den Abstand zum letzten Element links von ihnen, nicht zur linken Seite des div's.


Im zweiten Ansatz habe ich Text und Textfeld getrennt und in 2 verschiedene divs getan id="ltext" und id="lfields". Leider gibt es dann hier Probleme mit den Feldern Anrede/Titel, Stellennr/Abteilung und den 1/2/3 VG Fachabt.: Feldern, Gespräch PA und Reisekosten.

Fchen, wo bist du? ^^ Bekommst von mir auch ein eigenes Superman Kostüm.


---
'Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise.'
(the Duchess)

  Profil   Editieren   Zitieren
Austin Powers
Mausakrobat




Beiträge: 169

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:
Berwerber-Nr: Anrede ...
// oder ...
Berwerbeung von eingang am ...
...
.....

Hoffe es hilft

---
MfG:Austin Power (Saturn Realm)
OMW! Zumindest sobald ich herausgefunden hab wo ich JETZT gerade bin.
<---------->
"Wenn Liebe die Antwort ist, könnst Du bitte die Frage neu formulieren?" ... Lily Tomlin
<---------->
code hier http://www.pastebin.com

  Profil   Website   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

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
, und mit
  Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

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.

Hoffe es hilft

Sorry, nein. Und es ist div-Suppe.

Schau Du Dir doch auch mal das Tutorial von EfA an.

Gruß,
-Efchen

  Profil   Editieren   Zitieren
Gon
Otto-Normal-Poster
Threadstarter




Beiträge: 72

ok, das ganze Formular ist jetzt in einem
und ich hab
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.

---
'Never imagine yourself not to be otherwise than what it might appear to others that what you were or might have been was not otherwise than what you had been would have appeared to them to be otherwise.'
(the Duchess)

Diese Nachricht wurde geändert von: Gon
  Profil   Editieren   Zitieren
Ehemaliges Mitglied (#1460)
Posting-Schinder




Beiträge: 609

Gon schrieb am 25.07.2005 08:44
ok, das ganze Formular ist jetzt in einem

Wozu das?
Steht da noch was anderes drin, als nur das
-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
s braucht, oder dass die Dinger immens wichtig sind, oder gar dass man Layout mit
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.

  Profil   Editieren   Zitieren
 

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » weg von den Tabellen -...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - weg von den Tabellen - Aufbau eines Formulars mit 2 Spalten im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7975183    Heute : 134     Gestern : 388     Online : 37     29.3.2024    9:58      0 Besucher in den letzten 60 Sekunden        
Nach oben