lettertyoe wijzigigen in contacformulier lukt niet

Door Anja Bokhorst op 18-09-2011 20:24

1.127 views

Hallo allemaal.

ik heb eeb contactformulier gemaakt met php en html op de zelfde pagina, en een apart style sheet in css.
alles werkt prima, na dagen proberen en zoeken naar antwoorden op het internet.
maar een ding wil maar niet lukken, ik weet het echt niet meer.
misschien kunnen jullie mij helpen.

in de opmaak van het webformulier zijn natuurlijk velden aangemaakt, waarvoor de standaard dingen staan, zoals berich, email en naam, deze krijg ik maar niet in het zelfde letter type als de rest van de pagina.

heb echt al van alles geprobeerd
ik zal de code plaatsen
?php

// Variabelen:
$naam = ""; // Naam van de afzender
$emailadres = ""; // E-mailadres van de afzender
$tekst = ""; // Tekst van het e-mailbericht
$vervuild = FALSE; // TRUE als het formulier geen fouten bevat
$verzonden = FALSE; // TRUE als het e-mailbericht is verzonden
$melding = ""; // String voor (fout)meldingen

// Formulier alleen verwerken als er op een knop met de naam 'submit' is geklikt ...
if (isset($_POST['submit'])) {
// ... en deze knop de waarde 'Verzenden' heeft:
if ($_POST['submit'] == "Verzenden") {
$naam = $_POST['n'];
$emailadres = $_POST['e'];
$tekst = $_POST['t'];

// HTML-tags en PHP-code verwijderen:
$naam = strip_tags($naam);
$emailadres = strip_tags($emailadres);
$tekst = strip_tags($tekst);

// Spaties en andere witruimte verwijderen uit de naam en het e-mailadres,
// maar niet uit de tekst van het bericht:
$naam = trim($naam);
$emailadres = trim($emailadres);

if (strlen($naam) < 1) {
$melding .= "Voer uw <strong>naam</strong> in. ";
$vervuild = TRUE;
}

if (strlen($emailadres) < 1) {
$melding .= "Voer uw <strong>e-mailadres</strong> in. ";
$vervuild = TRUE;
} else {
require_once('is_email.inc.php');
if (!is_email($emailadres)) {
$melding .= "<strong>" . htmlentities($emailadres) . "</strong> is geen geldig e-mailadres. ";
$vervuild = TRUE;
}
}

if (strlen($tekst) < 10) {
$melding .= "Voer een <strong>tekst</strong> van minimaal <strong>10</strong> karakters in. ";
$vervuild = TRUE;
}

// E-mailbericht verzenden als de gegevens niet vervuild zijn:
if (!$vervuild) {
// Constante voor het e-mailadres van de ontvanger:
define("AAN", "[email protected]");
// Constante voor het onderwerp:
define("ONDERWERP", "Contactformulier");
// Headers met de naam en het e-mailadres van de gebruiker:
$headers = "From: \"$naam\" <$emailadres>\r\n";
$headers .= "Reply-To: \"$naam\" <$emailadres>\r\n";
// Naam en e-mailadres toevoegen aan de tekst:
$tekst .= "\r\n\r\n$naam";
$tekst .= "\r\n<$emailadres>";
if (mail(AAN, ONDERWERP, $tekst, $headers)) {
$verzonden = TRUE;
$melding = "<h2><br><br><br>        Hartelijk dank voor uw reactie.</h2>";
$melding .= "<h2><br>     U ontvangt zo snel mogelijk antwoord.</h2>";
} else {
$verzonden = FALSE;
$melding = "                            Uw bericht kon niet worden verzonden. ";
$melding .= "                            Wijzig het e-mailadres of probeer het later nog een keer. ";
}
}
}
}

// Standaardtekst voor instructies instellen als er geen foutmeldingen zijn:
if ($melding == "") {

$melding = "<b style=\"color:red;\">                   
Uw tekstbericht moet minimaal 10 karakters bevatten <br>";

}

