Ergebnis 1 bis 3 von 3

Thema: Problem mit Textarea Position im Formular.

  1. #1
    Interessierte/r
    Registriert seit
    18.08.2007
    Beiträge
    112
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem mit Textarea Position im Formular.

    Hi,

    ich habe mich nun mal versucht in CSS reinzufuchsen und
    ein Formular angepasst.

    Nun habe ich nur 1 Problem undzwar.

    Also ich habe jetzt 1 Div mit Hintergrund auf der linken Seite
    sind die Formularfelder, auf der rechten Seite ein kleiner
    Text.

    Nun soll auf die Rechte Seite unter dem Text noch eine Textbox, dass Problem ist,
    dass ich nicht will, das dadurch die Input Felder auf der linken Seite beeinflusst werden.

    Wenn ich jetzt einfach eins reinmache gehen die Input Felder auf der linken Seite erst nach der Textarea auf der rechten Seite weiter.
    (

    Ich weiß das ich sicher nicht den optimalsten Code habe, aber ich hoffe ihr könnt mir trotzdem helfen.

    Wäre echt super nett.

    <html>

    <head>
    <style type="text/css">
    <!--
    #kontaktform{

    height:300px;
    /*weidth:290px*/
    background-image:url(kontaktform_bg.gif);
    background-repeat:no-repeat;
    }


    #kontaktform font{

    font-size:12px;
    }

    input{

    font-size:10px;
    border:1px dotted #9E8D34;
    }

    #kontaktform .formname_l{

    padding-left: 30px;

    }


    #kontaktform .formfeld_l{

    padding-left:30px;

    }


    #kontaktform .formname_r{

    float:left
    /*padding-left: 150px;*/
    margin-left:220px;

    }


    #kontaktform .formfeld_r{

    padding-left:40px;

    }



    #kontaktform .formname_all{

    padding-left:30px;
    }


    #kontaktform .formfeld_all{

    padding-left:30px;
    }

    .headline{

    padding-top:10px;
    padding-left:30px;
    color:c7b794;
    font-size:15px;
    margin-bottom:7px;
    }

    #kontaktform .rechtespalte{

    float:left
    /*padding-left: 150px;*/
    margin-left:250px;

    }

    -->
    </style>
    </head>




    <body>

    <div id="kontaktform">
    <form method="post" action="mailform">


    <h4 class="headline">Kontaktformular</h4>

    <font class="formname_l">Name*</font>
    <font class="formname_r" style="margin-left:126px;">Vorname*</font>
    <font class="rechtespalte" style="margin-left:150px;">Bitte senden Sie mir Ihren aktuellen Newsletter zu <input type="checkbox" name="katalog"></font>


    <font class="formfeld_l"><input type="text" name="name" size="20"></font>
    <font class="formfeld_r"><input type="text" name="vorname" size="20"></font>
    <font class="rechtespalte" style="margin-left:78px;">(nur für Geschäftskunden)</font>




    <font class="formname_all">Firma</font>


    <font class="formfeld_all"><input type="text" name="firma" size="53"></font>




    <font class="formname_l">Straße*</font>
    <font class="formname_r" style="margin-left:125px;">Hausnummer*</font>


    <font class="formfeld_l"><input type="text" name="strasse" size="20"></font>
    <font class="formfeld_r"><input type="text" name="hausnummer" size="20"></font>




    <font class="formname_l">PLZ*</font>
    <font class="formname_r" style="margin-left:132px;">Ort*</font>


    <font class="formfeld_l"><input type="text" name="plz" size="20"></font>
    <font class="formfeld_r"><input type="text" name="ort" size="20"></font>




    <font class="formname_l">Telefon</font>
    <font class="formname_r" style="margin-left:122px;">Telefax</font>


    <font class="formfeld_l"><input type="text" name="telefon" size="20"></font>
    <font class="formfeld_r"><input type="text" name="telefax" size="20"></font>




    <font class="formname_all">E-Mail*</font>


    <font class="formfeld_all"><input type="text" name="email" size="53"></font>
    </div>


    </form>
    </body>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin) Avatar von Greg10
    Registriert seit
    12.05.2007
    Beiträge
    825
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Machs mit Tabelle!
    Orthografie und Grammatik in diesem Beitrag sind frei erfunden und eine eventuell gefundene Übereinstimmung mit einer lebenden oder toten Sprache sollte von allen Beteiligten unverzüglich ignoriert werden.

    K-Progs (In bearbeitung)
    Der inoffizielle Forum-hilfe IRC-Channel
    (Server: irc.freenode.net ; Channel: #forum-hilfe) (Client für FF)
    Ich hab auch 'n Jabber-Account beim CCC

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Für ein Kontaktformular bietet sich durchaus eine Tabelle an. Das ist trotz CSS nicht verboten, weil es sich um eine strukturierte Darstellung handelt.

    Ich hab' dennoch mal folgendes versucht, falls das deinen Vorstellungen entspricht:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http&#58;//www.w3.org/TR/html4/strict.dtd">
    
    <html>
    <head>
    <title>Test</title>
    <style type="text/css">
    
    #kontaktform&#123;
    
    height&#58;300px;
    /*weidth&#58;290px*/
    background-image&#58;url&#40;kontaktform_bg.gif&#41;;
    background-repeat&#58;no-repeat;
    float&#58; left;
    font-size&#58;12px;
    &#125;
    
    #kontaktformrechts&#123;
    
    height&#58;300px;
    background-image&#58;url&#40;kontaktform_bg.gif&#41;;
    background-repeat&#58;no-repeat;
    font-size&#58;12px;
    margin-left&#58; 350px;
    &#125;
    
    input&#123;
    
    font-size&#58;10px;
    border&#58;1px dotted #9E8D34;
    &#125;
    
    #kontaktform .formname_l&#123;
    
    padding-left&#58; 30px;
    
    &#125;
    
    
    #kontaktform .formfeld_l&#123;
    
    padding-left&#58;30px;
    
    &#125;
    
    #kontaktform .formname_r&#123;
    
    float&#58;left
    /*padding-left&#58; 150px;*/
    margin-left&#58;220px;
    
    &#125;
    
    #kontaktform .formfeld_r&#123;
    
    padding-left&#58;40px;
    
    &#125;
    
    
    
    #kontaktform .formname_all&#123;
    
    padding-left&#58;30px;
    &#125;
    
    
    #kontaktform .formfeld_all&#123;
    
    padding-left&#58;30px;
    &#125;
    
    .headline&#123;
    
    padding-top&#58;10px;
    padding-left&#58;30px;
    color&#58;c7b794;
    font-size&#58;15px;
    margin-bottom&#58;7px;
    &#125;
    
    
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    
    
    <body>
    <div id="kontaktform">
    <form method="post" action="mailform">
    
    <h4 class="headline">Kontaktformular</h4>
    
    <font class="formname_l">Name*</font>
    <font class="formname_r" style="margin-left&#58;126px;">Vorname*</font>
    
    
    <font class="formfeld_l"><input type="text" name="name" size="20"></font>
    <font class="formfeld_r"><input type="text" name="vorname" size="20"></font>
    
    
    
    <font class="formname_all">Firma</font>
    
    
    <font class="formfeld_all"><input type="text" name="firma" size="53"></font>
    
    
    
    <font class="formname_l">Straße*</font>
    <font class="formname_r" style="margin-left&#58;125px;">Hausnummer*</font>
    
    
    <font class="formfeld_l"><input type="text" name="strasse" size="20"></font>
    <font class="formfeld_r"><input type="text" name="hausnummer" size="20"></font>
    
    
    
    
    <font class="formname_l">PLZ*</font>
    <font class="formname_r" style="margin-left&#58;132px;">Ort*</font>
    
    
    <font class="formfeld_l"><input type="text" name="plz" size="20"></font>
    <font class="formfeld_r"><input type="text" name="ort" size="20"></font>
    
    
    
    <font class="formname_l">Telefon</font>
    <font class="formname_r" style="margin-left&#58;122px;">Telefax</font>
    
    
    <font class="formfeld_l"><input type="text" name="telefon" size="20"></font>
    <font class="formfeld_r"><input type="text" name="telefax" size="20"></font>
    
    
    
    
    <font class="formname_all">E-Mail*</font>
    
    
    <font class="formfeld_all"><input type="text" name="email" size="53"></font>
    </div>
    </form>
    
    <div id="kontaktformrechts">
    &#40;nur für Geschäftskunden&#41;
    
    Bitte senden Sie mir Ihren aktuellen Newsletter zu <input type="checkbox" name="katalog">
    
    
    
    
    Text Text Text</p>
    <div>
    </body>
    </html>

Ähnliche Themen

  1. Problem bei <textarea>
    Von chris90night im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 01.11.2007, 22:02
  2. Position / CSS und Overlay <--- Problem
    Von im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 03.09.2007, 20:51
  3. Umbruch-Problem bei Textarea
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 12.07.2006, 18:37
  4. Problem mit position und float
    Von kwurzel im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.02.2006, 18:49
  5. Counter Position Problem
    Von Westi im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 18.10.2005, 16:28

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •