HTML Email Newsletter Question?

M

Mike

New member
I want to add a email newsletter sign up form onto my website and I want it to be exactly the same size and style of the one on the top-right of this website:

http://www.carolsdaughter.com/

But as for colors:

- The "Go" box, arrow, and small border around the entry box: #212223
- "Go" and "Get Email Updates" font: #969696
 
Bacalao's solution uses a very old style of designing (tables for layout and deprecated tags). The website you mentioned uses an image for the 'Go' button, so I have only provided code for the 'Get Email Updates' text field.

HTML:

<input id="email" name="email" type="text" size="12" maxlength="100" value="Get Email Updates" onfocus="if(this.value=='Get Email Updates')this.value=''" onblur="if(this.value=='')this.value=''Get Email Updates" />

CSS:

#email {
width:169px;
padding:4px;
margin:0;
border:#212223 1px solid;
font-family:Arial;
font-size:10px;
color:#969696
}
 
Umm for the border around it, you can use tables. Play with the <td> and <tr> tags
For the font... you can use <font color=969696>WORDS</font>

This site might be useful: w3schools.com
 
Back
Top