PHP form - Jeg er lost :)

Tags:    programmering

Hej alle! smiley
Jeg er i gang med at sætte min nye hjemmeside op, og i den skal jeg bruge en kontakt-form, altså en mail system, så det ikke er nødvendigt at bruge Microsoft Outlook eller hvad det nu hedder smiley

Jeg har fundet et dejligt godt system inde på s2a.dk, i kan se det på
www.gruppen.yup.dk/dusimedia og så under kontakt.

Problemet er så, at kontaktformen skal være transparent (gennemsigtig). Jeg har kunne gøre det med mine tidligere filer, men de er også html og formen er php..

Jeg kan godt få den transparent ved at sætte formen over til min egen css fil, men så mister den sit design. (box størrelse osv.) Og det er mig ikke muligt at flette filerne sammen så de virker på begge måder?

Nogle der kan hjælpe?
CSS FILERNE KAN SES NEDENFOR
-Har prøvet at skifte kontaktformens css til transparent ligesom i min egen fil, men det har ikke hjulpet.

-----------------------------------------
- CSS FILEN TIL KONTAKTFORMEN
-----------------------------------------

body {
background-color: #F1F1F1;
scrollbar-base-color: #FBFDEF;
scrollbar-arrow-color: #DEE7EC;
scrollbar-shadow-color: #FBFDEF;
scrollbar-face-color: #FBFDEF;
scrollbar-3dlight-color: #9BB9C8;
scrollbar-track-color: #DEE7EC;
scrollbar-highlight-color: #FBFDEF;
scrollbar-darkshadow-color: #9BB9C8;
}

.tabel {
background-color: #FBFDEF;
border-color: #9BB9C8;
border-style: solid;
border-width: 1px 1px 1px 1px;
}

td {
font-family: Verdana;
color: #000000;
font-size: 11px;
}

.input {
font-family: Verdana;
font-size: 11px;
background-color: #FBFDEF;
border-color: #9BB9C8;
border-style: solid;
border-width: 1px;
color: #000000
}

.button {
font-family: Verdana;
font-size: 11px;
background-color: #FBFDEF;
border: 1px solid;
border-color: #9BB9C8;
color: #000000
}

.textarea {
color: #000000;
font-family: Verdana;
font-size: 11px;
background-color: #FBFDEF;
border: #9BB9C8;
border-style: solid;
border-width: 1px;
scrollbar-base-color: #FBFDEF;
scrollbar-arrow-color: #DEE7EC;
scrollbar-shadow-color: #FBFDEF;
scrollbar-face-color: #FBFDEF;
scrollbar-3dlight-color: #9BB9C8;
scrollbar-track-color: #DEE7EC;
scrollbar-highlight-color: #FBFDEF;
scrollbar-darkshadow-color: #9BB9C8;
}



-----------------------------------------------
CSS FILEN, SOM JEG SELV HAR LAVET
-----------------------------------------------

body: {
background: transparent;

}

#wrapper {
height: 270px;
width: 250px;
border: 0px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
position: relative;
left: 95px;
top: 0px;

}

#righttext {
height: 270px;
width: 300px;
border: 0px solid #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
left: 600px;
top: 192px;

}

#pink {
width: 320px;
height: 270px;
border: 0px solid #000000;
position: relative;
margin-top: -272px;
left: 350px;

}

#bottom {
width: 420px;
height: 78px;
border: 0px solid #000000;
position: relative;
rigth: 100px;
margin-top: -50px;
left: 80px;
}



5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Er det felterne der skal gøres gennemsigtige?

For så er det bare at tilføje opacity: 0.5; til .input i style.css



Ja, det er bare felterne der skal gøres gennemsigtige, så det passer ind med baggrunden.

Hvad mener du med ".input"?



Har forstået det nu. Forsøger lige :)



Det hjalp :) Mange tak.

------------------------------------------
@@@ Nu har jeg så et andet spørgsmål :)
- Virker disse scripts ikke på gratis mails?
-----------------------------------------



<html>
<head>
<title>Kontakt</title>
<link href="style/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript">
<!--
function CheckForm () {

//kontroller at navn er udfyldt
if (document.mail.navn.value == ""){
alert("Skriv venligst dit navn");
document.mail.navn.select();
document.mail.navn.focus();
return false
}

//kontroller at email er udfyldt og indeholder @ og punktum
if (document.mail.mail.value.indexOf('@') == '-1' ||
document.mail.mail.value.indexOf('.') == '-1') {
alert("Check venligst din e-mail adresse");
document.mail.mail.select();
document.mail.mail.focus();
return false
}

//kontroller at emne er udfyldt
if (document.mail.emne.value == ""){
alert("Skriv venligst et emne");
document.mail.emne.select();
document.mail.emne.focus();
return false
}

//kontroller at besked er udfyldt
if (document.mail.besked.value == ""){
alert("Skriv venligst en besked");
document.mail.besked.select();
document.mail.besked.focus();
return false
}
return true
}
//-->
</script>
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50%" align="center"> <form name="mail" method="post" action="<? echo $PHP_SELF ?>" onSubmit="return CheckForm();" onReset="return confirm('Er du sikker på at du vil slette alt?');">
<table width="250" border="0" cellpadding="0" cellspacing="2" class="tabel">
<tr>
<td align="right" valign="top">Navn: </td>
<td><input name="navn" type="text" class="input" size="30"></td>
</tr>
<tr>
<td height="18" align="right" valign="top">E-mail: </td>
<td><input name="mail" type="text" class="input" size="30"></td>
</tr>
<tr>
<td align="right" valign="top">Emne: </td>
<td><input name="emne" type="text" class="input" size="30"></td>
</tr>
<tr>
<td align="right" valign="top">Besked: </td>
<td><textarea name="besked" cols="29" rows="8" class="textarea"></textarea></td>
</tr>
<tr>
<td> </td>
<td align="center"> <input name="Submit" type="submit" class="button" value="Send">
      <input name="Submit2" type="reset" class="button" value="Reset">
</td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td align="center">  </td>
</tr>
<tr>
<td align="center">
<?
$mail = $_POST["mail"];
$headers = "From: " . $_POST["mail"];
$besked = $_POST["besked"];
$navn = $_POST["navn"];
$emne = $_POST["emne"];
$til = "Mikkel_Dusi@hotmail.com";
$besked2 = "Mailen er skrevet af: " . $navn . "\n\n" . $besked;

if ($mail && $besked && $navn) {
if (mail($til, $emne, $besked2, $headers)) {
echo "Din mail er blevet sendt - tak!";
}

else {
echo "Der opstod en fejl... mailen er ikke blevet sendt!";
}
}
?>
</td>
</tr>
</table>
</body>
</html>


------------------------------------
Kan ikke få den til at sende min mail, selvom
at den virker som den skal i browseren. Modtager ikke mailen.. Har ændret min mail i
linje 97 til min :)



Har løst det :)



t