Små problem med formulär

Hej
Jag knåpar med följande sida:

http://www.skogenskonung.se/newwebb/

Det gäller formuläret för Nyhetsbrevet nere till höger.

Hur får jag Prenumerera och Avsluta att ligga i samma höjd som radioknapparna? I min browser IE ligger texten lite i nederkant.

Och en snabb till: Hur får jag mindre textstorlek i textfältet och submitknappen?

Gärna lösningar i CSS! Tack på förhand.

Om IE hade haft stöd för attributs-selektorer hade du kunnat skriva

input[type=radio] { vertical-align: middle; }
input[type=submit], input[type=text] { font-size: 0.8em; }

och låta HTML-koden vara som den är.

Nu har tyvärr inte IE något stöd för sådana selektorer, vilket gör att du för lösa det på något annat sätt, t ex generellt för alla input-element:

input { vertical-align: middle; font-size: 0.8em; }

Eller genom klasser:

.radioInput { vertical-align: middle; }
.textInput { font-size: 0.8em; }

och sedan applicera klasserna på respektive input-element.

Visst ja, så kan jag göra. Jag har en fråga till. Jag skulle vilja att texten "Din e-post här" försvinner när man klickar i textrutan för att skriva något. Jag har sett det på andra sidor.

Två varianter. Bara att välja och vraka!

<input onfocus="this.value = ''"...

<input onfocus="this.value = ''" onblur="this.value = 'Din e-post här'"...

:)

Bra tackar, men observera att om jag använder "onblur" så skickas "Din epost här" när jag trycker på Submit istället för det som användaren skrivit in. Men jag kör utan den i det här fallet.

Skogenskonung skrev:

Bra tackar, men observera att om jag använder "onblur" så skickas "Din epost här" när jag trycker på Submit istället för det som användaren skrivit in. Men jag kör utan den i det här fallet.

Det går att avhjälpa, om man vill:

<input onfocus="this.value = ''" onblur="if (this.value == '') this.value = 'Din e-post här'"..