Ir para conteúdo

POWERED BY:

Arquivado

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

Aikon

Problema com HTML

Por , em Desenvolvimento frontend

Recommended Posts

Aikon    0

Aikon
Postado

http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

é meio vergonhoso fazer uma pergunta sobre HTML... mas vamos la:

 

Eu tenho uma pagina que é mais ou menos assim:

 

____________

|___________|

|__|________|

|__|___A____|

|__|________|

|__|________|

|___________|

 

como deve dar pra ver (eu espero) no topo tem o logo, o primeiro quadrinho é a busca, o segundo quadro um pouco maior são as noticias e o terceiro quadro é propaganda, o ultimo é o rodapé e o quadro A é o meu problema.

 

Eu preciso colocar bastante conteúdo nesse espaço, pode ser muito ou pouco, o problema é que se eu coloco mais do que o espaço inicial, ele estica os quadros ao lado, no dreamweaver só estica o ultimo quadrinho, e ai seria simples, só colocar o desenho da propagando pra ficar no topo, o problema é que quando eu visualizo ele no navegador, os tres quadros estão esticados...

 

o código da pagina:

 

<!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 -->
[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml">
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url]
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]Consladel</title>
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=utf-8" />
[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css">
td img {display: block;}body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
.style2 {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
}
.style4 {color: #8CBF02}
.style5 {
        color: #EFEFEF;
        font-size: 5px;
}
</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Sat Sep 08 00:02:19 GMT-0300 (Hora oficial do Brasil) 2007-->
</head>
[url="http-~~-//december.com/html/4/element/body.html"]<body[/url] bgcolor="#5a6459">
[url="http-~~-//december.com/html/4/element/table.html"]<table[/url] border="0" cellpadding="0" cellspacing="0" width="779">
  <!--DWLayoutTable-->
<!-- fwtable fwsrc="site_slices.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "2079688712" fwnested="0" -->
  [url="http-~~-//december.com/html/4/element/tr.html"]<tr>[/url]
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="18">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="18" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="46">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="46" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="156">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="156" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="16">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="16" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="9">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="14">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="14" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="232">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="232" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="13">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="13" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="12">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="12" height="1" border="0" alt="" /></td>
   [url="http-~~-//december.com/html/4/element/td.html"]<td[/url] width="235">[url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="images/spacer.gif" width="235" height="1" border="0" alt="" />


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					







	

	

		

			
Aikon
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Aikon
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			
bom, eu comecei a mexer com css pra ver no que da, concerteza parece melhor e mais simples que usar tabelas, mas eu vou ter que fazer cada "quadrinho" que eu faria usando tabelas só que usando divs?eu consegui fazer o topo, ficou certinho, e melhor do que usar as tabelas que saem dos "recortes" do fireworks :P, mas é essa minha unica duvida, se vou ter que fazer esses quadros todos...e vlw pelo link, vai ajudar bastante ^_^


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Giovani
			  

	
		
	
			 104
	
		
	

		

		

			


	
		Giovani
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Não entendi bem o seu problema, mas ai vai um link brm útil caso queira aprender a trabalhar com as css.



http://forum.imasters.com.br/index.php?showtopic=219987


 



Qualquer dúvida, por favor, volte a postar!


 



[]'s  http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Aikon
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Aikon
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

eu quero dizer que se pra manter meu layout inalterado eu vou ter que fazer o mesmo que eu faço com tabelas só que com divs...


 


e uma duvida só, o primeiro comando do meu css nao funciona...


 


to atrasado, fui =P


 


edit:


 


pronto, voltei :P, vou tentar explicar melhor


 


meu site é mais ou menos assim, só o topo:


_____________________


|_|___|_______________|


|_|___|_______________|


|_|___|_______________|


 


cada um desses quadros é importante pro layout que eu fiz, eu quero saber se eu tenho que pegar cada quadro desse e transformar num div pra continuar com o mesmo layout ou então sei la (se você puder especificar o sei la =x)


 


e a segunda duvida, é que eu criei o .css, mas a pagina html não le o primeiro comando (no caso body { margin-left: 0px; margin-top: 0px; background-color:#5A6459; } ) e só pega do segundo em diante, ai pra tentar arrumar eu coloque isso na primeira linha: *{ /*script*/ }, mas eu imagino que não é assim q deveria ser... eu quero saber o que tem de errado com o css


 


vlw pela ajuda que vcs estão me dando, ta sendo bem util ^^



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
					
					
					






					
				
					
					
					







	

	

		

			
Bruno.Amarelo
			  

	
		
	
			 0
	
		
	

		

		

			


	
		Bruno.Amarelo
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			
Cara, css vale muito mais a pena, você pode perder mais tempo montando ele agora, mas a manutenção será muito mais fácil.Esse problemas de esticar o menu lateral, no css você resolve com uma técnica chamada Faux Colluns de uma pesquisada sobre isso .Abraços


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Desenvolvimento frontend
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

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

			

			

				  Aceito