• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe, ich werd verrückt....

Status
Für weitere Antworten geschlossen.
S

Stefan Schmitz

Neues Mitglied
Hallo zusammen,

bin neu hier und hoffe nach Stunden langem googeln und Haare raufen das ihr mir helfen könnt.

Folgendes Problem in Kurzform:

Ich hab eigentlich NULL Ahnung versuche aber trotzdem für die HP meiner Freundin ein Voting Formular zu erstellen das dann als E-Mail versendet wird. Mit viel lesen und googeln hab ich das auch hinbekommen aber: ...

Der User soll aus 50 Titeln 3 voten. Wenn ich nun 50 Titel untereinander setzte wird mir das auf der HP zu unübersichtlich. Ich hätte gerne in jeder Zeile zwei Checkboxen mit Titel dahinter, nur leider kann ich den Abstand nicht bestimmen da HTML wohl keine Leerstellen und TAB`s kennt. Alles was ich bis jetzt versucht habe funzt nicht.

Der Quellcode sieht im Moment so aus:

Code: 
<HTML>
<HEAD>
<TITLE>Ein Formular</TITLE>
</HEAD>
<BODY text="#ffffff">
<H1>POWERFOXRADIO<br>TOP 20 Voting!</H1>
<form action="mailto:[email protected]" method=post>
<p>Bitte geben Sie hier Ihren Vor- und Nachnamen ein:
<p>(bzw. Chat oder Communityname)
<p><input type=text name=Name>
<p>Welche Titel wollen sie hören?
<p>Bitte wählen sie mindenstens drei Titel aus 
<p><input type=checkbox name=titel value=Nik P. Ireen>Nik P. / Ireen<br>
<input type=checkbox name=titel value=M.Wendler Nina>Michael Wendler / Nina<br>
<input type=checkbox name=titel value=A.Martin Ich fang dir den Mond>Andreas Martin / Ich fang dir den Mond<br>
<input type=checkbox name=titel value=N.Gemba Rock mein Herz>Nico Gemba / Rock mein Herz<br>
<input type=checkbox name=titel value=H.Valentino Engel in Palermo>Henry Valentino / Engel in Palermo<br>
<input type=checkbox name=titel value=Nic Zwei weiße Pferde >Nic / Zwei weiße Pferde<br>
<input type=checkbox name=titel value=Kate & Ben 2 Herzen>Kate & Ben / 2 Herzen<br>
<input type=checkbox name=titel value=M.Bauhaus Solo Tu>Mike Bauhaus / Solo Tu<br>
<input type=checkbox name=titel value=S.Wagner Nachts>Sandy Wagner / Nachts<br>
<input type=checkbox name=titel value=T.Fischer Stück für Stück>Tommy Fischer / Stück für Stück<br>
<input type=checkbox name=titel value=Maro Ciao Ciao>Maro / Ciao Ciao<br>
<input type=checkbox name=titel value=DJ Ötzi Ein Stern>DJ Ötzi / Ein Stern<br>
<input type=checkbox name=titel value=Fantasy Land in Sicht>Fantasy / Land in Sicht<br>
<input type=checkbox name=titel value=T.Ton Nachts in der Disco>Tommy Ton / Nachts in der Disco<br>
<input type=checkbox name=titel value=M.König Lange Zeit>Matthias König / Lange Zeit<br>
<input type=checkbox name=titel value=Duo Moonlight Flieg mit mir zum Mond>Duo Moonlight / Flieg mit mir zum Mond<br>
<input type=checkbox name=titel value=M.Reim Männer sind Krieger>Matthias Reim / Männer sind Krieger<br>
<input type=checkbox name=titel value=O.Henning 1-2-3 Wünsche frei>Olaf Henning / 1-2-3 Wünsche frei<br>
<input type=checkbox name=titel value=R&C schwarze Rose>Ramazotti & Cortes / schwarze Rose<br>
<input type=checkbox name=titel value=Mr.Roger Albany>Mr. Roger / Albany<br>
<input type=checkbox name=titel value=O.Frank du bist ein Teufel mein Engel>Oliver Frank / Du bist ein Teufel mein Engel<br>
<input type=checkbox name=titel value=Nockalm Quintett Tantastisch>Nockalm Quintett / Fantastisch<br>
<input type=checkbox name=titel value=A.Fulterer Der Ring>Andreas Fulterer / Der Ring<br>
<input type=checkbox name=titel value=B&B ya tenemos los cuaranta>Brunner & Brunner / ya tenemos los cuaranta<br>
<input type=checkbox name=titel value=B.Brink ausgerechnet Du>Bernhard Brink / ausgerechnet Du<br>
<p>sollen wir einen speziellen Titel in die Auswahlliste zum Voting aufnehmen ?<br>
(leider immer erst zum nächsten Voting, dem 1. des Folgemonats möglich)<br>
Bitte gewünschten Titel hier eingeben
<p><input type=text name=Name>
</select>
<p><input type=submit value="Voting abschicken">
<input type=reset value="Formular leeren">
</form>
</BODY>
</HTML>

Bin für jeden TIP dankbar, aber wie gesagt bitte kein Fachchinesisch da ich noch null Ahnung habe. :mrgreen:

Danke im Voraus

Stefan
Powerfoxradio ihr gute Laune Sender im WWW
 
Zuletzt bearbeitet von einem Moderator:
Stefan Schmitz schrieb:
Ich hab eigentlich NULL Ahnung versuche aber trotzdem für die HP meiner Freundin ein Voting Formular zu erstellen
Zum Vergrößern anklicken....
Das ist mutig. Wenn ich von irgendwas NULL Ahnung habe, dann erwarte ich nicht, dass es auf Anhieb was wird. Dann muss ich mir erst mal die Grundlagen dessen, was ich zu tun gedenke, beibringen (lassen).

nur leider kann ich den Abstand nicht bestimmen da HTML wohl keine Leerstellen und TAB`s kennt.
Zum Vergrößern anklicken....
Eigentlich ist HTML auch gar nicht dazu gedacht, Aussehen, Design, oder Layout zu definieren. Mit HTML legt man lediglich die Struktur, die Bedeutung des Inhalts fest. Das Aussehen spielt dabei keine Rolle.

