[SUPORTE] Fazer uma imagem virar botão Submit [SUPORTE] 10.07.14 19:08
Vocês normalmente veeem que a maioria de layouts são desenhados,
Eu desenhei o meu própio e comecei a programar, me dei conta que no botão registrar precisava virar um botão do tipo SUBMIT, más como sabes, é uma IMAGEM, eu estou na dúvida de como fazer ela virar um botão submit.
Dados:
Print do projeto -> https://i.imgur.com/uphOQBj.png
Eu desenhei o meu própio e comecei a programar, me dei conta que no botão registrar precisava virar um botão do tipo SUBMIT, más como sabes, é uma IMAGEM, eu estou na dúvida de como fazer ela virar um botão submit.
Dados:
Print do projeto -> https://i.imgur.com/uphOQBj.png
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cadastre-se</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
d img {display: block;}
td img {display: block;}
input[type="text"] {
border: 0;
}
input[type="password"] {
border: 0;
}
</style>
<!--Fireworks CS6 Dreamweaver CS6 target. Created Thu Jul 10 18:07:08 GMT-0300 (Hora oficial do Brasil) 2014-->
</head>
<body bgcolor="#ffffff">
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="660" align="center">
<!-- fwtable fwsrc="Sem título" fwpage="Página 1" fwbase="index.png" fwstyle="Dreamweaver" fwdocid = "1586178060" fwnested="0" -->
<tr>
<td><img src="imagens/spacer.gif" width="37" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="96" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="189" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="23" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="13" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="263" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="11" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="28" height="1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<form name="signup" method="post" action="cadastrando.php">
<tr>
<td colspan="8"><img name="index_r1_c1" src="imagens/index_r1_c1.png" width="660" height="102" id="index_r1_c1" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="102" alt="" /></td>
</tr>
<tr>
<td rowspan="8" colspan="2"><img name="index_r2_c1" src="imagens/index_r2_c1.png" width="133" height="200" id="index_r2_c1" alt="" /></td>
<td colspan="2"> <input type="text" name="nome"/> </td>
<td rowspan="8"><img name="index_r2_c5" src="imagens/index_r2_c5.png" width="13" height="200" id="index_r2_c5" alt="" /></td>
<td rowspan="7" colspan="2"><img name="index_r2_c6" src="imagens/index_r2_c6.png" width="274" height="178" id="index_r2_c6" alt="" /></td>
<td rowspan="10"><img name="index_r2_c8" src="imagens/index_r2_c8.png" width="28" height="338" id="index_r2_c8" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r3_c3" src="imagens/index_r3_c3.png" width="212" height="13" id="index_r3_c3" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="13" alt="" /></td>
</tr>
<tr>
<td colspan="2"> <input type="text" name="pais"/> </td>
<td><img src="imagens/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r5_c3" src="imagens/index_r5_c3.png" width="212" height="12" id="index_r5_c3" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="12" alt="" /></td>
</tr>
<tr>
<td colspan="2"><input type="text" name="pais"/></td>
<td><img src="imagens/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r7_c3" src="imagens/index_r7_c3.png" width="212" height="17" id="index_r7_c3" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="17" alt="" /></td>
</tr>
<tr>
<td colspan="2"><input type="password" name="senha"/></td>
<td><img src="imagens/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
</form>
<tr>
<td colspan="2"><img name="index_r9_c3" src="imagens/index_r9_c3.png" width="212" height="22" id="index_r9_c3" alt="" /></td>
<td colspan="2"><img name="index_r9_c6" src="imagens/index_r9_c6.png" width="274" height="22" id="index_r9_c6" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="22" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="index_r10_c1" src="imagens/index_r10_c1.png" width="37" height="138" id="index_r10_c1" alt="" /></td>
/*imagem Do cadastrar \/
<td colspan="2"> <img name="index_r10_c2" src="imagens/index_r10_c2.png" width="285" height="108" id="index_r10_c2" alt="" /></td>
//Imagem do Cadastrar /\
<td rowspan="2"><img name="index_r10_c4" src="imagens/index_r10_c4.png" width="23" height="138" id="index_r10_c4" alt="" /></td>
<td colspan="2"><img name="index_r10_c5" src="imagens/index_r10_c5.png" width="276" height="108" id="index_r10_c5" alt="" /></td>
<td rowspan="2"><img name="index_r10_c7" src="imagens/index_r10_c7.png" width="11" height="138" id="index_r10_c7" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="108" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img name="index_r11_c2" src="imagens/index_r11_c2.png" width="285" height="30" id="index_r11_c2" alt="" /></td>
<td colspan="2"><img name="index_r11_c5" src="imagens/index_r11_c5.png" width="276" height="30" id="index_r11_c5" alt="" /></td>
<td><img src="imagens/spacer.gif" width="1" height="30" alt="" /></td>
</tr>
</table>
</body>
</html>