Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Moritzilie" data-source="post: 2256318" data-attributes="member: 591615"><p>Hallo,</p><p></p><p>ich bin totaler Anfänger und verzweifle an der Ausrichtung des Formulars.</p><p></p><p>Ich möchte diese Vorlage nachbauen und bekomme die Ausrichtung nicht hin.</p><p></p><p></p><p></p><p>Kann mir vielleicht bitte jemand helfen?</p><p></p><p></p><p>MfG</p><p></p><p>[HTML]&lt;form id=&quot;kontakformular&quot; action=&quot;http://www.formular-chef.de/fc.cgi&quot; method=&quot;post&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;input type=&quot;hidden&quot; name=&quot;empfaenger&quot; value=&quot;michael-burwitzX§Xgmx.de&quot;&gt;&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Pizzagr&amp;ouml;&amp;szlig;e:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;klein&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;klein&quot;&gt;klein&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;(20cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;5 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;mittel&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;mittel&quot;&gt;mittel&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;(30cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;7 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;gross&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;gross&quot;&gt;gro&amp;szlig;&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;label class=&quot;angaben&quot;&gt;(40cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;10 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;pizzagroesse&quot; type=&quot;radio&quot; value=&quot;jumbo&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;jumbo&quot;&gt;jumbo&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;(100cm)&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label class=&quot;angaben&quot;&gt;20 Euro&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Wunschsauce:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;ketchup&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;ketchup&quot;&gt;Ketchup&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;kraeuter&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;kraeuter&quot;&gt;Kr&amp;auml;uter&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;schokolade&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;schokolade&quot;&gt;Schokolade&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input name=&quot;wunschsauce&quot; type=&quot;radio&quot; value=&quot;knoblauch&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;knoblauch&quot;&gt;Knoblauch&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihr Wunschbelag:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_1&quot;&gt;Auswahl 1&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;salami&quot;&gt;Salami&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;kaviar&quot;&gt;Kaviar&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;hackfleisch&quot;&gt;Hackfleisch&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;thunfisch&quot;&gt;Thunfisch&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;hai&quot;&gt;Hai&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;blutwurst&quot;&gt;Blutwurst&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_2&quot;&gt;Auswahl 2&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;gruenkern&quot;&gt;Gr&amp;uuml;nkern&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;spinat&quot;&gt;Spinat&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;salat&quot;&gt;Salat&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_3&quot;&gt;Auswahl 3&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;gold&quot;&gt;Gold&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;viel kaese&quot;&gt;Viel K&amp;auml;se&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihr Wunschgetr&amp;auml;nk:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;auswahl_getraenk&quot;&gt;Bitte Ausw&amp;auml;hlen&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;select name=&quot;Auswahl&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;&quot;selected=&quot;selected&quot;&gt;keine Auswahl&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;nix&quot;&gt;Nix&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;cola&quot;&gt;Cola&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;option value=&quot;sekt&quot;&gt;Sekt&lt;/option&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;/select&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;h1&gt;Ihre Lieferadresse:&lt;/h1&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;name&quot;&gt;Ihr Name:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;name&quot; placeholder=&quot;Vor- und Nachname&quot; autocomplete=&quot;on&quot; required&gt;</p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;tel&quot;&gt;Ihr Telefonnummer:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;tel&quot; id=&quot;tel&quot; placeholder=&quot;+49 (0) 123 / 45 67 89 10&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;name&quot;&gt;Ihr Wohnort:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;text&quot; id=&quot;name&quot; placeholder=&quot;Wohnort?&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp;&nbsp; &lt;div class=&quot;adresse&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;label for=&quot;email&quot;&gt;Ihre E-Mailadresse:&lt;/label&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;input type=&quot;email&quot; id=&quot;email&quot; placeholder=&quot;max-mustermann@gmx.de&quot;&gt;&nbsp; &nbsp;&nbsp; </p><p>&nbsp; &nbsp; &nbsp;&nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &lt;input type=&quot;submit&quot;&gt;</p><p>&nbsp; &nbsp; &lt;input type=&quot;reset&quot; value=&quot;Abbrechen&quot;&gt;</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;/form&gt;[/HTML]</p><p></p><p>[Code]@charset &quot;utf-8&quot;;</p><p>/* CSS Document */</p><p></p><p>.angaben {</p><p>&nbsp; &nbsp; margin-left:250px;</p><p>}</p><p></p><p>select {</p><p>&nbsp; &nbsp; margin-left: 300px;&nbsp; &nbsp; </p><p>}</p><p></p><p>input#name,</p><p>input#tel,</p><p>input#email {</p><p>&nbsp; &nbsp; width: 200px;</p><p>&nbsp; &nbsp; margin-left: 50px;</p><p>}</p><p></p><p>.adresse {</p><p>&nbsp; &nbsp; display: block;</p><p>}</p><p></p><p>.adresse&gt;label {</p><p>&nbsp; &nbsp; display: block;</p><p>&nbsp; &nbsp; width: 120px;</p><p>&nbsp; &nbsp; float: left;</p><p>}</p><p></p><p>.adresse&gt;input {</p><p>&nbsp; &nbsp; float: left;</p><p>&nbsp; &nbsp; margin-bottom: 10px;</p><p>&nbsp; &nbsp; width: 166px;&nbsp; &nbsp; </p><p>}</p><p></p><p>.adresse label:nth-child(n+1){</p><p>&nbsp; &nbsp; clear: both;</p><p>}[/Code]</p></blockquote><p></p>

