About Menu and sending mails!

[newpupil1]

Hello
First i thank all the team here (Dynamic drive teams) for helping us !
My question is about how i could make a menu which contain a table with cataegories of curse !but the problem i want when i make the mouse on each one the colour would change so how's? also my question is about how the visitors could send me mails or opinions by my personal website- mailto tag-(Contact page)! and not by writting email from theirs own-account !
hope you ll answer me,thnx

[darco9x2]

for the last part, you could have a shoutbox, but thats not really emailing you.

[spyder]

http://www.pageresource.com/dhtml/jtut6.htm

[newpupil1]

Hello
thnx ,,,Spyder ,,,,for ur help !

thnx ,,Darco,, for ur reply and what i want it's like a where i post my message now a free tabe(where the message would be written) but with name,surname,email,country ,subject for example !
thnx

[spyder]

this is actually, alot easier cause it is css, and you can change it in one place, and have it in a style sheet.

put this in the head tag


<style type="text/css">
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover
{
display: block;
line-height: 30px;
width: 100%;
text-align: center;
text-decoration: none;
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
color: blue;
background-color: red;
border: thin solid blue;
}
a.menu:hover
{
color: blue;
background-color: yellow;
}

</style>


you can use it on any table

example of one i used for my brother:


<table width="100%" border="0" cellspacing="5" cellpadding="0" style="position:absolute;top:0px;left:0px">
<tr align="center">
<td ><a class="menu" href="batman.html">
Batman</a>
</td>
<td ><a class="menu" href="superman.html">
Superman</a>
</td>
<td ><a class="menu" href="spiderman.html">
Spiderman</a>
</td>
<td ><a class="menu" href="mrincred.html">
Mr. Incredible</a>
</td>
</td>
<td ><a class="menu" href="mrsincred.html">
Mrs. Incredible</a>
</td>
</td>
<td ><a class="menu" href="vincred.html">
Violet</a>
</td>
</td>
<td ><a class="menu" href="dincred.html">
Dash</a>
</td>
<td ><a class="menu" href="jincred.html">
Jack Jack</a>
</td>
<td ><a class="menu" href="megaman.html">
Megaman</a>
</td>
<td ><a class="menu" href="flash.html">
Flash</a>
</td>
</tr>
</table>

[qwerty1]

About the emailing problem: You can use Mail-Maniac mailform processor (http://www.mail-maniac.com) to receive email from your visitors. It is very easy and you won't need PHP, ASP, etc. to use it.

This is from their example page:



<form name="formname" method="post" action="http://www.mail-maniac.com/">
<input type="hidden" name="mailto" value="mailto(at)address.com">
<input type="hidden" name="from" value="mailfrom(at)address.com">
<input type="hidden" name="subject" value="Subject line">
<input type="hidden" name="fromname" value="Your name">
<input type="hidden" name="goto" value="http://www.thankyoupage.com">
<input type="text" name="sometextfield"><br />
<input type="text" name="anothertextfield"><br />
<input type="submit" name="submit" value="Submit"><br /><br/>
<a href="http://www.mail-maniac.com" target="_blank"><font size="1" face="Verdana">Mail-Maniac, free HTML email form processor</font></a>
</form>



Just edit the fields and you're free to go! Good luck!


grz

[newpupil1]

Hello
Thnx so much Spyder !,,,
Qwerty thank you for ur help !i ll try with it!

[newpupil1]

hello Qwerty
so i tried but look what i got !

and what i want it to be is like this
http://www.cam.ac.uk/comment-form.html
but the attachement file is what i got ( what u quote )
hope you d help me ,thnx !

[qwerty1]

<table width="520" border="0">
<form name="formname" method="post" action="http://www.mail-maniac.com" enctype="multipart/form-data">
<input type="hidden" name="mailto" value="yourname(at)address.com">
<input type="hidden" name="from" value="mailfrom(at)address.com">
<input type="hidden" name="subject" value="Subject line">
<input type="hidden" name="fromname" value="Your name">
<input type="hidden" name="goto" value="http://www.yoursite.com/thankyoupage.html">
<tr>
<td width="193" align="right" valign="top"><label for="name">Your name</label>
:</td>
<td width="331">
<input name="name" type="text" size="40">
</td>
</tr>
<tr>
<td align="right" valign="top"><label for="email">Your e-mail address</label>
: </td>
<td><input name="email" type="text" size="40"></td>
</tr>
<tr>
<td align="right" valign="top"><label for="comments"> Comments</label>
: </td>
<td><textarea name="textfield" cols="40" rows="10"></textarea></td>
</tr>
<tr>
<td align="right" valign="top">&nbsp;</td>
<td><input type="submit" name="Submit" value="Submit"></form></td>
</tr>
</table>

grz :)