• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kontaktformular Probleme mit dem Hintergrund

M

mango22002

Neues Mitglied
folgendes Kontaktformular- funktioniert alles einwandfrei nur wenn ich es einfüge wird der komplette hintergrund der Seite weiß, ich möchte, dass es den hintergrund der Seite nicht beeinflusst...:

<!-- Start Code dw-Formgenerator -->
<style type="text/css">
body {
background-color: #FFFFFF;
}
.font-big {
font-family:Verdana, sans-serif;
font-size:16px; font-weight:bold;
color:#FFFFFF;
}
.font-small {
font-family:Verdana, sans-serif;
font-size:10px; font-weight:normal;
color:#000000;
}
.table {
background-color:#FFFFFF;
width:90%;
}
.table2 {
background-color:#FFFFFF;
width:100%;
}
.head {
background-color:#83ADDD;
}
.main {
background-color:#ECECEC;
font-family:Verdana, sans-serif;
font-size:12px; font-weight:normal;
color:#000000;
}
.foot {
background-color:#83ADDD;
}
.align {
text-align:left;
}
.textarea {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
border : 1px solid #808080;
}
.input {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.select {
background-color:#ECECEC;
color:#000000;
font-family : Verdana, Helvetica, sans-serif;
border : 1px solid #808080;
font-size:12px;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
border : 1px solid #000000;
}
.button {
width: 130px;
}
 
#suggestBoxElement {
border:1px solid #8FABFF;
visibility:hidden;
cursor:pointer;
text-align:left; white-space:nowrap;
background-color:#F7F7F7;
color:#808080;
}
.suggestions {
font-family:Tahoma,sans-serif;font-size:12px;
background-color: #F7F7F7;
}
.suggestionMouseOver {
font-family:Tahoma,sans-serif;font-size:12px;
background:blue; color:white;
color:#FFFFFF;
}
</style>
<script type="text/javascript" src="http://www.dw-formmailer.de/geodata/country.js.php"></script>
<script type="text/javascript" src="http://www.dw-formmailer.de/geodata/geodata.js?ver=1.1"></script>
<script type="text/javascript">
/* <![CDATA[ */
var tv=-1;
window.onLoad=page_tv();
var key = '33a6e4b05fce30f6ca1a40e0b2eb6cd1';
var chs = '';
function play(lng) {
var hsh=new Date();
var wlp=(window.location.protocol=='http:' ? 'http:':'https:');
audio_url='http://www.dw-formmailer.de/image.php?ds=wav&language='+lng+'&hsh='+hsh;
sprache_html='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="'+wlp+'//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1" height="1">'
+ '<param name="movie" value="'+audio_url+'">'
+ '<param name="quality" value="high">'
+ '<param name="loop" value="false">'
+ '<param name="bgcolor" value="#ffffff">'
+ '<param name="menu" value="false">'
+ '<embed src="'+audio_url+'" loop="false" width="1" height="1" quality="high" bgcolor="#ffffff" type="application/x-shockwave-flash" pluginspage="'+wlp+'//www.macromedia.com/go/getflashplayer" menu="false">'
+ '</embed></object>';
document.getElementById("sprache").innerHTML=sprache_html;
return false;
}
function reload_init() {
if (document.getElementById('refresh_image_1')) {
document.getElementById('refresh_image_1').onclick = reload_image;
}
}
function reload_image() {
if (!ds) {ds=1;}
var hsh=new Date();
document.getElementById('refresh_image_1').src = 'http://www.dw-formmailer.de/image.php?ds=' + ds + '&z='+ hsh;
return false;
}
function VerifyEmailAddress(EmailAddress) {
if (window.RegExp) {
var reg1str = "(@.*@)|(\\.\\.)|(@\\.)|(\\.@)|(^\\.)";
var reg2str = "^.+\\@(\\[?)[a-zA-Z0-9\\-\\.]+\\.([a-zA-Z]{2,4}|[0-9]{1,4})(\\]?)$";
var reg1 = new RegExp(reg1str);
var reg2 = new RegExp(reg2str);
if (!reg1.test(EmailAddress) && reg2.test(EmailAddress)) {
return true
}else {
return false
}
}else {
if (EmailAddress.indexOf("@") >= 0) {
return true
}else {
return false
}
}
}
function rest(a,b,c,d) {
r = (b - a.value.length);
if (r < 0)
r = 0;
if ( (e = document.getElementById(c)) != null)
e.innerHTML = r;
if (a.value.length > b)
a.value = a.value.substr(0,b);
}
function page_tv() {
tv++;
window.setTimeout('page_tv()', 1000);
}
var chk;
function check_form(f,g) {
chk=false;
if (f.elements['absender_anrede'].length > 1) {
for (var i=0;i<f.elements['absender_anrede'].length;i++) {
if (f.elements['absender_anrede'].checked == true) {
chk=true;
}
}
} else {
if (f.elements['absender_anrede'].checked == true) {
chk=true;
}
}
if (!chk) {
alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Anrede)");
return false;
}
if (f.elements['absender_mail'].value=='') {
alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(E-Mail)");
f.elements['absender_mail'].focus();
return false;
} else {
if (!VerifyEmailAddress(f.elements['absender_mail'].value)) {
alert("Bitte geben Sie eine g\u00FCltige E-Mail Adresse ein! \n(E-Mail)");
f.elements['absender_mail'].focus();
return false;
}
}
if (f.elements['absender_text'].value == '') {
alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Kommentar)");
f.elements['absender_text'].focus();
return false;
}
if (f.elements['captcha_code_number'].value == '') {
alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Sicherheitscode eingeben!)");
f.elements['captcha_code_number'].focus();
return false;
}
 
