Supportnet Computer
Planet of Tech

Supportnet / Forum / Webseiten/HTML

Zeilenumbruch im Button





Frage

Hallo SN-Gemeinde, ich möchte einen Zeilenumbruch im Button erzwingen. Habe mit <br> probiert, leider wird es mit angezeigt. Wie geht das auch ohne??? Hier mein Versuch: <input type="Button" name="button" value="SIMULATION <br> Automatische Indexierung" style="width:260px; height:60px;" onClick="javascript:location.href = 'xyz.html'"> Vielen Dank im voraus!!! Gruß Jens :-)

Antwort 1 von misterUE

Statt <br> einfach Enter ;-)


<input type="Button" name="button" value="SIMULATION
Automatische Indexierung" style="width:260px; height:60px;" onClick="javascript:location.href = 'xyz.html'">

mfg, Ümit

Antwort 2 von wian

Geht auch bei type='submit':

<?php
echo "<form method='post' 
   action='${path}scripts/edited_events-days.php' target='foot'>
   Events betrachten/bearbeiten der letzten 
   <input name='daysbacklastevent' id='daysbacklastevent'
   type='text' size='3' maxlength='3'
   value='$daysback_last_event'> Tage
   <br><input type='submit' name='submitbutton'
   value='Events der letzten ? Tage
ansehen/bearbeiten'>
</form>";
?>

Dabei sollte darauf geachtet werden, dass die neue Zeile beim Text des Buttons wegen der Ausrichtung/dem Format ohne Leerzeichen beginnt.

Gruß Willi

Antwort 3 von katy

Hallo Jens09,

nimms mir nicht übel, aber ich glaube einfach, du wählst gerade einen falschen Ansatz.
Mit einem anderen Ansatz ist die Lösung einfach:

<a href="xyz.html" class="buttonstyle">SIMULATION <br> Automatische Indexierung</a>


und im CSS:

a.buttonstyle:link { border:thin outset white;  text-decoration:none;}
a.buttonstyle:active { border:thin inset white;  text-decoration:none;}
a.buttonstyle:visited { border:thin outset white;  text-decoration:none;}
a.buttonstyle:hover { border:thin inset white; text-decoration:none;}


Mit anderen Worten: nimm keinen Button, sondern nutze CSS um einen normalen Link als Button erscheinen zu lassen. Als Nebenvorteil fällt auch die Abhängigkeit von JavaScript weg.

einen schönen Abend noch

katy

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: