Formularfelder formatieren - Abstand zwischen den Feldern?

[Santa Sphinx]

Hallo,

Ich bastel mir gerade eine Seite zusammen und jetzt eine Frage: Bei meinem Kontaktformular liegen alle Textfelder direkt übereinander. Wie bekomme Ich da einen Zeilenabstand dazwischen?

[Santa Sphinx]

Im Anhang mal ein Bild vom Formular:

Formular.jpg

[xchs]

Wie bekomme Ich da einen Zeilenabstand dazwischen?

Versuch' es mal mit Firebug und CSS. Gemeint ist dabei "Cascading Style Sheets" und nicht "Cross-Site Scripting"

[Santa Sphinx]

Haha, Ich hab's mir ja fast gedacht, dass das mit CSS möglich, wenn man es denn kann. Ok, Ich steh da komplett am Anfang.

1. Ich erstelle ein neues CSS?
2. Ich sage dem Formular, dass das neu erstellte CSS für es gilt?

Was geb Ich denn als Selektor ein? Und was muss Ich angeben, damit die Textfelder nen Zeilenabstand kriegen?

Wäre nett, vielen Dank.

[xchs]

Was geb Ich denn als Selektor ein? Und was muss Ich angeben, damit die Textfelder nen Zeilenabstand kriegen?

Das hängt davon ab, wie Du das gegenständliche Formular definiert hast, tabellenlos oder über eine Tabelle. Wie der Selektor lautet sieht man am besten im Seitenquelltext bzw. mit dem Firefox-Addon "Firebug".

Genaueres könnte man eventuell sagen, wenn man dazu ein "lebendes Objekt" hätte.

[Santa Sphinx]

Ok, ist es denn besser Seiten tabellenlos oder mit Tabelle zu erstellen?

Gut, dann werd Ich beizeiten mal Firefox und den Firebug installieren.

Hier ist das lebende Objekt: http://www.heartcore-media.de/index.php/Kontakt.html

[xchs]

Ergänze das mal in Deinem Stylesheet:

form table td {
    padding-bottom: 3px;
    padding-top: 3px;
}

Und ja, FF und Firebug ist eine gute Idee!

[Santa Sphinx]

Wow, funktioniert.

Anscheinend gilt das ja jetzt für alle Textfelder.

Danke!

[MiTsch]

Hallo Santa Sphinx,

wie schon xchs erwähnt hat könntest Du zu Analyse der Zusammenhänge in deiner Webseite das kostenlose Addon Firebug für den Webbrowser Firefox benutzen.

Und ja, FF und Firebug ist eine gute Idee!

Firebug erleichtert Dir die Sache dabei ungemein!

Schau Dir dazu auch mal dieses Tutorial an.



Viele Grüße
MiTsch