myGully.com - Buttons

myGully.com (https://mygully.com/index.php)

- Programmierung (https://mygully.com/forumdisplay.php?f=67)

- - Buttons (https://mygully.com/showthread.php?t=2202574)

Schwarze-Sonne18

10.01.11 16:08

Buttons

Servus, ich wollte auf meiner Seite alle Links durch Buttons darstellen, jetzt wollte ich wissen wie ich es schaffe, dass alle gleich lang sind (z.B. alle 40 Pixel lang oder so...). Eins vorab kenne mich nicht mit css oder so aus und will auch nicht überall Leerzeichen hintersetzen...
der Button den ich verwende sieht wie folgt aus:

Code:

<FORM><align="left">

<INPUT TYPE="BUTTON" VALUE="Dieser Text ist so lang" ONCLICK="window.location.href='Ziel.Endung'">

</FORM>

<FORM><align="left">

<INPUT TYPE="BUTTON" VALUE="Beide Buttons sollen aber gleich lang sein" ONCLICK="window.location.href='Ziel.Endung'">

</FORM>

PHP-Code:


		
			
<FORM><align="left">

<INPUT TYPE="BUTTON" VALUE="TEXT" ONCLICK="window.location.href='Ziel.Endung'">

</FORM>

timmy151

10.01.11 20:31

Einfach nach dem ONCLICK noch style="width:400px;"

Zitat:

Eule66

10.01.11 21:07

Alternativ zu timmy151 geht auch einmalig die Breite (und z.B. Farben) zu definieren:

PHP-Code:


		
			
<style type="text/css"> input.button { width:400px; color:red; background-color:blue;} </style>
/* class="button" zu <input> */

Hier dein Beispiel:

Code:

<style type="text/css"> input.button { width:400px; color:red; background-color:blue;} </style>

<FORM>

<INPUT TYPE="BUTTON" class="button" VALUE="Dieser Text ist so lang" ONCLICK="window.location.href='Ziel.Endung'">

</FORM>



<FORM>

<INPUT TYPE="BUTTON" class="button" VALUE="Beide Buttons sollen aber gleich lang sein" 

ONCLICK="window.location.href='Ziel.Endung'">

</FORM>



<FORM>

<INPUT TYPE="BUTTON" class="button" VALUE="TEXT" ONCLICK="window.location.href='Ziel.Endung'">

</FORM>

Grüße

Eule66

Schwarze-Sonne18

11.01.11 12:41

Vielen Dank habe die erste Variate genommen...
Thread kann geschlossen werden =)

Alle Zeitangaben in WEZ +1. Es ist jetzt 17:38 Uhr.