Zum Inhalt springen

Bewerbungsformular


Sebi80

Empfohlene Beiträge

Also nachdem ich das eine Problem gelöst habe, hätte ich mal noch ein paar grundsätzliche Fragen.

Ich soll momentan ein Bewerbungsformular machen mit php.

Soweit noch kein Problem. Nur mit dem Positionieren habe ich nach wie vor so das ein oder andere Problem.

Es soll in etwa so aussehen:

Onlinebewerbung

Name: [............] Vorname: [.............]

Strasse: [............] Ort: [.............]

wobei die [...] Textfelder sein sollen.

Das Formular habe ich in der Seite per css positioniert.

Nur wie positionier ich nun die Sachen in dem Formular vernünftig?

Gibts da jemanden der mir da weiterhelfen kann oder gibts da eine leicht verständliche Seite die mir weiterhilft????

Vielen Dank

Sebi

Link zu diesem Kommentar
Auf anderen Seiten teilen

Das Formular habe ich in der Seite per css positioniert.

Nur wie positionier ich nun die Sachen in dem Formular vernünftig?

Dein Problem ist, du willst Elemente in einer Zeile formatieren (also Inline-Elemente), und denen dabei eine Breite geben (das kann man aber nur bei Block-Elementen). Ein block-Element bedingt aber immer einen Zeilenumbruch.

Die Lösung hierzu: Ein Inline-Block. Leider wird der bis jetzt nur von Opera 7+ unterstützt.

Ein vorschlag wäre z.B.:


<?xml version="1.0"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

  <head>

    <title>New Document</title>

    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  <style type="text/css">

  <!--

    label { float: left;

            clear: both;

            text-align: right;

            width: 9em;

            margin: 0 0.5em 10px 0; }

    input { margin-bottom: 10px; }

  //-->

  </style>

  </head>

  <body>

    <form name="bewerbung" action="#">

    <label for="input_name">Name:</label>

    <input type="text" id="input_name" name="input_name" /><br />

    <label for="input_vorname">Vorame:</label>

    <input type="text" id="input_vorname" name="input_vorname" /><br />

    <label for="input_strasse">Strasse:</label>

    <input type="text" id="input_strasse" name="input_strasse" /><br />

    <label for="input_Ort">Ort:</label>

    <input type="text" id="input_ort" name="input_ort" />

    </form>

  </body>

</html>

EDIT:

Wie hast du es denn gelöst?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...