Hola bueno estoy cerando un formulario de contcato en php, pero quiero imagenes a lado del input en vez de "nombre, correo, etc.", mas o menos como en la imagen que les pongo abajo esa la cree en photoshop.
espero que me peudan ayudar hasta hora este es mi codigo:
Código PHP:
<?
if (!$HTTP_POST_VARS){
?>
<form action="enviar.php" method=post>
<p><img src="objetos/nombre.png" /></p>
<p>
<input type="text" class="redondear" name="nombre" size=16 />
<br />
</p>
<p><img src="objetos/email.png" /></p>
<p>
<input type="text" class="redondear" name="email" size=16 />
<br />
</p>
<p><img src="objetos/website.png" /></p>
<p>
<input type="text" class="redondear" name="web" size=16 />
<br />
</p>
<p><img src="objetos/comentarios.png" /></p>
<p>
<textarea name="coment" class="borde" cols=32 rows=6></textarea>
<br />
<br />
<input type="image" src="objetos/enviar.png" value="Enviar">
</p>
</form>
<?
}else{
//Estoy recibiendo el formulario, compongo el cuerpo
$cuerpo = "Contacto: \n";
$cuerpo .= "Nombre: " . $HTTP_POST_VARS["nombre"] . "\n";
$cuerpo .= "Email: " . $HTTP_POST_VARS["email"] . "\n";
$cuerpo .= "Website: " . $HTTP_POST_VARS["web"] . "\n";
$cuerpo .= "Comentarios: " . $HTTP_POST_VARS["coment"] . "\n";
//mando el correo...
mail("[email protected]","Mensaje de contacto",$cuerpo);
//doy las gracias por el envío
echo "Gracias. El mensaje se a enviado correctamente.";
}
?> Y este el css:
Código:
.redondear{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border : 1px solid #c8c8c8;
color: #747474;
font-family: sans-serif;
}
.borde{
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border : 1px solid #c8c8c8;
font-family: Arial;
color: #434343;
}