title image


Smiley zeilenumbruch in form verhindern
Hallo

Ich habe ein Formular gebaut mit mehreren Eingabefenstern. Damit label und input-Feld zusammenbleiben, habe ich beide in einen p-tag gesteckt. Die Felder liegen nebeneinander. Wenn sie nicht genug Platz haben, bricht das input-Feld in die nächste Zeile und sprengt mein Design.

Wie kann ich den Zeilenumbruch verhindern? White-space:nowrap; funktioniert nicht.

Gruss Haselnusself

Hier mein Quelltext:







Unbenannt



* {margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif;}

body {width:100%;}

h1 {color:#666; font-size:170%;}



#wort form {display:block;}

#wort .typ {background-color:#fcefaa; padding:.2em .5em; border-top:3px solid #f90; border-bottom:3px solid #f90;}

#wort .typ select {padding-left:.2em;}

#wort fieldset { border:none; margin:.5em;}

#wort .field {float:left; background-color:#fcefaa; padding:.2em .5em; width:100%;

border-top:3px solid #f90; border-bottom:3px solid #f90; margin-top:-.3em;}

#wort fieldset p {float:left; padding-bottom:.2em; white-space:nowrap; }

#wort legend {background-color:#f90; padding:.1em .2em; margin:.1em 25em; }

#wort label {width:9em; float:left; text-align:right; padding-right:.5em;}













Wortsuche





Suche nach Wort









Farbe







Farbe







Menge







Grösse





Farbe






















Man muss auch aus den Fehlern von Anderen lernen. - Kein Mensch hat die Zeit, sie alle selbst zu machen!

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: