Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GustavoCamilo

HTML: Posicionamento de tabela com imagens

Recommended Posts

Galera,

 

Sou novo aqui no fórum, estou começando a desenvolver sites agora, sei muito pouco ainda, mas quero aprender muito mais. Fuçando um pouco, estou conseguindo desenvolver um site para a empresa aonde trabalho. Mas estou com um problema em uma tabela aonde irá ficar o login e a senha, essa tabela não fica do lado das imagens do menu, ou ela fica abaixo, ou ela fica no canto direito colada a barra de rolagem.

 

Para entenderem o que eu estou falando, upei o site neste endereço: www.universeteen.com.br/rosemoon/

 

Como posso fazer para arrumar isto? Se puderem dar uma olhada, agradeceria muito!

 

O código-fonte da página está aqui, não consigo ver o que está errado:

 

<body background="images/bg.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/homebutton_over.png','images/campanhabutton_over.png','images/colecaobutton_over.png','images/atendimentobutton_over.png','images/makingofbutton_over.png','images/twitterbutton_over.png','images/orkutbutton_over.png')">
<center>
  <img src="images/logo.png" width="230" height="181">
   
  <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(' ','','images/homebutton_over.png',1)"><img src="images/homebutton.png" name=" " width="160" height="47" vspace="60" border="0"></a><img src="images/middlemenu.png" width="2" height="47" vspace="60"><a href="campanha.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('  ','','images/campanhabutton_over.png',1)"><img src="images/campanhabutton.png" name="  " width="128" height="47" vspace="60" border="0"></a><img src="images/middlemenu.png" width="2" height="47" vspace="60"><a href="colecao.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('   ','','images/colecaobutton_over.png',1)"><img src="images/colecaobutton.png" name="   " width="111" height="47" vspace="60" border="0"></a><img src="images/middlemenu.png" width="2" height="47" vspace="60"><a href="atendimento.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('    ','','images/atendimentobutton_over.png',1)"><img src="images/atendimentobutton.png" name="    " width="154" height="47" vspace="60" border="0"></a><table background="images/loginbg.png" width="153" height="110" align="right">
   <tr>
   <td width="153" height="110" nowrap>
  	  		 <br>
             <br>
        			<input name="login" type="text" id="login" value="login" size="10">
  	  		 <br>
        			<input name="senha" type="password" id="senha" value="senha" size="10">
         		<a href="login"><img src="images/ok.png" width="22" height="22" border="0"></a>
       <br>
       <img src="images/espaco.png" width="8" height="8" border="0" usemap="#Map"><br>
         		<a href="signup.html">Cadastre-se</a><br>
  	     		<a href="forgotpassword.html">Esqueceu sua senha?</a></td> 
   </tr>
   </td>
 </table>
<br>
	<div class="slideshow">
		<a href="colecao.html"><img src="images/banner1.png" width="911" height="410" /></a>
		<a href="bemvestida.html"><img src="images/banner2.png" width="911" height="410" /></a>
	</div>
  		<br>
  		<br>
  <a href="makingof.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(' ','','images/makingofbutton_over.png',1)"><img src="images/makingofbutton.png" name=" " width="77" height="77" border="0"></a>           
  <a href="http://www.twitter.com/rosemoon/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('  ','','images/twitterbutton_over.png',1)"><img src="images/twitterbutton.png" name="  " width="77" height="77" border="0"></a>           
  <a href="http://www.orkut.com/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('    ','','images/orkutbutton_over.png',1)"><img src="images/orkutbutton.png" name="    " width="77" height="77" border="0"></a>
  		<br>
  		<br>
  <img src="images/copyright.png" width="440" height="21">
</center>
</body>

Compartilhar este post


Link para o post
Compartilhar em outros sites

No lugar de colocar uma tabela somente para o login, cria uma tabela para o topo todo do site, com 3 colunas,

 

  • Uma para logo
  • Outra para o menu
  • outra para o form de login

Mais o ideal para se criar sites e usar Tabeless pois tabelas so devem ser usadas para apresentar dados tabulares

e parabéns o designer do site ta bacana. Depois de criar o site coloque nele o Google Analytics.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde,

 

Tenho duas dicas:

 

Se deseja aprender da forma correta construa as estruturas de seus sites sem tabelas e sem ferramentas de programas como por exemplo dreamweaver, que geram códigos "sujos" e difíceis de se manipular posteriormente.

 

Ótimos lugares para se começar a aprender.

 

MAUJOR

 

W3SCHOOLS

 

Espero que ajude.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.