formular align ?????
Hallo
Ich versuche ein Formular zu erstellen, aber irgendwie haut es mit dem align: right nicht hin.
Kann mir jemand eine bessere Lösung sagen?
Code Poste ich gleich, funktioniert irgendwie momentan nicht
Antwort schreiben
Antwort 1 von TK24 vom 04.05.2020, 08:47 Options
Hier ist der code
<style type="text/css">
div { font-family:Verdana; color:#000042; }
div.1 { margin-top: 30px; margin-left: 30px; }
div.2 { background-color:#C0C0C0; font-size:1em; font-style:italic underlined; margin-top: 20px; }
div.3 { align:right; }
</style>
</head>
<div class="1"><h2><u><i>Ihr Anmeldung:</i></u></font></h1>
<font color="#FF0000">* </font>gekennzeichnete Felder
sind Pflichtfelder.
<form name="Auftrag" action='Auftrag.php' method='POST'>
<div class="2"><b>Ihre Daten:</b></div>
<TABLE width=599 border=0 cellpadding=0 cellspacing=0>
<TR height=24>
<TD width=281></TD>
<TD width=318>
<select name="Auswahlliste">
<option>Firma
<option>Herr
<option>Frau</TD></select>
</TR>
<TR height=24>
<div class="3">
<TD width=281>Name:</font></TD>
<TD width=318>
<INPUT TYPE='text' NAME='Name' CLASS='textfeld1' size="28"></TD>
</TR>
<TR height=24>
<TD width=281>
Ansprechpartner:</TD>
<TD width=318>
<INPUT NAME='Kontakt' CLASS='textfeld1' size="28"></TD>
</TR>
<TR height=24>
<TD width=281>
Strasse/Nr:</TD>
<TD width=318>
<INPUT NAME='Strasse' CLASS='textfeld1' size="28"><font color="#FF0000" face="Verdana">*</font></TD>
</TR>
<TR height=24>
<TD width=281>
PLZ:</TD>
<TD width=318>
<INPUT NAME='PLZ' CLASS='textfeld1' size="12"><font color="#FF0000" face="Verdana">*</font></TD>
</TR>
<TR height=24>
<TD width=281>
Ort:</TD>
<TD width=318>
<INPUT NAME='Ort' CLASS='textfeld1' size="28"><font color="#FF0000" face="Verdana">*</font></TD>
</TR>
<TR height=24>
<TD width=281>
Telefon:</font></TD>
<TD width=318>
<INPUT NAME='Vorwahl' CLASS='textfeld1' size="11" > /
<INPUT NAME='Nummer' CLASS='textfeld1' size="16" ><font color="#FF0000" face="Verdana">*</font></TD>
</TR>
<TR height=24>
<TD width=281>
Fax:</TD>
<TD width=318>
<INPUT NAME='Vorwahlfax' CLASS='textfeld1' size="11"> /
<INPUT NAME='Nummerfax' CLASS='textfeld1' size="16" ></TD>
</TR>
<TR height=24>
<TD width=281>
Mobil:</TD>
<TD width=318>
<INPUT NAME='vorwahlmobil' CLASS='textfeld1' size="11"> /
<font color="#000042">
<INPUT NAME='nummermobil' CLASS='textfeld1' size="16"></TD>
</TR>
<TR height=24>
<TD width=281>
E-Mail:</TD>
<TD width=318>
<INPUT NAME='email' CLASS='textfeld1' size="28"><font color="#FF0000" face="Verdana">*</font></TD>
</TR></div>
</TABLE>
Antwort 2 von katy vom 04.05.2020, 11:32 Options
Hallo TK24,
nimms mir bitte nicht übel, aber der Code strotzt nur so vor Fehlern.
Einige davon sind die Ursache deines Problems:
Eine Klasse muss eine Bezeichnung haben die mit einem Buchstaben beginnt. Eine einzelne Ziffer ist nicht zulässig.
Es gibt keine CSS-Eigenschaft align.
katy
Antwort 3 von TByte vom 04.05.2020, 12:55 Options
versuchs mal mit
<form align="right">
Aber katy hat recht,der code lässt echt zu wünschen übrig.
Zitat:
<font color="#000042">
wenn du schon css benutzt, warum noch das font tag?
mfg
TByte
Antwort 4 von TByte vom 04.05.2020, 12:56 Options
achja:
css:
position:absolute;top:30px;left:30px;
so sollts auch klappen =)
Antwort 5 von katy vom 04.05.2020, 13:34 Options
Hallo TByte,
eine/n offenkundige/n CSS-AnfängerIn mit der position-Kanone arbeiten zu lassen ist ganz schön gemein. TK24 hat sicherlich keine Ahnung, was alles berücksichtigt werden muss, wenn ein Element mittels position:absolute aus dem Fluss genommen wird. Und ich fürchte, TByte, du weisst es auch nicht...
katy
Antwort 6 von TK24 vom 04.05.2020, 13:47 Options
Hallo
also ich hab es einfach mal ausprobiert, und reingeschrieben, position:absolut
aber die schrift ist immernoch links.
<form align="right">
hatte ich ganz am Anfang mal drinnen, aber das ist ja dann fast in jeder Zeile, und das wollte ich nicht.
Katy
funktioniert haben die Zahlen, wie auch jetzt die Buchstaben.
Aber ich habe es in Buchstaben gaändert, weil es einfach so richtig ist. Will mir ja nix falsches angewöhnen.
TByte
wo hast du denn <font color="#000042"> gelesen?
Ich habe nur div { font-family:Verdana; color:#000042; }
Grund, das alles im ganzen Formular gleich ist
und zwischen drin für die Markierung der Pflichtfelder
<font color="#FF0000" face="Verdana">*</font> stehen. Was ich auch noch irgendwie nach oben bringen will, aber noch nicht weiß wie.
Antwort 7 von katy vom 04.05.2020, 14:05 Options
Hallo Tk24,
wenn du nur Schrift in einem Blockelement, also die Schrift in deinem Formular, ausrichten willst gibt es dafür die CSS-Eigenschaft
text-align.
katy
Antwort 8 von TK24 vom 04.05.2020, 14:43 Options
schade, ich wollte versuchen es zu vermeiden andauernd das gleiche zu schreiben.
Gibt es vielleicht eine andere Möglichkeit?
Mit PHP habe ich auch noch keine große Erfahrung.
Was ist denn noch so alles falsch?
Antwort 10 von TByte vom 04.05.2020, 15:53 Options
position:absolute;
ist schon mal richtig. dann kommt top: und der Abstand von der oberen Leiste bis zum Text danach kommt left: da kommt jetzt der abstand des textes von der linken seite zum text hin. alles in Pixel angegeben. versuch mal die werte in 700 umzuändern. es werden sih änderungen zeigen.
mfg
TByte
Antwort 11 von katy vom 04.05.2020, 16:43 Options
Hallo
@TByte,
bitte lass den Unsinn!
position:absolute orientiert sich nämlich nur in bestimmten Fällen am Browserfenster.
@TK24
du musst sowas nicht jedesmal angeben. Du kannst entweder
Klassen vergeben oder Eigenschaften
vererben.
Beispiel
im Stylesheet bewirkt die Zeile
div#nachrechts * { text-align:right; }
dass alle Elmente (*) die innerhalb vom <div id="nachrechts"> liegen automatisch ihren Textinhalt nach rechts ausrichten.
katy
Antwort 12 von TByte vom 04.05.2020, 17:48 Options
dann eben
position: relative
, das gibts ja auch...
mfg
TByte
PS.: Ich glaub TH24 hört gar nicht mehr zu...
Antwort 13 von TByte vom 04.05.2020, 17:49 Options
Sorry, mein natürlich TK24
Antwort 14 von Fassy91 vom 04.05.2020, 20:52 Options
wie wäre es mit den margin-left:auto; margin-right:auto; ????
das gibt center ^^
Antwort 15 von TByte vom 04.05.2020, 22:23 Options
Jetzt bring den armen Jungen nicht durcheinander!
Antwort 16 von TK24 vom 05.05.2020, 12:02 Options
Hallo,
bin noch da, und höre noch zu, und bin euch sehr Dankbar für eure Tipps.
Ich werde alles ausprobieren, Heute noch, und meld mich dann wenn ich noch Fragen habe.
Wir haben momentan zu Hause ein Problem, Bruch der Hauptwasserleitung, da kann ich heute nicht viel an meiner Seite arbeiten.
Aber wie gesagt, ich "hör" noch zu TByte.
Bis später
Antwort 17 von Fassy91 vom 05.05.2020, 13:43 Options
also für rechts : margin-right:0px;
und links : margin-left:0px;
und mitte sieht so aus : margin-left:auto; margin-right:auto;
mit freundlichen grüßen
Fabi
Antwort 18 von TK24 vom 05.05.2020, 15:47 Options
Fassy91
ich habe aber einen Table, und die Schrift soll im Table rechtsbündig angeordnet werden.
Also, ich glaube ich habe nun alle Möglichkeiten mit class ausprobiert, und ich kriegs nicht hin. Ich habe mich dann erst mal für die immer wiederholende variante
<TD width=281 align="right">
entschieden. So funktionierts nun erst mal und ich kann mich auf anderes konzentrieren.
Katy
div#nachrechts * { text-align:right; }
habe ich auch probiert. Ich verstehe nur das mit dem * nicht.
Erklär mir nochmal den Sinn hinter dem Code.
Antwort 19 von TByte vom 05.05.2020, 16:26 Options
hallo
Div und Span sind Container, auf die du mit * zugreifst. Das sind sozusagen Sonderklassen
mfg
TByte
Antwort 20 von katy vom 05.05.2020, 18:52 Options
Hallo TK24,
div#nachrechts *
bedeutet: diese Regel gilt für alle Elemente, die innerhalb des divs liegen, also für alle Tabellen, Tabellenzellen (<td>), Absätze (<p>), DIVs (<div>) (Sie gilt natürlich nicht für <span>, denn das ist kein Blockelement!)
katy