[QUOTE="Moritzilie, post: 2256318, member: 591615"] Hallo, ich bin totaler Anfänger und verzweifle an der Ausrichtung des Formulars. Ich möchte diese Vorlage nachbauen und bekomme die Ausrichtung nicht hin. Kann mir vielleicht bitte jemand helfen? MfG [HTML]<form id="kontakformular" action="http://www.formular-chef.de/fc.cgi" method="post"> <input type="hidden" name="empfaenger" value="michael-burwitzX§Xgmx.de"> <h1>Ihre Pizzagröße:</h1> <div> <input name="pizzagroesse" type="radio" value="klein"> <label for="klein">klein</label> <label class="angaben">(20cm)</label> <label class="angaben">5 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="mittel"> <label for="mittel">mittel</label> <label class="angaben">(30cm)</label> <label class="angaben">7 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="gross"> <label for="gross">groß</label> <label class="angaben">(40cm)</label> <label class="angaben">10 Euro</label> </div> <div> <input name="pizzagroesse" type="radio" value="jumbo"> <label for="jumbo">jumbo</label> <label class="angaben">(100cm)</label> <label class="angaben">20 Euro</label> </div> <h1>Ihre Wunschsauce:</h1> <div> <input name="wunschsauce" type="radio" value="ketchup"> <label for="ketchup">Ketchup</label> </div> <div> <input name="wunschsauce" type="radio" value="kraeuter"> <label for="kraeuter">Kräuter</label> </div> <div> <input name="wunschsauce" type="radio" value="schokolade"> <label for="schokolade">Schokolade</label> </div> <div> <input name="wunschsauce" type="radio" value="knoblauch"> <label for="knoblauch">Knoblauch</label> </div> <h1>Ihr Wunschbelag:</h1> <div> <label for="auswahl_1">Auswahl 1</label> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="salami">Salami</option> <option value="kaviar">Kaviar</option> <option value="hackfleisch">Hackfleisch</option> <option value="thunfisch">Thunfisch</option> <option value="hai">Hai</option> <option value="blutwurst">Blutwurst</option> </select> </div> <div> <label for="auswahl_2">Auswahl 2</label> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="gruenkern">Grünkern</option> <option value="spinat">Spinat</option> <option value="salat">Salat</option> </select> </div> <div> <label for="auswahl_3">Auswahl 3</label> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="gold">Gold</option> <option value="viel kaese">Viel Käse</option> </select> </div> <h1>Ihr Wunschgetränk:</h1> <div> <label for="auswahl_getraenk">Bitte Auswählen</label> <select name="Auswahl"> <option value=""selected="selected">keine Auswahl</option> <option value="nix">Nix</option> <option value="cola">Cola</option> <option value="sekt">Sekt</option> </select> </div> <h1>Ihre Lieferadresse:</h1> <div class="adresse"> <label for="name">Ihr Name:</label> <input type="text" id="name" placeholder="Vor- und Nachname" autocomplete="on" required> </div> <div class="adresse"> <label for="tel">Ihr Telefonnummer:</label> <input type="tel" id="tel" placeholder="+49 (0) 123 / 45 67 89 10"> </div> <div class="adresse"> <label for="name">Ihr Wohnort:</label> <input type="text" id="name" placeholder="Wohnort?"> </div> <div class="adresse"> <label for="email">Ihre E-Mailadresse:</label> <input type="email" id="email" placeholder="max-mustermann@gmx.de"> </div> <input type="submit"> <input type="reset" value="Abbrechen"> </form>[/HTML] [Code]@charset "utf-8"; /* CSS Document */ .angaben { margin-left:250px; } select { margin-left: 300px; } input#name, input#tel, input#email { width: 200px; margin-left: 50px; } .adresse { display: block; } .adresse>label { display: block; width: 120px; float: left; } .adresse>input { float: left; margin-bottom: 10px; width: 166px; } .adresse label:nth-child(n+1){ clear: both; }[/Code] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?