• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

problem textbox neben texte zu bekommen

Status
Für weitere Antworten geschlossen.

fellfresse

Neues Mitglied
hallo,
ich hab ein problem mit der verschiedenen zeilenhöhe bei der darstelung von text und textboxen.

also ich habe zwei bereiche definiert, in dem linken hab ich die texte wie name, vorname usw. und im rechten hab ich jeweils die dazugehörigen textboxen.
doch leider stehen diese an ganz anderen stellen so das man nicht mehr sehen kann welcher text zu welcher box gehört.

wie kann ich das ändern?
kennt sonst viell. jemand eine andere lösung wie ich die textboxen bündig neben die texte bekomme?

hier mal mein code:
Code:
<div id= "side_middle_left_left">                
                    <p id= "liste">[img]../images/liste.gif[/img] Firma:</p>

                    <p id= "liste">[img]../images/liste.gif[/img] Anschrift:</p>

                    <p id= "liste">[img]../images/liste.gif[/img] Ort:</p>

                    <p id= "liste">[img]../images/liste.gif[/img] Anrede:</p>

....
</div>
<div id= "side_middle_left_right">
                    

<input class= "txtbox" type= "text" maxlength= "25" name= "firma"></p>

                    

<input class= "txtbox" type= "text" maxlength= "45" name= "anschrift" value= "Straße + Hausnr."></p>

                    

<input class= "txtbox" type= "text" maxlength= "30" name= "ort"></p>

                    

    <select class= "txtbox" name= "anrede" size= "1">
                        <option value= "-1">- Bitte wählen -</option>
                        <option>Frau</option>
                        <option>Herr</option>
                    </select></p>

....
</div>


css:
#side_middle_left_left
    {
    border: 1px solid #716f6f;
    float: left;
    width: 35%;
    margin: 0 5px 5px 0;
    }
    
#side_middle_left_right
    {
    border: 1px solid #876f6f;
    float: left;
    width: 55%;
    margin: 0 5px 0 5px;
    }
 
Werbung:
Füge am besten jeweils ein Label (Firma, Anschrift, Ort, Anrede...) und eine Textbox in eine Tabellenzeile ein:

Code:
<table>
  <tr>
    <td>Firma:</td>
    <td><input class="txtbox" type="text" maxlength="25" name="firma"></td>
  </tr>
  
</table>
 
ich wollte eigentlich tabellen vermeiden weil die den quelltext bei eingerückter schreibweise immer so aufblähen...
hab es aber jetzt mit tabellen gemacht gemacht (an muss ja weiter kommen) und das ergebniss gefällt mir!

Dank dir für die Hilfe!
 
Werbung:
Du schreibst, dass Tabellen den Text aufblähen. Gib doch im <table>-Tag das style-Attribut mit dem Wert "padding:0px; margin:0px; broder-collapse:collapse;" an.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben