[Erledigt] Formular formatieren

29.01.2005, 23:57

Hallo,

Ich hab nen kleines Problem. Meine Website ist zwar jetzt voll Funktionstüchtig aber
die Grafik ohoh.
Und zwar will ich soviel wie möglich in classes definieren und alt durch css einbinden.
Ich versuchs schon die ganze Zeit bei meinen Formularen aber erstens
ist anscheinend alles zentriert zumindest ist es nicht linkbündig wies sein soll.
Bekomms irgendwie nicht hin. Sprech ich die Listenelemente falsch an?
Es soll alles schön semetrisch sein. Die labels und die input Felder untereinander also.
Und wie kann ich die Abstände zwischen den einzelnen Zeilen bestimmen.
hier mal der Quelltext.:

Code:

echo "  <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\">";
echo "<form action=\"index.php?section=register\" method=\"post\" class=\"formular\">\n";
echo "    

\n";
echo "        Bitte hier die Daten eingeben\n";
echo "    </p>\n";
echo "\n";
echo "
\n";
echo "            <label for=\"name\">Name</label>\n";
echo "            <input type=\"text\" name=\"name\" id=\"name\" >\n";
echo "        \n";
echo "
\n";
echo "            <label for=\"email\">Emailadresse</label>\n";
echo "            <input type=\"text\" name=\"email\" id=\"email\" >\n";
echo "        \n";
echo "
\n";
echo "			  <label for=\"name\">Nation:</label>\n";
echo "            <select size=\"1\" name=\"nation\" id=\"nation\">\n";
echo "            <option selected=\"selected\">Bitte wählen</option>\n";
echo "            <option>Deutschland</option>";
echo "            <option>Finnland</option>";
echo "            <option>Dänemark</option>";
echo "            <option>Niederlande</option>";
echo "            <option>Italien</option>";
echo "            <option>Österreich</option>";
echo "            <option>Spanien</option>";
echo "            <option>England</option>";
echo "            <option>Frankreich</option>";
echo "            <option>Israel</option>";
echo "            <option>Japan</option>";
echo "            <option>Schweiz</option>";
echo "            <option>USA</option>";
echo "            </select>";
echo "        \n";
echo "
\n";
echo "            <label for=\"password\">Password:</label>\n";
echo "            <input type=\"password\" name=\"password\" id=\"password\" />\n";
echo "        \n";
echo "
\n";
echo "            <label for=\"password2\">Password</label>\n";
echo "            <input type=\"password\" name=\"password2\" id=\"password2\" />\n";
echo "        \n";
echo "
\n";
echo "            <input type=\"submit\" name=\"submit\" value=\"Speichern\" />\n";
echo "            <input type=\"reset\" name=\"submit\" value=\"Zurücksetzen\" />\n";
echo "</form>\n";
echo "

\n";
echo "    <a href=\"index.php?section=start;\">Zurück</a>\n";
echo "</p>\n";
?>

und die page.css

Code:

.formular {
    background-color: #FFFF99;
    border: 1px solid black;
    text-align: center;
}
.formular > ol {
	list-style-type: none;
    margin: 2px;
    padding: 5px;
}
.formular > ol > li {
    vertical-align: top;
    margin-left:30px;
    
}
.formular * label:after {
    content: ":";
}

Ich hoffe jemand kann mir helfen. Irgendwie reagieren die Listenelemente nicht!!

Und ich will ein Menü mit einem Rand umgeben. Mach ich am besten mit Table oder?

MFG

Lara

30.01.2005, 00:35

Warum schreibst du dein ganzen HTML-Code in PHP-Echo ?
Etwas umständlich, wenn man später etwas am Design bzw. Layout ändern will.

imported_Ben · 30.01.2005, 02:27

Zitat:

Zitat von calanetics

Irgendwie reagieren die Listenelemente nicht!

jou

was heißt das jetzt genau?

30.01.2005, 11:13

Hallo,
ich schreibs in Php weil das nur das Formular ist von nem Account.
Ausserdem denke ich muss ich doch nicht viel ändern im Quelltext sondern in der CSS Datei!
Ich sprech die Liste ja so an:

