XHTML/CSS: Form

Detta är det enda jag har dålig koll på i CSS världen.
Hur jag styr och ställer med formulär.
Det mesta kan jag men det är en sak jag inte kan hitta hur mycket jag än googlar.

Submit knappar, hur fasen formger jag dessa små rackare.
Grund formen kan jag ge dem men det jag vill åt är att ändra utseende när jag trycker på dem.

Måste jag blanda in Javascript eller klarar jag mig med skön CSS?

Menar du att den t.ex. ska byta färg när man trycker på knappen?

Det räcker enbart med css när det handlar om utseende

Det är precis vad jag menar, precis som när jag klickar på en länk (active) vill jag att submit knappen ska ändra färg.

css okej! Tack men hur?

mattiash2 skrev:

Det är precis vad jag menar, precis som när jag klickar på en länk (active) vill jag att submit knappen ska ändra färg.

css okej! Tack men hur?

Nej, det får du nog allt sköta med javascript tyvärr.

Tex:

input[type=submit]        { background: white; color: black; border: solid black; }
input[type=submit]:hover  { color: red; }
input[type=submit]:focus  { background: lightgray; }
input[type=submit]:active { border-color: yellow; }

....Om du vill att ovanstående kod ska fungera med IE så får du nog ta till javascript. :l

Äckliga IE... varför finns denna stygelse?
Hoppas Firefox tar världsherraväldet.

Tack för hjälpen igen, imponerad är jag av den snabba och bra hjälpen jag får! Trots att det är kvällstid.

Vidare, jag har för mig att Safari inte tillåter knappar att bli stylade över huvud taget... Så det kanske inte ger önskad effekt.

Det säkraste (och lättaste) är egentligen att låta knapparna vara... ;)

[edit]
Alternativt, använda:

<input type="image" alt="Skicka" src="/bilder/skicka.png">

[/edit]

Nej, Safari skiter högaktningsfullt i all CSS som rör knapparna.
Alternativet är att låta knapparna vara hur vackra eller fula de blir i olika webbläsare och system.

Varför får jag detta fel när jag validerar koden som Strict eller Transional:
document type does not allow element "form" here; missing one of "object", "applet", "map", "iframe", "ins", "del" start-tag

<form id="formcontact" method="post" action="mail.php">

Hmmm... har du försökt lägga en FORM inuti ett inline-element?

Alltså hmmm ehhhh.... *fniss* förlåt... jo ja... fixar det nu... tack. *skäms*