online 1
gast (50)

/ Forum / Skripte(PHP,ASP,Perl...)

Skripte(PHP,ASP,Perl...)Skripte(PHP,ASP,Perl...)

Fragevon TK24 vom 04.05.2020, 08:46 Options

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 9 von katy vom 04.05.2020, 14:46 Options

    Hallo TK24,

    zur Fehlersuche empfehle ich dir den W3C-HTML-Validator

    katy

    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

    Ähnliche Themen

    Signaturproblem von Lotus Notes beim Senden an Outlook
    Mister_X_Wh  06.07.2007 - 25 Hits -

    rechts neben navigation schreiben ?
    Chriz  16.08.2007 - 42 Hits - 11 Antworten

    Formular wird zurückgesetzt anstatt abgesendet
    ibg  17.09.2007 - 3 Hits - 3 Antworten

    Dateneingabe in Formular funktioniert nicht
    ingo1  25.10.2007 - 229 Hits - 18 Antworten

    Javascript Schleifenproblem
    Computerfreaki  05.06.2008 - 17 Hits - 11 Antworten

    Hinweis

    Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

    Neue Einträge

    Version: supportware 1.9.150 / 10.06.2022, Startzeit:Thu Jan 8 21:07:44 2026