.formular > ol > li {

aber egal was ich überhaupt dort ändere nichts tut sich. Deswegen frage ich ja ob jemand meinen Fehler sieht. Das müßt wirklch nur ne kleine Sache sein die ich übersehe.

MFG

Lara

30.01.2005, 13:43

jetzt würde ich die inputs noch auf eine linie setzen zb mit einer tabelle

PHP-Code:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

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

<title>Unbenanntes Dokument</title>

 
<style type="text/css">

<!--

.formular { 

    background-color: #FFFF99; 

    border: 1px solid black; 

    text-align: left; 

} 

.formular  ol { 

   list-style-type: none; 

    margin: 2px;

    padding: 5px;     

} 

.formular  ol  li { 

    vertical-align: top; 

} 

.formular * label:after { 

    content: ":"; 

}-->

</style>

</head>

 
<body>

<?php

echo "  <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\">"; 

echo "<form action=\"index.php?section=register\" method=\"post\" class=\"formular\">\n"; 

echo "    

\n"; 

echo "        Bitte hier die Daten eingeben\n"; 

echo "    </p>\n"; 

echo "[list=1]\n"; 

echo "[*]\n"; 

echo "            <label for=\"name\">Name</label>\n"; 

echo "            <input type=\"text\" name=\"name\" id=\"name\" >\n"; 

echo "        \n"; 

echo "[*]\n"; 

echo "            <label for=\"email\">Emailadresse</label>\n"; 

echo "            <input type=\"text\" name=\"email\" id=\"email\" >\n"; 

echo "        \n"; 

echo "[*]\n"; 

echo "           <label for=\"name\">Nation:</label>\n"; 

echo "            <select size=\"1\" name=\"nation\" id=\"nation\">\n"; 

echo "            <option selected=\"selected\">Bitte wählen</option>\n"; 

echo "            <option>Deutschland</option>"; 

echo "            <option>Finnland</option>"; 

echo "            <option>Dänemark</option>"; 

echo "            <option>Niederlande</option>"; 

echo "            <option>Italien</option>"; 

echo "            <option>Österreich</option>"; 

echo "            <option>Spanien</option>"; 

echo "            <option>England</option>"; 

echo "            <option>Frankreich</option>"; 

echo "            <option>Israel</option>"; 

echo "            <option>Japan</option>"; 

echo "            <option>Schweiz</option>"; 

echo "            <option>USA</option>"; 

echo "            </select>"; 

echo "        \n"; 

echo "[*]\n"; 

echo "            <label for=\"password\">Password:</label>\n"; 

echo "            <input type=\"password\" name=\"password\" id=\"password\" />\n"; 

echo "        \n"; 

echo "[*]\n"; 

echo "            <label for=\"password2\">Password</label>\n"; 

echo "            <input type=\"password\" name=\"password2\" id=\"password2\" />\n"; 

echo "        \n"; 

echo "[/list]\n"; 

echo "            <input type=\"submit\" name=\"submit\" value=\"Speichern\" />\n"; 

echo "            <input type=\"reset\" name=\"submit\" value=\"Zurücksetzen\" />\n"; 

echo "</form>\n"; 

echo "

\n"; 

echo "    <a href=\"index.php?section=start;\">Zurück</a>\n"; 

echo "</p>\n"; 

?>

</body>

</html>

30.01.2005, 13:45

Zitat:

aber erstens
ist anscheinend alles zentriert zumindest ist es nicht linkbündig wies sein soll.

logo war es zentriert!

Zitat:

.formular {
background-color: #FFFF99;
border: 1px solid black;
text-align: center;

guck mal genau: text-align: center;
hab daraus ein text-align: left; gemacht :wink:

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP: Formular Generator	Zergling-new	Tutorials	16	06.07.2010 03:14
Ergebnis von Formular in iFrame zeigen	PsychoEagle	HTML, Usability und Barrierefreiheit	2	22.07.2009 21:07
Wert aus Textfeld in neues Formular übernehmen (kein Submit)	PsychoEagle	HTML, Usability und Barrierefreiheit	9	02.01.2007 14:51
formular an mehrere email-empfänger	katarzyna	PHP Tipps 2006	2	22.08.2006 07:42
formular includen	samspa5	PHP Tipps 2006	13	18.03.2006 11:37
Datenbank auslesen, in Formular darstellen und ï¿½ndern		PHP Tipps 2006	8	22.02.2006 17:51
[Erledigt] Formular in Formular		HTML, Usability und Barrierefreiheit	4	19.10.2005 12:18
[Erledigt] Formular testen ....		HTML, Usability und Barrierefreiheit	7	19.09.2005 14:03
[Erledigt] PHP Formular ~~wichtig~~		PHP Tipps 2005	27	29.05.2005 19:38
Formular --> Ergebnis auf anderer Seite anzeigen	Jojo1	PHP Tipps 2005	58	01.02.2005 17:13
[Erledigt] Im Formular user abfragen?		Datenbanken	3	06.01.2005 10:51
[Erledigt] PHP Formular - Daten an nächsten Schritt weiter geben - Wie?		PHP Tipps 2005	14	02.01.2005 20:05
[Erledigt] Daten in einem Formular ausgeben und ändern		PHP Tipps 2004-2	7	07.12.2004 17:22
Daten in Formular formatieren.		PHP Tipps 2004	3	11.08.2004 12:47
[Erledigt] Daten in neuem Formular anzeigen		PHP Tipps 2004	6	21.07.2004 10:44


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

30.01.2005, 00:35
Gast Beiträge: n/a	Warum schreibst du dein ganzen HTML-Code in PHP-Echo ? Etwas umständlich, wenn man später etwas am Design bzw. Layout ändern will.

30.01.2005, 11:13
Gast Beiträge: n/a	Hallo, ich schreibs in Php weil das nur das Formular ist von nem Account. Ausserdem denke ich muss ich doch nicht viel ändern im Quelltext sondern in der CSS Datei! Ich sprech die Liste ja so an: .formular > ol > li { aber egal was ich überhaupt dort ändere nichts tut sich. Deswegen frage ich ja ob jemand meinen Fehler sieht. Das müßt wirklch nur ne kleine Sache sein die ich übersehe. MFG Lara

30.01.2005, 13:43
Gast Beiträge: n/a	jetzt würde ich die inputs noch auf eine linie setzen zb mit einer tabelle PHP-Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> <style type="text/css"> <!-- .formular { background-color: #FFFF99; border: 1px solid black; text-align: left; } .formular ol { list-style-type: none; margin: 2px; padding: 5px; } .formular ol li { vertical-align: top; } .formular * label:after { content: ":"; }--> </style> </head> <body> <?php echo " <link rel=\"stylesheet\" type=\"text/css\" href=\"page.css\">"; echo "<form action=\"index.php?section=register\" method=\"post\" class=\"formular\">\n"; echo " \n"; echo " Bitte hier die Daten eingeben\n"; echo " </p>\n"; echo "[list=1]\n"; echo "[]\n"; echo " <label for=\"name\">Name</label>\n"; echo " <input type=\"text\" name=\"name\" id=\"name\" >\n"; echo " \n"; echo "[]\n"; echo " <label for=\"email\">Emailadresse</label>\n"; echo " <input type=\"text\" name=\"email\" id=\"email\" >\n"; echo " \n"; echo "[]\n"; echo " <label for=\"name\">Nation:</label>\n"; echo " <select size=\"1\" name=\"nation\" id=\"nation\">\n"; echo " <option selected=\"selected\">Bitte wählen</option>\n"; echo " <option>Deutschland</option>"; echo " <option>Finnland</option>"; echo " <option>Dänemark</option>"; echo " <option>Niederlande</option>"; echo " <option>Italien</option>"; echo " <option>Österreich</option>"; echo " <option>Spanien</option>"; echo " <option>England</option>"; echo " <option>Frankreich</option>"; echo " <option>Israel</option>"; echo " <option>Japan</option>"; echo " <option>Schweiz</option>"; echo " <option>USA</option>"; echo " </select>"; echo " \n"; echo "[]\n"; echo " <label for=\"password\">Password:</label>\n"; echo " <input type=\"password\" name=\"password\" id=\"password\" />\n"; echo " \n"; echo "[*]\n"; echo " <label for=\"password2\">Password</label>\n"; echo " <input type=\"password\" name=\"password2\" id=\"password2\" />\n"; echo " \n"; echo "[/list]\n"; echo " <input type=\"submit\" name=\"submit\" value=\"Speichern\" />\n"; echo " <input type=\"reset\" name=\"submit\" value=\"Zurücksetzen\" />\n"; echo "</form>\n"; echo " \n"; echo " <a href=\"index.php?section=start;\">Zurück</a>\n"; echo "</p>\n"; ?> </body> </html>