Ir para conteúdo

Arquivado

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

Carcleo

Html

Por , em Desenvolvimento frontend

Recommended Posts

Carcleo    4

Carcleo
Postado

Pessoal.

 

Estou vendo o site:

 

http://www.minhaprimeiracasa.com.br/

 

E, abaixo do menu, o cara colocou uma barra como 100% da tela e o resto do site com (aparentemente) 1000px de tamanho.

 

Como eu vou conseguir colocar a quela barra?

Qual é a logica?

 

Se eu fizer uma tabela e colocar 1000px, daí não consigo fazera barra com 100%.

 

Como faz isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi @Carcleo, no caso de exemplo, você pode fazer até como background do body.

 

Dá uma lida aqui, vai te esclarecer algumas coisas:

http://wbruno.com.br/2011/10/18/como-iniciar-um-recorte-tableless-ensinando-pensar/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carcleo    4

Carcleo
Postado

Mas hein William. Entendi teu tutorial.

 

Porem, eu tenho a seguinte dificuldade:

 

Todas as paginas que faço eu uso include do php para incluir as páginas topo, menu, meios e base.

Então, todas elas seriam do tipo:

<?php 
session_start();
header  ('Content-Type: text/html; charset=utf-8');
include ("global/config/conexao.php");
include ("global/config/constantes.php"); 
?>
<!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>
<title><?php echo titulo_empresa;?></title>
   <link href="global/config/stilo.css" rel="stylesheet" type="text/css"> 
   <?php include ("global/config/campos_meta.php");	?>
</head>
<body>
<table width="100%" border="0" bordercolor="#FFFFFF" align="center">
 <tr>
   <td align="center" ><?php include("global/topo.php");   ?></td>
 </tr>
 <tr>
   <td valign="top" align="center" bgcolor="#FFFFFF"><?php include("index_conteudo.php");?></td>
 </tr>
 <tr>
   <td align="center" ><?php include("global/base.php");   ?></td>
 </tr>
</table>
</body>
</html>

Daí, por causa daquela barrinha horizontal azul abaixo do menu fiquei sem saber como fazer.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Seguindo o que o William falou você pode adicionar esse fundo no body:

body{ background: url("sua-imagem") repeat-x left 50px; }

 

Sendo que a sua-imagem pode ser um filete de 1px de largura :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Dica:você já leu sobre tableless?

 

Senao, te recomendo 2 artigos:

http://wbruno.com.br/2011/10/10/como-iniciar-um-recorte-tableless-comece/

http://wbruno.com.br/2011/10/18/como-iniciar-um-recorte-tableless-ensinando-pensar/

 

#fikdik :thumbsup:

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