form probleem

Status
Niet open voor verdere reacties.
D

DopaminSX

Gebruiker
Lid geworden
19 aug 2008
Berichten
28
form.png


weet iemand hoe ik dit voor elkaar krijg

ik wil zoals op het plaatje de tekst name / E mail in de input field,
waar overheen getikt kan worden
is dat mogelijk in xhtml met css
 
Value............
HTML: 
Voornaam:    <INPUT NAME="voornaam" TYPE="TEXT" ROWS=1 SIZE="25" value="uw naam">

:cool:
 
bedankt,

kun je me ook helpen met de buttons reset en send.
hoe vervang ik de standaard form buttons met de de send en reset plaatjes

Alvast bedankt
 
HTML: 
<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="30" WIDTH="173" BORDER="0" ALT="Submit Form">

Overigens lijkt mij de getoonde submit in je voorbeeld al niet een "gewone" submit button.

:cool:
 
Laatst bewerkt:
te gek het werkt,
sorry hoor,
maar nu moet het nog naar de rechter kant.
moet ik dat dan aangeven in css?
en hoe doe ik dat dan?

laatste vraag dat beloof ik!
 
Dus NAAST de inputvelden?

Gewoon tabel maken, en in rechter cel de buttons zetten.

:cool:
 
form

ik ben inmiddels zover maar ik weet niet of dit de goede aanpak is.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
#dropdownform {
	width: 303px;
	position: relative;
	height: 165px;
	background: #000000 url(images/mailp.png) no-repeat center bottom;
	padding: 0;
	font-size: 14px;
border: none
}
#naw {
	position: static;
	width: 120px;
	float: left;
	height: 110px;
	background: #  url(form.png) no-repeat center bottom;
margin-top: 15px;
padding: 0;
font: 11px Verdana, 'Tahoma', arial, sans-serif;
	padding:5px;
}
#form {
	position: relative;
	width: 160px;
	float:right;
	height: 120px;
	background: url(form.png) no-repeat center bottom;
	font-size: 14px;
	padding:5px;
}
#inputform {
position:inherit;
float:right;	
width: 200px;
	height: 10px;
	background: url(form.png) no-repeat center bottom;
	font-size: 14px;
	padding:5px;
}
input {
	border: 1px solid #f2f2f2;
float:right;
	}


.mblauw{ 
color: #1458ba;
}
.mgrijz{ 
color: #b3b2b2;
margin: 5px 0 5px 0;
}
-->
</style></head>

<body>
<!--header -->
<div id="dropdownform">
		
<div id="naw"><span class="mblauw">Probox Design</span><br />
    Dr. Smitstraat 12<br />
    2041KJ Zandvoort<br />
  </p>
  <p><span class="mblauw">Telephone:</span><br />
    06 422 36 944<br />
    <span class="mblauw">E-Mail:</span><br />
    info@proboxdesign.nl<br />
  </p>
</div>

<div class="mgrijz" id="form">
	<INPUT NAME="voornaam" TYPE="TEXT" class="mgrijz" value="Naam" SIZE="26" ROWS=1>
	<INPUT NAME="mail" TYPE="TEXT" class="mgrijz" value="E-mail" SIZE="26" ROWS=1>
	<textarea name="textarea" class="mgrijz" value="message" SIZE="26" ROWS=3></textarea>
</div>
<div id="inputform">
<input type="image" src="images/send.png" height="14" width="35" border="0" alt="Submit Form">
<input type="image" src="images/reset.png" height="14" width="35" border="0" alt="Reset Form"> 
</div>
</div>
</body>
</html>
kan iemand mij tips geven hoe ik dit beter kan doen.

Alvast bedankt
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan