Forum
Tipps
News
Menu-Icon

Button größe

Hab schon wieder ein problem mit meinen Buttons.
Wie bekomme ich sie auf eine einheitliche länge so das alle gleich lang sind??? ???

Hier mein buttonquelltext:
<input type="submit" value="Über mich"  style="background-image:url('1.gif'); color:#FFFFFF;  ">


Antworten zu Button größe:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

bei Standard-Buttons geht das lt. Attributreferenz nicht.
http://de.selfhtml.org/html/referenz/attribute.htm#button

Wenn du das unbedingt benötigst, und du  sowieso schon einen Hintergrund für den Button setzt, dann kanntse im Prinzip auch gleich <input type="image" src="button_bild.gif"> machen und im Eventhandler onClick deine Aktion hinterlegen. Wenn du da gleiche Bilder hast, werden die Buttons auch gleich breit dargestellt. Oder du arbeitest alternativ mit geschützten Leerzeichen. Da musst du dich natürlich am breitesten Button orientieren. Das halte ich aber für umständlich und auch nicht gerade für einen guten Programmierstiel.

BTW: Hier gibts auch was darüber zu erfahren ;)
http://www.computerhilfen.de/webmaster-schoenere-formular-buttons.php3

Mario 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

War grad auf deiner HP. Geht es zufällig um die Buttons im Menü? ;) Für so ein Menü würde ich ehrlich gesagt gar keine Formularelemente nutzen. Also keine INPUT-Sachen, auch keine <input type="image">. Da würde ich wirklich kleine Bilder erstellen, und die mit einem Link drumherum versehen. So ist es üblich. Du musst dann natürlich die ganzen Bilder mit einem Schriftzug versehen, dazu brauchst du ein Grafikprogramm. Im Notfall tut sowas aber auch Paint.

Buttons gibt es zu Haufe als Vorlagen (wirst du ja schon wissen), z.Bsp.:
http://www.meine-erste-homepage.com/button.htm

und das ganze bindest du beispielsweise dann so hier mit einem Link ein:
<a href="ueber_mich" title="&Uuml;ber mich"><img src="uebermich.gif" alt="&Uuml;ber mich"></a>

Mario 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

einfach so:


<input type="submit" value="Über mich"  style="background-image:url('1.gif'); color:#FFFFFF; width:200px;">  

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Naja, ist aber dann nicht so ganz W3C-konform ;D. Zumindest wenn ich die Referenz richtig verstanden habe, und da ist kein "width" enthalten?!? Obs nun die Browser trotzdem interpretieren ist dann eine andere Frage...

Mario 8)

Werde es mal ausprobieren. vielen dank für die schnelle Hilfe. ;)
Echt spitze das Forum!!


« gratis webspaceTipp: Favicon, was ist das eigentlich? »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Generations-Prinzip
Das Generations-Prinzip wird auch als das "Opa-Vater-Sohn-Prinzip" bezeichnet. Dieses Rotationsschema zur Speicherung von Daten ist eine überschreibende Datensicheru...

Graustufenbilder
Als Graustufenbilder bezeichnet man digitale Bilddateien. Graustufenbilder werden auch Halbtonbilder beziehungsweise 8-Bit-Bilder genannt. In Graustufenbilder muss ein Pi...

Warsteiner
Warsteiner: Das ist nicht nur eine Biermarke, in der Social Media App "Jodel" steht der Ausdruck "Warsteiner" auch für das Gegenteil von "Paulaner": Wenn eine in der...