Ir para conteúdo

POWERED BY:

Arquivado

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

EU!

Tableless - Não consigo

Por , em Desenvolvimento frontend

Recommended Posts

EU!    0

EU!
Postado

Pessoal por favor, to motando um layer que é o seguinte: topo, conteúdo, rodapé, sendo que dentro do conteúdo tem um box grande do lado esquerdo dividido pelo conteúdo de tois tópicos, dois box na direita um em cima do outro. Já procurei e li tudo quanto foi tutorial e matéria e até agora só consegui colocar as imagens de fundo da home, o conteúdo mesmo (texto e imagem) não fica em cima do bg de jeito nenhum... to motando em tableless e não tá dando.

 

alguém me ajuda...

 

por favor!

 

 

bjossss

 

o layer é esse:Layout

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Não tem um link online com o seu código?

Assim torna-se dificil.

A mim o layout pareceu-me bem, não achei nenhuma anomalia.

 

Cumps \o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

EU!    0

EU!
Postado

tá vou mandar o codigo 

<!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=iso-8859-1" />
<title>Academia Malhação</title>

<!--[if gte IE 6]> 
<script src="dynActiveX.js"></script> 
<![endif]-->

</head>
<link href="estilo.css" rel="stylesheet" />
<body>

<div id="geral">
	<div id="topo">
	  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="754" height="234">
		<param name="movie" value="FLASH/topo.swf" />
		<param name="quality" value="high" />
		<param name="wmode" value="transparent" />
		<embed src="FLASH/topo.swf" width="754" height="234" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
	  </object>
	</div>
	<div id="central">
		<div id="esquerdo">
			<div id="artigo"></div>
			<div id="porque"></div>
		</div>
		<div id="direito">
			<div id="modalidades"></div>
			<div id="novidades"></div>
		</div>
	</div>
	<div id="rodape"><img src="images/rodape.jpg" alt="rodape" /></div>	
</div>

</body>
</html>

 

 

agora o do css 

body{
	width:754px;
	background:url(images/bg.jpg);
	background-attachment:fixed;
	position:relative;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}

#topo {
	float:left;
}

#central{
	background:url(images/area_cont.jpg);
	background-repeat:no-repeat;
	width:754px;
	height:309px;
}

#esquerdo{
	width:344px;
	height:150px;
	float:left;
}

	#artigo{
		border: 0px solid #000000;
		background:url(images/artigos.jpg);
		background-repeat:no-repeat;
		width:344px;
		height:159px;
		margin-left:25px;
	}
	
		#cont_art{
			margin-right::50px;
			padding:-110px;
			float:right;
		}
		
			#cont_art artigo_img{
				margin-left:10px;
				float:none;
			}
	
	#porque{
		border: 0px solid #000000;
		background-image:url(images/porque.jpg);
		height:145px;
		width:344px;
		margin-left:25px;
	}
	
#direito{

}

	#modalidades {
	border: 0px solid #000000;
	background-image:url(images/modalidades.jpg);
	width:343px;
	height:154px;
	}

	#novidades{
		border: 0px solid #000000;
		background-image:url(images/novidades.jpg);
		background-repeat:no-repeat;
		width:343px;
		height:152px;
	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Primeiramente dê uma vista de olhos aqui.

Seu HTML e CSS estão mal construidos. Veja o resultado que deu:

Imagem Postada

 

Cumps \o/

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