kleur button in mailform

Status
Niet open voor verdere reacties.

eric2001

Terugkerende gebruiker
Lid geworden
23 mrt 2001
Berichten
1.600
Hallo,
In een mailform heb ik voor een button een tekstkleur opgegeven met:
Code:
<BUTTON TYPE="submit" VALUE="Verzenden" STYLE="color: red;">
Kan ik óók de achtergrondkleur voor de knop zelf opgeven?
Eric
 
ja, dat is heel goed mogelijk joh

<head>
<style>
<!--
INPUT.kleurtje { background-color: 003AE4; border-bottom: #999999 1px solid; border-left: #BBBBBB 1px solid; border-right: #AAAAAA 1px solid; border-TOP: #CCCCCC 1px solid; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold }//-->
</style>
</head>

en in de body:

<input type=submit value="Tekst" class="kleurtje">

makkie toch ? ;)
 
Ja JPeetje, makkie,
Zelfs nog veel meer dan ik nodig had. Nog ééntje:

Ik wil in die button een plaatje hebben. Eerst lukte dat wel, maar waar moet ik dat nu plakken?

Code:
<input type=submit value="Verzenden" class="kleurtje" STYLE="color: red;">
	<IMG SRC="../../images/pos.gif">
	</BUTTON>

Of ben ik gewoon iets vergeten?
Eric
 
</BUTTON> ??

Dat is geen geldige html tag. Alleen input is er een om buttons mee te maken..

Een button met plaatje kun je op de volgende manier maken:

Code:
<input name="imageField" type="image" src="foto.jpg" width="100" height="30" border="0">

Je zult hier dan een onClick event aan toe moeten voegen met wat het moet doen (javascript) als je erop klikt. Bijvoorbeeld een form submitten (document.[formname].submit)

[edit]

Sorry, < button > is er wel 1 maar daar wist ik nog niets van :D :o

[/edit]
 
Laatst bewerkt:
Hi fixer,
Bedankt voor je antwoord. Dat </button> stond er overigens verkeerd, daar had immers <button> voor moeten staan. De makkelijkste manier om er een plaatje én tekst in te krijgen is daarmee.
Mijn volgende vraag heeft jouw antwoord gekruist en daarin komt ook het volgende probleem naar voren:
Hoe krijg ik én een plaatje én tekst in een button.
mvg
Eric
 
Dat zou dan op deze manier moeten gaan :rolleyes: :

Code:
<button style="width: 80px; height: 60px;" name="button" type="submit" value="Hoi"><img width="60" height="30" src="bestand.gif"><br>
Hoi iedereen</button>

De style defenitie is ervoor om een beetje een fatsoenlijke button te krijgen :). Is verder niet verplicht...
 
Sorry voor m'n late antwoord, maar ik denk dat je aardig in de richting komt. ik zal nog wat gaan knoeien met WIDTH en HEIGHT. Ik denk dat ik een eind kom.
Thnx,
Ik laat het weten als ik er uit ben.
Eric
 
Status
Niet open voor verdere reacties.

Nieuwste berichten

Terug
Bovenaan Onderaan