Button mit spezifischer Breite
Heiko Warnken
auf einer Webseite, die mehrere Buttons enthält, sollen alle Buttons
gleich breit sein, obwohl die Texte in den Buttons unterschiedlich lang
sind.
Also ein Button mit der Aufschrift "Kontakt" soll genau so breit sein,
wie ein Button mit der Aufschrift "Ich über mich".
Mit
<input Type="submit" name="but1" Value="Kontakt" size="20">
funktioniert das nicht.
Weder mit "size", "width" noch mit "maxlength".
Wie ght das?
--
Arbeit und Schutzgemeinschaft Fort Hahneberg e. V.
http://www.fort-hahneberg.org
Irmgard Schwenteck
Heiko Warnken schrieb:
> Also ein Button mit der Aufschrift "Kontakt" soll genau so breit sein,
> wie ein Button mit der Aufschrift "Ich über mich".
>
> Wie ght das?
<input class="button" Type="submit" name="but1" Value="Kontakt">
.button {width:14ex;}
Du kannst damit auch per CSS Farbe, Rahmen, Abstände der Buttons ändern.
Gruß
Irmgard
Stefan David
> Hallo,
>
> auf einer Webseite, die mehrere Buttons enthält, sollen alle Buttons
> gleich breit sein, obwohl die Texte in den Buttons unterschiedlich lang
> sind.
> Also ein Button mit der Aufschrift "Kontakt" soll genau so breit sein,
> wie ein Button mit der Aufschrift "Ich über mich".
>
> Mit
> <input Type="submit" name="but1" Value="Kontakt" size="20">
> funktioniert das nicht.
> Weder mit "size", "width" noch mit "maxlength".
Was du vorhast, sieht für mich eher nach einer Liste von Links aus.
Anstelle eines Formularbestandteils würde ich da eher eine unsortierte
Liste (UL) nehmen, wobei jedes Listelement (LI) einen deiner Links enthält.
Ansonsten schau dir doch mal des Element BUTTON an. Das von dir
verwendete INPUT-Element halte ich im beschriebenen Fall für falsch.
Die Formatierung kannst, nein solltest du dann wie von Irmgard
vorgeschlagen per CSS machen.
Grüße
Der Stefan
--
"Ich habe nichts gegen Autoritäten, aber ich kann es nicht leiden, wenn
mir jemand sagt, was ich zu tun oder zu lassen habe." (Bernd Stromberg)
http://weblog.ononlinework.de/
Irmgard Schwenteck
Stefan David schrieb:
>> auf einer Webseite, die mehrere Buttons enthält, sollen alle Buttons
>> gleich breit sein, obwohl die Texte in den Buttons unterschiedlich lang
>> sind.
>> Also ein Button mit der Aufschrift "Kontakt" soll genau so breit sein,
>> wie ein Button mit der Aufschrift "Ich über mich".
> Was du vorhast, sieht für mich eher nach einer Liste von Links aus.
> Anstelle eines Formularbestandteils würde ich da eher eine unsortierte
> Liste (UL) nehmen, wobei jedes Listelement (LI) einen deiner Links enthält.
>
> Ansonsten schau dir doch mal des Element BUTTON an. Das von dir
> verwendete INPUT-Element halte ich im beschriebenen Fall für falsch.
Es kommt darauf an.
Die Startseite zu unserem Intranet besteht aus etlichen einzelnen
Formularen, wo man Auftragsnummer, Artikel, usw. eingeben kann, um
danach zu suchen.
Das sind dann schon alles input-Elemente.
Kann natürlich auch sein, daß es Links sind, die so aussehen sollen wie
Buttons und Du hast wohl recht, die Fragestellung deutet darauf hin.
Dann empfehle ich meinen Button.Generator ;)
http://4haus.de/tips/buttons/makeit.php
Gruß
Irmgard
Paul Carl Murphy
noch padding) setzt, dann sollte es z.B. im Firefox funktionieren.
Der IE hingegen ignoriert die padding-Angabe und stellt einen Abstand
in Abhängigkeit von der Textlänge dar. Hier kannst du Dir aber mit
overflow:visible; helfen.
Beispiel:
.submitbutton
{
background-color: #ebebd7;
border-width: 1px;
border-style: solid;
border-color: #cccc99;
overflow:visible;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
padding-right:5px;
cursor:pointer;
}
Klappt bei mir wunderbar.
Gruß
PCM
Irmgard Schwenteck
Paul Carl Murphy schrieb:
> Hmm, wenn Du bei den Style-Eigenschaften eine width-Angabe (und ggf.
> noch padding) setzt, dann sollte es z.B. im Firefox funktionieren.
> Der IE hingegen ignoriert die padding-Angabe und stellt einen Abstand
> in Abhängigkeit von der Textlänge dar.
Tut meiner nicht. im IE6 wie auch IE7 sind alle "Buttons" gleich breit.
strict- oder Quirks-Modus vielleicht?
Gruß
Irmgard