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 ;-)
mfg, Ümit
<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':
Dabei sollte darauf geachtet werden, dass die neue Zeile beim Text des Buttons wegen der Ausrichtung/dem Format ohne Leerzeichen beginnt.
Gruß Willi
<?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:
und im CSS:
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
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