?>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar"content="no">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


<title>contact</title>



<link rel="STYLESHEET" href="contact.css" type="text/css">
<style type="text/css">

body{
background-color:#ccffff;background-image:url("images/achterhead.png");background-repeat:no-repeat
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
color:#350000;
font-weight:bold;
font-style:italic;}
<head>

</style>
</head>

<div id="header"><img src="images/banner6.png" width="760" height="187" alt="banner6" /></div>
<div id="container">
<link rel="stylesheet" href="images/cbcscbinsmenu.css" type="text/css" />
<ul id="cbinsmenuebul_table" class="cbinsmenuebul_menulist" style="width: 190px; height: 25px;">
<li class="spaced_li"><a href="index.html"><img id="cbi_cbinsmenu_1" src="images/ebbtcbinsmenu1_0.png" name="ebbcbinsmenu_1" width="190" height="25" style="vertical-align: bottom;" border="0" alt="Home" title="" /></a></li>
</a></li>
</ul>
<script type="text/javascript" src="images/cbjscbinsmenu.js"></script></div>

<div id="container1">
<div id="formulier">
<div class="text">

<p><?php print $melding; ?></p><br>

<?php
// Formulier weergeven als de gegevens vervuild zijn
// of het e-mailbericht niet verzonden is:
if ($vervuild or !$verzonden) {
$naam = htmlentities($naam);
$emailadres = htmlentities($emailadres);
$tekst = htmlentities($tekst);
?>
<form action="/contact.php" method="post" font-family="Palatino Linotype", "Book Antiqua",Palatino, serif">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="20%"><label for="n">Naam</label></td>
<td width="80%"><input accesskey="n" id="n" name="n" size="50" type="text" value=""></td>
</tr>
<tr>
<td nowrap><label for="e"><span style="text-decoration: none">E-mailadres:</label></td>
<td><input accesskey="e" id="e" name="e" type="text" size="50" value=""></td>
</tr>
<tr>
<td colspan="2">
<label for="t"><style="text-decoration: none">Bericht:</label>
</td>
</tr>
<tr>
<td colspan="2"><textarea accesskey="t" cols="65" id="t" name="t" rows="8"></textarea></td>
</tr>
<tr>
<td> </td>
<td align="center">
<input class="knop" name="submit" type="submit" value="Verzenden">  
<input class="knop" name="submit" type="submit" value="Wissen">
</td>
</tr>
</table>
</form>
<?php
}

?>
</div>

</div>
</div>
</div>
</div>
<div id="footer"></div>

dit is de code van de css

body{
background-color:#ccFFFF;Background-image:url("images/achterhead.png");background-repeat:no-repeat;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 16px;
color:#350000;
font-weight:bold;
font-style:italic;}

input,textarea {
background-color: #ccffff;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
color:#350000;
font-weight:bold;
font-style:italic;
}

#header{
background-image:url(afbeeldingen/banner7.jpg);
background-repeat:no-repeat;
width:750px;
height:150px;
margin-left:50px;}

#container{
width:190px;
height:28px;
margin-left:40px;
margin-top:0px;}

#container1{ float:left;Background-image:url("images/krul3.png");background-repeat:no-repeat;
width:900px;
height:600px;
Margin-left:70px;
margin-top:-10px;}

#formulier{position:relative;
margin-top:100px;
margin-left:150px;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

textarea.inputbox{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
color:#350000;
font-weight:bold;
font-style:italic;
}

}
.text {
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 17px;
color:#350000;
font-weight:bold;
font-style:italic;
color:red;
}

#footer{clear:both; width:940px; text-align:center; align:bottom;}
#footer p{ align:bottom;font-size:14px;
color:#350000;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight:bold;
font-style:italic;

text-align:center;}

ik hoop dat jullie een manier weten
groetjes