zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Frage zu input u. label mit gleichem Zeilenabstand

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.08.2009, 12:42
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.11.2006
Ort: Berlin
Beiträge: 153
bolshi befindet sich auf einem aufstrebenden Ast
Frage Frage zu input u. label mit gleichem Zeilenabstand

Hallo,
mit folgender Anweisung versuche ich den Zeilenabstand zwischen
untereinander stehenden label-Feldern zu ändern:

form .spalte1 label { line-height:1.7; }

Ich frage mich, warum derselbe Wert die input-Felder wesentlich weiter
auseinander schiebt:

form .spalte1 input { width:50%; float:right; line-height:1.7; }

In HTML:

HTML-Code:
<fieldset>
	<legend>Kontakt</legend>
	<form action="#">
	<div class="spalte1">

	  <label class="lf1" for="feld1">Nachname:</label>
	  <input class="if1" type="text" id="if1" name="nachname" value="" size="50"/><br/>

	  <label for="lf2">Vorname:</label>
	  <input type="text" id="if2" name="vorname" value="" size="50" /><br/>

</form>
</fieldset>
Nebeneinander stehende label- und input-Felder sollten nach oben
ausgerichtet auf gleicher Höhe stehen. Habt ihr einen Tipp?

Gruß, bolshi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.08.2009, 14:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.397
regloh wird schon bald berühmt werden
Standard

Deine Float-Konstruktion wird sowieso nicht wirklich funktionieren. Wenn ich mir einen Testcase baue (den ich leider selbst zusammenschustern muss, da ein Link bzw. der komplette Code fehlt), ist mit float alles verschoben.

Du solltest jeweils eine label-input-Gruppe in einen Absatz schachteln.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Frage zu text-decoration und Zeilenabstand tumb CSS 15 27.10.2009 10:37
label, input, etc. bei mehreren Formularen mondy CSS 4 03.07.2008 13:49
label und input ohne float nebeneinander? xm22 CSS 3 29.05.2007 20:10
Anordnung von Label und Input? o.dey Barrierefreiheit 5 09.01.2006 18:51
Frage zu input Feldern SURE612 (X)HTML 6 15.11.2005 17:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:40 Uhr.