if (navigator.appName=="Microsoft Internet Explorer") {
for (i=0;i<f.length;i++) {
var e=f.elements;
if (e.type == 'submit' || e.type == 'reset')
e.disabled=true;
}
}
if (f.elements['page_tv']) {
f.elements['page_tv'].value = tv;
}
return true;
}
/* ]]> */
</script>
<form name="dwmailer" action="Formmailer - Kontaktformular für ihre Homepage. Online html Formulare erstellen" enctype="multipart/form-data" method="post" onsubmit="return check_form(this);">
<input type="hidden" name="page_tv" value="" />
<input type="hidden" name="page_tv_2" value="äöü" />
<input type="hidden" name="pflicht" value="absender_anrede,absender_text" />
<input type="hidden" name="empfaenger_mail" value="YW5qYWlzcmFlbEBnbXguZGU=" />
<input type="hidden" name="page_background_color" value="#FFFFFF" />
<input type="hidden" name="page_font_color" value="#000000" />
<input type="hidden" name="language" value="de" />
<table align="center" class="table" border="0" cellspacing="1" cellpadding="3">
<tr>
<td colspan="2" class="head" height="17" width="100%" align="left"><span class="font-big">Kontaktformular</span></td>
</tr>
<tr>
<td colspan="2" class="main" height="16" width="100%"><span class="font-small">Bitte füllen Sie alle mit * markierten Felder aus. (Pflichtfelder)</span></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Veranstaltung</div></td>
<td class="main"><nobr><input type="radio" name="absender_veranstaltung" id="absender_veranstaltung_0" value="veranstaltung 1" /><label for="absender_veranstaltung_0">Veranstaltung 1</label></nobr> <nobr><input type="radio" name="absender_veranstaltung" id="absender_veranstaltung_1" value="veranstaltung 2" /><label for="absender_veranstaltung_1">Veranstaltung 2</label></nobr> <nobr><input type="radio" name="absender_veranstaltung" id="absender_veranstaltung_2" value="veranstaltung 3" /><label for="absender_veranstaltung_2">Veranstaltung 3</label></nobr> <nobr><input type="radio" name="absender_veranstaltung" id="absender_veranstaltung_3" value="veranstaltung 4" /><label for="absender_veranstaltung_3">Veranstaltung 4</label></nobr> <nobr><input type="radio" name="absender_veranstaltung" id="absender_veranstaltung_4" value="veranstaltung 5" /><label for="absender_veranstaltung_4">Veranstaltung 5</label></nobr> </td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Personen</div></td>
<td class="main"><input type="radio" name="absender_personen" id="absender_personen_0" value="1" /><label for="absender_personen_0">1</label><br /><input type="radio" name="absender_personen" id="absender_personen_1" value="2" /><label for="absender_personen_1">2</label><br /><input type="radio" name="absender_personen" id="absender_personen_2" value="3" /><label for="absender_personen_2">3</label><br /><input type="radio" name="absender_personen" id="absender_personen_3" value="4" /><label for="absender_personen_3">4</label><br /><input type="radio" name="absender_personen" id="absender_personen_4" value="5" /><label for="absender_personen_4">5</label><br /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Anrede*</div></td>
<td class="main"><input type="radio" name="absender_anrede" id="absender_anrede_1" value="Herr" /><label for="absender_anrede_1">Herr</label> <input type="radio" name="absender_anrede" id="absender_anrede_2" value="Frau" /><label for="absender_anrede_2">Frau</label></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Vorname</div></td>
<td class="main"><input class="input" type="text" name="absender_vorname" size="20" maxlength="100" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Nachname</div></td>
<td class="main"><input class="input" type="text" name="absender_nachname" size="20" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Strasse/Nr.</div></td>
<td class="main"><input class="input" type="text" name="absender_Strasse_Nr" size="20" /> <input class="input" style="text-align:right;" type="text" size="3" name="absender_Strasse_Nr" />
</td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">PLZ/Ort</div></td>
<td class="main"><select onchange="setDefaultCountry2();" onkeyup="setDefaultCountry2();" class="select" size="1" id="countrySelect" name="geo_PLZ" style="width: 50px;">
<option value="AF">AF</option><option value="EG">EG</option><option value="AX">AX</option><option value="AL">AL</option><option value="DZ">DZ</option><option value="AS">AS</option><option value="VI">VI</option><option value="AD">AD</option><option value="AO">AO</option><option value="AI">AI</option><option value="AQ">AQ</option><option value="AG">AG</option><option value="GQ">GQ</option><option value="AR">AR</option><option value="AM">AM</option><option value="AW">AW</option><option value="AC">AC</option><option value="AZ">AZ</option><option value="ET">ET</option><option value="AU">AU</option><option value="BS">BS</option><option value="BH">BH</option><option value="BD">BD</option><option value="BB">BB</option><option value="BY">BY</option><option value="BE">BE</option><option value="BZ">BZ</option><option value="BJ">BJ</option><option value="BM">BM</option><option value="BT">BT</option><option value="BO">BO</option><option value="BA">BA</option><option value="BW">BW</option><option value="BV">BV</option><option value="BR">BR</option><option value="VG">VG</option><option value="IO">IO</option><option value="BN">BN</option><option value="BG">BG</option><option value="BF">BF</option><option value="BU">BU</option><option value="BI">BI</option><option value="EA">EA</option><option value="CL">CL</option><option value="CN">CN</option><option value="CP">CP</option><option value="CK">CK</option><option value="CR">CR</option><option value="CI">CI</option><option value="DK">DK</option><option value="DE">DE</option><option value="DG">DG</option><option value="DM">DM</option><option value="DO">DO</option><option value="DJ">DJ</option><option value="EC">EC</option><option value="SV">SV</option><option value="ER">ER</option><option value="EE">EE</option><option value="CE">CE</option><option value="EU">EU</option><option value="FK">FK</option><option value="FO">FO</option><option value="FJ">FJ</option><option value="FI">FI</option><option value="FR">FR</option><option value="GF">GF</option><option value="PF">PF</option><option value="TF">TF</option><option value="GA">GA</option><option value="GM">GM</option><option value="GE">GE</option><option value="GH">GH</option><option value="GI">GI</option><option value="GD">GD</option><option value="GR">GR</option><option value="GL">GL</option><option value="GP">GP</option><option value="GU">GU</option><option value="GT">GT</option><option value="GG">GG</option><option value="GN">GN</option><option value="GW">GW</option><option value="GY">GY</option><option value="HT">HT</option><option value="HM">HM</option><option value="HN">HN</option><option value="HK">HK</option><option value="IN">IN</option><option value="ID">ID</option><option value="IM">IM</option><option value="IQ">IQ</option><option value="IR">IR</option><option value="IE">IE</option><option value="IS">IS</option><option value="IL">IL</option><option value="IT">IT</option><option value="JM">JM</option><option value="JP">JP</option><option value="YE">YE</option><option value="JE">JE</option><option value="JO">JO</option><option value="KY">KY</option><option value="KH">KH</option><option value="CM">CM</option><option
 