Das Aussehen wird dann per CSS bestimmt.

Der Quellcode sieht im Moment so aus:
Zum Vergrößern anklicken....
Da ist noch viel dran verbesserungswürdig. Und die Anwendung ist ideal für PHP, wo Du dynamisch die einzelnen Titel aus einer Datenbank (oder Textdatei) lesen kannst, um daraus das Formular zu erzeugen.

Bin für jeden TIP dankbar, aber wie gesagt bitte kein Fachchinesisch da ich noch null Ahnung habe.
Zum Vergrößern anklicken....
Um auf Fachchinesisch zu verzichten, müsste die Antwort lauten: Lerne HTML zur Auszeichnung Deines Inhalts. Dann lerne CSS, um dem ganzen ein Aussehen zu geben. Dann lerne PHP, um das Formular dynamisch aufzubauen.

Du kannst Deinen Code auf Fehler überprüfen lassen: The W3C Markup Validation Service
Da siehst Du dann erstmal, was Du noch tun kannst, bevor ich Hornhaut auf meinen Fingerkuppen habe :-)

Viel Erfolg,
-Efchen
 
Die einfachste Möglichkeit wäre, alles in einer Tabelle anzuordnen:
PHP: 
<HTML>
<HEAD>
<TITLE>Ein Formular</TITLE>
</HEAD>
<BODY>
<H1>POWERFOXRADIO<br>TOP 20 Voting!</H1>
<form action="mailto:[email protected]" method=post>
<p>Bitte geben Sie hier Ihren Vor- und Nachnamen ein:
<p>(bzw. Chat oder Communityname)
<p><input type=text name=Name>
<p>Welche Titel wollen sie hören?
<p>Bitte wählen sie mindenstens drei Titel aus 
<p>
<table>
    <tr>
        <td><input type=checkbox name=titel value=Nik P. Ireen>Nik P. / Ireen</td>
        <td><input type=checkbox name=titel value=M.Wendler Nina>Michael Wendler / Nina</td>
    </tr>
    <tr>
        <td><input type=checkbox name=titel value=A.Martin Ich fang dir den Mond>Andreas Martin / Ich fang dir den Mond</td>
        <td><input type=checkbox name=titel value=N.Gemba Rock mein Herz>Nico Gemba / Rock mein Herz</td>
    </tr>
    <tr>
        <td><input type=checkbox name=titel value=H.Valentino Engel in Palermo>Henry Valentino / Engel in Palermo</td>
        <td><input type=checkbox name=titel value=Nic Zwei weiße Pferde >Nic / Zwei weiße Pferde</td>
    </tr>
    <tr>
        <td>usw.</td>
        <td></td>
    </tr>
