unterschiedliche Abstände bei Label
Andy
- css
Hallo,
label
{
......
width: 10em;
text-align: right;
float:left;
}
in einem anderen Form brauche ich label width: 15em; .
Meine Frage muss ich dann direkt im label ein style definieren oder eine andere class
.labellang
{
width: 15em;
}
oder kann ich ein label nur für ein spezielles Formular definieren.
formularkontakt label{
??
}
geht so etwas
Danke
Andy
Hellihello
geht so etwas
Alle drei Varianten gehen. Inlinestyle lieber nicht. Klasse wäre möglich
class="extended someother" geht übrigens auch.
Oder Du nutzt die Kaskade indem du das ganze Formular klassifizierst.
Es gibt übrigens ein "ranking" innerhalb des CSS.
div form.formularname label hätte höhere Priorität als
label
(Hängt an dem Ausformulierungsgrad des Pfades).
Dank und Gruß,
Hallo und danke für Eure Antworten,
meine css kenntnisse sind von hier
Alle drei Varianten gehen. Inlinestyle lieber nicht.
Inline wäre für mich auch nur die Notlösung.
»» Klasse wäre möglich
So mache ich das im Moment.
class="extended someother" geht übrigens auch.
davon habe ich schon gelesen und es schon genutzt,meist um einen anderen Hintergrund bei Valiierungen zu bekommen.
Jetzt kommt es, das wäre die Lösung die ich bräuchte, aber ich pack es nicht.
Oder Du nutzt die Kaskade indem du das ganze Formular klassifizierst.
Es gibt übrigens ein "ranking" innerhalb des CSS.
div form.formularname label hätte höhere Priorität als
label
Hier mal ein Beispiel, klappt nicht.
form.form2 label {
font-size:35px;
font-family:Geneva, Arial, Helvetica, sans-serif;
width: 5em;
text-align: right;
float:left;
}
label
{
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
width: 10em;
text-align: right;
float:left;
}
-->
</style>
</head>
<body>
<form name="form1" method="post" action="">
<label for="name">Name</label>
<input type="text" name="name" />
</form><br />
<form name="form2" method="post" action="">
<label for="test">Test</label>
<input type="text" name="test" />
</form>
Vielen Danke Andy
Hellihello
es fehlt wohl das class-Attribut. Oder geht es auch mit name?
Dank und Gruß,
Hallo Frankx,
ich glaub ich muss noch ein bisschen lesen, scheint nicht so zu klappen wie ich es will.
Ich habe es jetzt so gelößt, Standard ist label und wenn ich Ausnahmen brauche "packe ich das Formular in einen Div" Danke und nachbarliche Grüße
Andy
#formular1 label {
font-size:35px;
font-family:Geneva, Arial, Helvetica, sans-serif;
width: 5em;
text-align: right;
float:left;
}
label
{
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
width: 10em;
text-align: right;
float:left;
}
Hellihello
#formular1 reagidert auf die id.
form.formular1 auf class.
Du brauchst doch kein div drumrum. Alles, was Du dem div mitgibst (id oder class) kannst du auch direkt dem form mitgeben (oder gar dem label)).
Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?
Dank und Gruß,
Guten Morgen,
#formular1 reagidert auf die id.
so habe ich das letztlich auch gelöst
css: #form2 label {}
html:<form name="form2" id="form2"....
form.formular1 auf class.
Du brauchst doch kein div drumrum. Alles, was Du dem div mitgibst (id oder class) kannst du auch direkt dem form mitgeben (oder gar dem label)).
ich hatte mich da verrannt.
Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?
nein, war es nicht.
Ich finde allerdings auch nirgendwo etwas dazu.
Danke
Andy
Hellihello
so habe ich das letztlich auch gelöst
css: form_speziell label {}
html:<form name="form2" class="form_speziell"....
ginge auch, nicht wahr.
Wundert mich eh, dass das label auf Breitenangabe reagiert, wenn es nicht display:block gesetzt ist, oder war es das?
nein, war es nicht.
Ich finde allerdings auch nirgendwo etwas dazu.
Inline-Elemente haben m.W. keine Breite. Blockelement schon.
Dank und Gruß,
@@Andy:
oder kann ich ein label nur für ein spezielles Formular definieren.
<http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Formate für verschachtelte HTML-Elemente definieren> in Verbindung mit <http://de.selfhtml.org/css/formate/zentrale.htm#individualformate@title=Individualformate definieren>
Live long and prosper,
Gunnar