[HTML] Buttons aanpassen

[anoniem]

Hallo mensen, Hoe kun je de submitbuttons in formulieren aanpassen, zoals gedaan is op [url]http://forum.computertotaal.nl/phpBB/login.php[/url]? Is dit eigenlijk ook mogelijk in CSS? Kan daar helemaal niks over vinden. Bedankt.

[anoniem]

Neem onderstaande code op in een style sheet: [code:1:99eb87b058] .button {background-color: #ccffcc; font-family: verdana; font-size: 10 pt; font-weight: bold; border-width: 1; border-color: #000000; cursor: hand; height: 24; width: 120; } [/code:1:99eb87b058] en pas de variabelen naar believen aan. Roep in je formulier de knop op via <input type="submit" value="blabla" class="button">

[anoniem]

Voor zover is dit niet mogelijk met css, maar dmv javascript. De code voor de button: [code:1:987cd9461d] <a href="javascript:document.teken_gastenboek.cmdButton.value='OK';document.teken_gastenboek.submit();" onMouseOver="status='';return(true);" onMouseOut="status='';return(true);"><img src="../images/imgs/send.gif" alt="teken" vspace="0" hspace="0" border="0" WIDTH="43" HEIGHT="14"></a> [/code:1:987cd9461d] In de [head] van je document zet je het volgende: [code:1:987cd9461d] <script language="javascript"> function verwijder(bericht, url) { if(confirm(bericht)) location.href = url; } function icon(theicon) { document.teken_gastenboek.bericht.value += ""+theicon; document.teken_gastenboek.bericht.focus(); } </script> [/code:1:987cd9461d] Volgens mij hoeft niet alles hiervan erin, maar zo weet je zeker dat het werkt :wink: . ::greetz:: Obi

[anoniem]

Diverse buttons op dit forum zijn gedaan met plaatjes. http://www.weballey.nl/forms/image.html

[anoniem]

tuurlijk kan het [b:ca7240d1e9]wel[/b:ca7240d1e9] met css: [code:1:ca7240d1e9] <input type="button" value="whoopah!" style="font-family: Bauhaus 93; font-size: 50px; color: #0000FF; background: #FFFF00; letter-spacing: 5px;"> [/code:1:ca7240d1e9] t.

[anoniem]

Teacher: Maar dan gebruik je toch geen image als button? ::greetz:: Obi

[anoniem]

heb je de vraag van de topicstarter gelezen? nee, anders kwam je ook niet aan met vage javascript functies die er niets mee te maken hebben. Uiteraard kan je een form verzenden met een image. Maar dat is iets anders als met css een button aanpassen... t. ps> topicstarter, misschien moet je css hoofdstuk 14 gaan vertalen?

[anoniem]

Dat klopt, dat heb ik idd verkeerd gelezen. Maar mijn gegeven oplossing werkt als je een image wil gebruiken en was goed bedoelt. Beetje flauw om zo te reageren... ::greetz:: Obi

[anoniem]

Tuurlijk is het aardig en goedbedoeld dat je wil helpen met ideeën en oplossingen, maar als ze de plank mis-slaan help je de topicstarter toch niet? En "flauw"... hmmz... ja daar heb je gelijk in; je m'excuse... :oops:

[anoniem]

excuses aanvaard! Maar je hebt wel gelijk, voortaan beter lezen... Nu lekker weekend!!! ::GReetz:: Obi