</table>

<p>sollen wir einen speziellen Titel in die Auswahlliste zum Voting aufnehmen ?<br>
(leider immer erst zum nächsten Voting, dem 1. des Folgemonats möglich)<br>
Bitte gewünschten Titel hier eingeben
<p><input type=text name=Name>
</select>
<p><input type=submit value="Voting abschicken">
<input type=reset value="Formular leeren">
</form>
</BODY>
</HTML>
Lässt sich natürlich auch über CSS lösen, wäre dann aber weit aufwändiger.
 
webmatze schrieb:
Die einfachste Möglichkeit wäre, alles in einer Tabelle anzuordnen
Zum Vergrößern anklicken....
Und semantisch gesehen wäre das leider auch eine völlig falsche Möglichkeit, um ein Formular auszuzeichnen.

Lässt sich natürlich auch über CSS lösen, wäre dann aber weit aufwändiger.
Zum Vergrößern anklicken....
Über HTML löst man nur die Auszeichnung, die Semantik, die Bedeutung des Inhalts. Über CSS löst man alles, was die Darstellung betrifft. Und wenn Du Tabellen benutzt, um etwas auszurichten (Layout), dann machst Du was falsch.

Und "aufändiger" oder "leichter" ist relativ. Ich behaupte, Tabellen sind viel aufwändiger, größer, unübersichtlicher und unflexibler. CSS ist viel logischer, kürzer, schneller und einfacher.

Gruß,
-Efchen
 
@ WEBMATZE:

DANKE und KNIEFALL, war genau die Antwort die ich brauchte und funzt tadellos. UND obs jetzt semantisch richtig ist oder falsch is piepegal es funzt und war für mich als Anfänger einfach umzusetzen.

Grüße Stefan
 
Efchen gibt sich immer so viel Mühe... Wenigstens schläft er ruhig mit dem Gewissen, jedem Anfänger das richtige gesagt zu haben :/

[ich bin für browser, die nur valide Seiten darstellen... (und schon sehe ich den anteil der webseiten die verfügbar sind auf unter 1% fallen)]

Tut mir wenigstens noch den Gefallen und schreibt die Werte der Attribute in "", sieht schöner aus, highlighted besser, und so..
 
Ich schlaf aber nur ruhig, weil ich solche Threads und solche Antworten wie diese und was dabei rauskommt, vergessen habe, wenn ich das Tab mit dem Forum schließe. Ansonsten kann ich nur den Kopf schütteln. Da möchte man echt heulen bei sowas.

Es ist einfach unfair den Mitmenschen gegenüber und grenzt an Rücksichtlosigkeit und Diskriminierung. Man möge sich hin und wieder auch mit dem Medium WWW auseinandersetzen, was es erreichen möchte, und warum so Zeugs wie Tabellenlayout kräftig gegen dieses Ziel steuert. Man möge sich bitte mal seine Mitmenschen bewusst machen, die keinen Browser benutzen können, sondern auf Clients angewiesen sind, die auf richtige Semantik angewiesen sind. Man möge sich mal "vor Augen" führen, warum das WWW für Blinde eine so große Chance darstellt, am Leben wieder teilhaben zu können und mit welchen Mitteln man diesen Menscshen diese Chance wieder kaputt machen kann - alles aus reiner Bequemlichkeit.

Barrierefreies Webdesign: Einfach für Alle - eine Initiative der Aktion Mensch müsste ein guter Anlaufpunkt für sowas sein.

*kopfschüttel*
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben