hulp gevraagt voor mijn site

hallo allemaal ik ik heb sins een paar weken mijn site in de lucht maar er zijn nog een paar fouten kunnen julie mij helpen

de link is http://www.wowfansite.110mb.com/contakt.html
(het is fout geschreven ik weet het ik ga het nog verbeteren)
ik heb een vraag over het contact formulier:

al ik op verzent klik gaat outlok open hoe komt dat?

)als het css bestan nodig is moet je het ff zeggen.)

moet je ander contact formulier nemen
hier een goede:
http://www.phphulp.nl/php/scripts/1/127/

je hebt dan alleen het php bestant maar hoe moet je het in html verwerken
(php is nieuw voor mij vandaar dat ik het vraag)

contact formulier in html bestaat niet
je moet gewoon contact.php maken en de code die er staat in plakken dan staat er ergens dat je je email moet invulen enzo dat doe je en dan moet hij het doen

en als hij het dan niet doet ondersteunt je host gen email functie

weet jij toevalleg waar ik php kan leren?

nee maar je hoefd alleen pagina te maken die contact.php heet en die code erin zetten

maar dan ziet de pagina er tog heel anders uit dan de rest van mijn site?

(zullen we anders via msn praten dat is gemakkelijker?)

pak de html code van je layout en doe in het vak waar je je tekst in typt de code

ik snap het ff niet maar ik geef je wel ff de paginas wat je waarschijlijk bedoelt
wil je uitleggen wat je bedoelt?
dit is het html bestant:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>World of Warcraft</title>
<link href="style1.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="ev_bg"><div id="everything">

    <div id="header">
      <h1>World of Warcraft</h1>
    </div>
    <div id="middle">
      <div id="left_column">
             <div id="navigation">
                 <a href="index.html">Home</a>
            <a href="#">Contact</a>
            <a href="nieuws.html">Nieuws</a>
            <a href="wallpapers.html">Walpapers</a>
            <a href="screenshots.html">Screenshots</a>
            <a href="verhalen%20van%20spelers.html">Verhalen van spelers</a>            
          </div>
      </div>
        <div id="middle_column" style="width: 744px; height: 468px">
          <div class="date_break">&nbsp;</div>
          <div class="post">
            <h1>Contact</h1>
            <p align="center">Je kan met mij in contact komen door wat hieronder staat in te vullen.</p>
            <p align="center"><form method="post" ACTION="mailto:zwever007@live.nl">
            <fieldset id="persoon">
             <legend>uw gegevens</legend>
             <select id="geslacht" name="geslacht">
              <option disabled>aanhef</option>
              <option>de heer</option>
              <option>mevrouw</option>
              </select><br>
              
              <label for="naam">voor en achternaam</label>
              <input id="naam" name="naam" type="text"><br>
              
              <label for="mail">e-mailadres</label>
              <input id="mail" name="mail" type="text"><br>
            </fieldset>
            
            <fieldset id="soort">
            <legend>soort reactie</legend>
             <input id="klacht" name="reactie" type="radio">
             <label for="klacht">klacht</label><br>
             
             <input id="suggestie" name="reactie" type="radio"checked>
             <label for="suggestie">suggestie</label><br>
            </fieldset>
            
            <fieldset id="reactie">
            <legend>uw reactie</legend>
             <textarea id="invul" name="invul" cols="40" rows="4"></textarea>
            </fieldset>
            
            <fieldset id="klaar">
            <legend>
            <p align="center">reactie verzenden</p>
            </legend>
             <input id="zend" type="submit" value="verstuur">
            </fieldset>
            </form></p>

            </div>
        </div>
        <p>&nbsp;</div>
    <div id="footer">
    <div id="subnav">&nbsp;</div>
    <span class="copyright">World of Warcraft&reg; and Blizzard Entertainment&reg; are all trademarks or registered trademarks of Blizzard Entertainment in the United States and/or other countries. <br> These terms and all related materials, logos, and images are copyright &copy; Blizzard Entertainment. This site is in no way associated with or endorsed by Blizzard Entertainment&reg;.</span></div>
    
</div></div>


</body>
</html>

en dit het css bestant

/* Stylesheet 1 -------------------------------*/

body { margin:0; font:12px Tahoma; color:#d8f2ff; background:url(bg2.jpg) 50% 0 #114576 repeat-x; background-attachment: fixed; } 
 
#ev_bg { background:url(ev_bg2.gif) repeat-y; width:1064px;  margin:0px auto; }
#everything { width:1000px; margin:0 32px;  background:url(wood-weathered.jpg); border:1px solid black; border-width:0px 1px; }

#header { height:162px; background:url(wotlk_header.jpg) right no-repeat; padding:0 20px;}
#header h1 { padding-top:115px; margin:0; color:white; }

#middle { clear:both; background:url(border_b_2.gif) repeat-x; padding:20px 10px; }    
    
    #left_column { width:195px; float:left; }
    .horizontal #left_column { width:auto; float:none; }
        #navigation a { background:url(button_bg2.gif) no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
                        font-size:13px; color:white; text-decoration:none; line-height:25px;}
        #navigation a:hover { background-position:0 bottom;  }
        .horizontal #navigation a { float:left; } 
        #more_information { padding-top:15px;}
        
    #middle_column { float:left; width:50%; margin:0px 20px; }
    #middle_column.two_column { float:left; width:75%; } 
    .horizontal #middle_column { width:auto; float:none; }
        .date_break { font-size:19px; border-bottom:1px solid #013996; margin-bottom:10px; }
        .post { background:url(metal_dark.jpg); border:1px solid #0a0f51; margin-bottom:35px; line-height:18px; } 
        .post h1 { background:url(title_bg2.gif) repeat-x #0d2368; padding:2px 10px; margin:0; font-size:15px; color:white;} 
        .post_body { padding:5px 15px; }
        .post .postedby { float:left; clear:both; }
        .post .timestamp { float:right }

        ul { margin:20px; padding:10px; }
        li { list-style:none; background:url(bullet2.gif) 0 5px no-repeat;  padding-left:30px; line-height:25px;  }
        .list_left, .list_right { width:48%; float:left }

        .post_info { clear:both; padding-top:10px; }
    
    #right_column { width:26%; float:left; }
        .box { background:url(cloudy_bg.jpg); border:1px solid #0a0f51; margin:10px 0 25px 0; padding:10px; }

#footer { clear:both; padding:20px }
    #subnav { margin:10px 0;}    
    #subnav a { color:#188de8; }
    #subnav a:hover { color:#33b9f8 } 
    .copyright { font-size:10px;}
    
/*contact formulier*/

#persoon label {
float        : left
margin        : 0 0 8px 4px;
width        : 150px
  }
  br {
  clear        :left;
  }

#persoon input {
width        : 200px;
}

#persoon select {
margin        : 0 12px 6px 154px;
  }
  
  #persoon {
float        : left;
margin        : 0 0 9px 9px;
width        : 360px;
}

  #soort  {
float        : left;
margin        : 0 0 9px 9px;
width        : 360px;
}

  #reactie {
float        : left;
margin        : 0 0 9px 9px;
width        : 360px;
}

  #klaar  {
border        : none;
clear        : left;
width        : 150px;
  }

  #klaar input {
width        : 150px;
}

  #klaar legend {
display    : none;
  }

zoek op google ik heb hier geen tijd voor

oke alsnog bedankt

Als je nog PHP wilt leren heb ik wel een leuke link voor je:

- http://www.icer.nl/tutorials/programmeren/php.php
- http://design-web.nl/php.php
- http://www.php-leren.nl/cursus/1/Basis+PHP

Ik hoop dat je hier wat aan hebt