value="CA">CA</option><option value="IC">IC</option><option value="CV">CV</option><option value="KZ">KZ</option><option value="QA">QA</option><option value="KE">KE</option><option value="KG">KG</option><option value="KI">KI</option><option value="CC">CC</option><option value="CO">CO</option><option value="KM">KM</option><option value="CD">CD</option><option value="CG">CG</option><option value="KP">KP</option><option value="KR">KR</option><option value="HR">HR</option><option value="CU">CU</option><option value="KW">KW</option><option value="LA">LA</option><option value="LS">LS</option><option value="LV">LV</option><option value="LB">LB</option><option value="LR">LR</option><option value="LY">LY</option><option value="LI">LI</option><option value="LT">LT</option><option value="LU">LU</option><option value="MO">MO</option><option value="MG">MG</option><option value="MW">MW</option><option value="MY">MY</option><option value="MV">MV</option><option value="ML">ML</option><option value="MT">MT</option><option value="MA">MA</option><option value="MH">MH</option><option value="MQ">MQ</option><option value="MR">MR</option><option value="MU">MU</option><option value="YT">YT</option><option value="MK">MK</option><option value="MX">MX</option><option value="FM">FM</option><option value="MD">MD</option><option value="MC">MC</option><option value="MN">MN</option><option value="ME">ME</option><option value="MS">MS</option><option value="MZ">MZ</option><option value="MM">MM</option><option value="NA">NA</option><option value="NR">NR</option><option value="NP">NP</option><option value="NC">NC</option><option value="NZ">NZ</option><option value="NT">NT</option><option value="NI">NI</option><option value="NL">NL</option><option value="AN">AN</option><option value="NE">NE</option><option value="NG">NG</option><option value="NU">NU</option><option value="MP">MP</option><option value="NF">NF</option><option value="NO">NO</option><option value="OM">OM</option><option value="AT">AT</option><option value="TL">TL</option><option value="PK">PK</option><option value="PS">PS</option><option value="PW">PW</option><option value="PA">PA</option><option value="PG">PG</option><option value="PY">PY</option><option value="PE">PE</option><option value="PH">PH</option><option value="PN">PN</option><option value="PL">PL</option><option value="PT">PT</option><option value="PR">PR</option><option value="RE">RE</option><option value="RW">RW</option><option value="RO">RO</option><option value="RU">RU</option><option value="SB">SB</option><option value="BL">BL</option><option value="MF">MF</option><option value="ZM">ZM</option><option value="WS">WS</option><option value="SM">SM</option><option value="ST">ST</option><option value="SA">SA</option><option value="SE">SE</option><option value="CH">CH</option><option value="SN">SN</option><option value="RS">RS</option><option value="SC">SC</option><option value="SL">SL</option><option value="ZW">ZW</option><option value="SG">SG</option><option value="SK">SK</option><option value="SI">SI</option><option value="SO">SO</option><option value="ES">ES</option><option value="LK">LK</option><option value="SH">SH</option><option value="KN">KN</option><option value="LC">LC</option><option value="PM">PM</option><option value="VC">VC</option><option value="ZA">ZA</option><option value="SD">SD</option><option value="GS">GS</option><option value="SR">SR</option><option value="SJ">SJ</option><option value="SZ">SZ</option><option value="SY">SY</option><option value="TJ">TJ</option><option value="TW">TW</option><option value="TZ">TZ</option><option value="TH">TH</option><option value="TG">TG</option><option value="TK">TK</option><option value="TO">TO</option><option value="TT">TT</option><option value="TA">TA</option><option value="TD">TD</option><option value="CZ">CZ</option><option value="TN">TN</option><option value="TR">TR</option><option value="TM">TM</option><option value="TC">TC</option><option value="TV">TV</option><option value="SU">SU</option><option value="UG">UG</option><option value="UA">UA</option><option value="HU">HU</option><option value="UM">UM</option><option value="UY">UY</option><option value="UZ">UZ</option><option value="VU">VU</option><option value="VA">VA</option><option value="VE">VE</option><option value="AE">AE</option><option value="US">US</option><option value="GB">GB</option><option value="VN">VN</option><option value="WF">WF</option><option value="CX">CX</option><option value="EH">EH</option><option value="ZR">ZR</option><option value="CF">CF</option><option value="CY">CY</option></select>
<input class="input" id="postalInput" name="geo_PLZ" onblur="postalLookup();" size="8" type="text" />
<span style="position: relative; z-index: 10;"><input class="input" id="placeInput" name="geo_Ort" size="30" onblur="placeLookup();" type="text" />
<span style="position: absolute; top: 20px; left: 0px; z-index:30;visibility: hidden;" id="suggestBoxElement"></span></span>
</td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">E-Mail*</div></td>
<td class="main"><input class="input" type="text" name="absender_mail" size="20" maxlength="100" /></td>
</tr>
<tr>
<td class="main" width="30%"><div class="align">Kommentar*</div></td>
<td class="main">(Restzeichen: <span id="count_1">2500</span>)<br />
[textarea class="textarea" name="absender_text" id="absender_text" cols="35" rows="8" onkeydown="rest(this,2500,'count_1',event)" onkeyup="rest(this,2500,'count_1',event)" onchange="rest(this,2500,'count_1',event)">[/textarea]</td>
</tr>
<tr>
<td class="main" align="right"><img id="refresh_image_1" src="http://www.dw-formmailer.de/image.php?ds=2" width="150" height="50" border="0" alt="" /></td>
<td class="main">Sicherheitscode eingeben!<br /><input class="input" type="text" name="captcha_code_number" size="5" maxlength="5" /> <a href="javascript:void(0);" onclick="return reload_image();">Grafik neu laden</a> | <a href="javascript:void(0);" onclick="return play('de');">Code anhören</a></td>
</tr>
<tr><td class="foot" colspan="2" align="center" height="25" width="100%"><input class="button" type="submit" value="Abschicken" /> <input class="button" type="reset" value="Zurücksetzen" title="Zurücksetzen" /></td></tr>
</table>
</form>
<!--Begin Copyrights-->
<p align="center"><span style="font-size:9px;font-family:Verdana,sans-serif;"><a href="https://www.dw-formmailer.de/form.php" target="_blank">DWFormgenerator 7.0.0</a></span></p>
<!--End Copyrights -->
<script type="text/javascript">var ds="2";reload_init();</script>
<div id="sprache" style="width:0;height:0;"></div>
<script type="text/javascript">setDefaultCountry();</script>
<!-- End Code dw-Formgenerator -->
 
Jetzt hast du das so schön auf VIER Postings verteilt...und keiner wird dir helfen :D
Lösche die letzten drei Postings
Editiere das Erste
Klicke auf Erweitert
Nutze bitte die BB-Code-Button für HTML-Code um den gaaaaanzen Code in einem einzigen posting unterzubringen.

Wenn du das gelernt hast, bringt dir sicher jemand bei, was ein body ist
 
Da muss man gar nicht weit lesen, der Fehler steckt in Zeile 3

Code: 
<!-- Start Code dw-Formgenerator -->
<style type="text/css">
body {
background-color: #FFFFFF;
}

#FFFFFF ist nun mal weiss.
 
Er könnte ja auch erst mal anfangen, den Code zu optimieren. Wozu braucht man denn dazu eine Tabelle und warum die Länderauswahl, soll da einer aus Tasmanien auch reservieren können?
Ich denke den Code könnte man locker auf 20% der Grösse zusammenstauchen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben