Hallo CP,
Ik wou me meer verdiepen met classes te werken.
Dit is me aardig gelukt, alles werkt ook.
Alleen als ik mijn script open in IE dan word de field opeens heel klein.
Op firefox is ie gewoon mooi maar op IE word dat balkje helemaal klein.
Weet iemand hoe ik dit kan oplossen?
Alvast bedankt.
Hier is de link waar het script online staat: http://wineenipad1.nl
Groetjes,
Fitim.
probbeer dit eens:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content="wineeniphone1.nl">
<title>Win een iPad 1!</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
div.c1 {text-align: center}
</style>
</head>
<body>
<div class="c2"><img src='images/begin.PNG' alt="Header"><br>
<br>
<center>
<tr>
<td class="c1" valign="top">
<form action="" method="POST" id="subscribe_form">
<input type="text" name="email" id="email_field" value="[email protected]"
onclick="this.value='';" onfocus="this.select()"
onblur="this.value=!this.value?'[email protected]':this.value;" class="field"/><br><br>
<input type='checkbox' class="checkbox" name='type' value='1' /> Ik ga akkoord met de <B><a href= 'av.php' />algemene voorwaaarden</a></b> van wineenipad1.nl
<br>
<br>
<input type="submit" id="submit" class="designbutton" value="" />
<div id="error_message" class="form_message"></div>
<div id="info_message" class="form_message"></div>
<div id="loading"><img src="images/loading.gif" /></div>
</form>
</td>
</tr>
</center>
<br>
<img src='images/footer.png' alt="Footer">
</div>
</body>
</html>Anders zet ff je css hier neer!
Nee nog steeds blijft hij verkleint in IE (internet explor)
Dit is mijn css bestand:
body {
margin: 0px;
background-image: url('background.png');
background-color: #FFFFFF;
font-size: 11px;
font-family: Verdana;
color: #000000;
padding: 0px;
}
#container { width: 900px; margin: 0 auto; }
div.c2 {text-align: center}
td.c1 {background-color: #FFFFFF}
.faded {
color: #999;
}
.form_message {
width: 400px;
padding: 10px;
margin: 15px auto;
display: none;
}
#error_message {
background-color: #ffe;
border-left: 5px solid #bb3;
border-right: 5px solid #bb3;
color: #770;
}
#info_message {
background-color: #f0f9ff;
border: 1px solid #eef;
color: #247;
}
#loading {
text-align: center;
margin: 10px;
display: none;
position: absolute;
width: 100%;
top: 60px;
}
input.field {
background:url("/images/field.png") no-repeat scroll left top transparent;
color:#000000;
font-size:25px;
font-weight:bold;
padding:20px 100px;
border:medium;
font-family:Arial;
}
input.designbutton {
background:url("/images/plaatje.png") no-repeat scroll left top transparent;
color:#000000;
font-size:25px;
font-weight:bold;
padding:50px 150px;
border:medium none;
font-family:Arial;
}
input.checkbox { width: 25px; height:25px; }Alvast bedankt:)
Heb je nog geen account? Registreer je nu en word deel van onze community!