Cujo
21. September 2008 um 10:26
1
Hallo,
ich habe auf dieser Seite:
raetselstunde.de/quizfrage-des-tages.html
das Problem, dass ich 4 Radiobuttons habe, die nicht untereinander stehen. Das liegt wohl daran, dass ich mit
die Anzeige zentriert habe.
Wie kann ich es erreichen, dass die Frage und die Radiobuttons zwar in der Mitte stehen, die Buttons aber trotzdem untereinander sind?
Gruß,
Cujo
myPages
21. September 2008 um 10:38
3
Moin
leg doch um die Buttons + Antwortmöglichkeiten einfach einen weiteren DIV-Container mit der CSS-Eigenschaft text-align:left; - eventuell musst du ihm auch noch eine Breite zuweisen.
MfG
myPages
Cujo
21. September 2008 um 10:56
4
[quote=“myPages”]
leg doch um die Buttons + Antwortmöglichkeiten einfach einen weiteren DIV-Container mit der CSS-Eigenschaft float:left; - eventuell musst du ihm auch noch eine Breite zuweisen.[/quote]
Kenne mich mit CSS leider nicht so aus, kannst du mir bitte den Code bitte mal genau angeben?
@steditor
Eine Tabelle wollte ich, wenn möglich, vermeiden.
myPages
21. September 2008 um 15:36
5
Moin,
da ich sehe, dass du eh einen Absatz dafür verwendest, missbrauche ich das einfach mal dafür, so erspart man sich ein weiteres DIV.
<p style="text-align:left;"><input type='radio' name='antwort' value='Birnen'> Birnen<br />
<input type='radio' name='antwort' value='Kirschen'> Kirschen<br />
<input type='radio' name='antwort' value='Zwetschgen'> Zwetschgen<br />
<input type='radio' name='antwort' value='Mirabellen'> Mirabellen<br /></p>
MfG
myPages
Balmung
21. September 2008 um 15:42
6
@myPages , oben hast du float:left; geschrieben und du benutzt jetzt text-align:left;
darauf hinweis :3
mfg Balmung
Cujo
21. September 2008 um 16:04
7
[quote]da ich sehe, dass du eh einen Absatz dafür verwendest, missbrauche ich das einfach mal dafür, so erspart man sich ein weiteres DIV.
Code:
Birnen
Kirschen
Zwetschgen
Mirabellen
[/quote]
Wenn ich es so mache, ist die Frage zentriert, die 4 Radiobuttons stehen aber am linken Rand der Seite. Das gleiche gilt übrigens auch, wenn ich
myPages
21. September 2008 um 17:14
8
@Balmung : Danke für den Hinweis habs korrigiert.
@TE : Eigentlich wundert mich das, da die Radiobuttons, etc. in einem anderen zentrierten DIV-Container liegen.
MfG
myPages
Cujo
21. September 2008 um 18:44
9
Hmm, vielleicht habe ich auch was falsch gemacht. Ich poste mal den relevanten PHP-Code des Formulars:
echo "<form method='post' action='quizfrage.html'>";
echo "<p>$question </p>";
echo "<div style='text-align:center'>";
echo "<p style='text-align:left'>";
echo "<input type='radio' name='antwort' value='$antworten[0]'> $antworten[0]<br />";
echo "<input type='radio' name='antwort' value='$antworten[1]'> $antworten[1]<br />";
echo "<input type='radio' name='antwort' value='$antworten[2]'> $antworten[2]<br />";
echo "<input type='radio' name='antwort' value='$antworten[3]'> $antworten[3]<br />";
echo "</p>";
echo "</div>";
echo "<input type='submit' name='senden' value='Prüfen'>";
echo "</form>";
myPages
21. September 2008 um 20:59
10
Hm,
ehrlich gesagt sieht das okay aus … eventuell kann dir aber auch fieldset und label weiterhelfen - das sind allerdings HTML-Attribute.
SelfHTML
MfG
myPages
Cujo
22. September 2008 um 11:55
11
So, ich habe es hingekriegt
Die Lösung sieht so aus:
echo "<form method='post' action='quizfrage.html'>";
echo "<div style='text-align:center'>";
echo "$question";
echo "<div style='margin-left:auto; margin-right:auto; text-align:justify; width:170px'>";
echo "<input type='radio' name='antwort' value='$antworten[0]'> $antworten[0]<br />";
echo "<input type='radio' name='antwort' value='$antworten[1]'> $antworten[1]<br />";
echo "<input type='radio' name='antwort' value='$antworten[2]'> $antworten[2]<br />";
echo "<input type='radio' name='antwort' value='$antworten[3]'> $antworten[3]<br />";
echo "<input type='submit' name='senden' value='Prüfen'>";
echo "<br />";
echo "</div>";
echo "Quizfrage des Tages - powered by <a href='http://www.raetselstunde.de'>www.raetselstunde.de</a>";
echo "</div>";
echo "</form>";