Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Desculpa galera mais eu tenho quase certeza que o lugar certo para postar isso não é aqui... Mais não sabia onde postar e como vocês aqui do php sempre me ajudam, acho que talvez possam me ajudar com um layout também... "/
É o seguinte: Eu estou montando um topo de um página. Um html que vai ser inserido em todas as páginas do site, o cabeçalho mesmo. Só que tem uma uma imagem que tem que ir para background para que eu posso escrever na célula da tabela. Quando eu coloco a imagem para plano de fundo da célula e deleto a imagem real de cima a tabela se estica sozinha ficando maior, e não dá para reduzir. Ai eu voltei do começo: Coloquei width e height em todas as células com os tamanhos de suas respectivas imagens. Funcionou tudo direito. Ai quando eu fui colocar a maldita imagem como plano de fundo da celula e deletar a imagem de cima.... distorceu a tabela de novo.... -.-"
Segue o código:
<table border="0" cellpadding="0" cellspacing="0" width="1000" height="196">
<tr>
<td><img src="images/spacer.gif" width="350" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="10" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="461" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="24" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="140" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="15" height="1" border="0" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="7" width="350" height="196"><img name="carro1" src="images/carro1.jpg" width="350" height="196" border="0" id="carro1" alt="" /></td>
<td colspan="5" width="650" height="66"><img name="header_r1_c2" src="images/header_r1_c2.jpg" width="650" height="66" border="0" id="header_r1_c2" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="66" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="6" width="10"><img name="header_r2_c2" src="images/header_r2_c2.jpg" width="10" height="130" border="0" id="header_r2_c2" alt="" /></td>
<td width="461" height="81" rowspan="2" background="images/banner.jpg"> </td>
<td colspan="3" width="179" height="26"><img name="header_r2_c4" src="images/header_r2_c4.jpg" width="179" height="26" border="0" id="header_r2_c4" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="26" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5" width="24" height="104"><img name="header_r3_c4" src="images/header_r3_c4.jpg" width="24" height="104" border="0" id="header_r3_c4" alt="" /></td>
<td width="140" height="80" rowspan="3" background="images/pesquisa.jpg"> </td>
<td rowspan="5" width="15" height="104"><img name="header_r3_c6" src="images/header_r3_c6.jpg" width="15" height="104" border="0" id="header_r3_c6" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="55" border="0" alt="" /></td>
</tr>
<tr>
<td height="12"><img name="header_r4_c3" src="images/header_r4_c3.jpg" width="461" height="12" border="0" id="header_r4_c3" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="12" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" width="461" height="15" background="images/barra.jpg"> </td>
<td><img src="images/spacer.gif" width="1" height="13" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" height="24"><img name="header_r6_c5" src="images/header_r6_c5.jpg" width="140" height="24" border="0" id="header_r6_c5" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="2" border="0" alt="" /></td>
</tr>
<tr>
<td width="461" height="22"><img name="header_r7_c3" src="images/header_r7_c3.jpg" width="461" height="22" border="0" id="header_r7_c3" alt="" /></td>
<td><img src="images/spacer.gif" width="1" height="22" border="0" alt="" /></td>
</tr>
</table>/applications/core/interface/imageproxy/imageproxy.php?img=http://i293.photobucket.com/albums/mm61/vidalouka/imagem.jpg&key=f3feb2afdc10256863ba34a86114755afaf0892f4cb3b967ad7acd148094f809" alt="Imagem Postada" />
Nem sabia disso. :blink: Mais valeu pela dica... :D Eu to começando agora... Vou procurar saber sobre tableless. Abraçso.
Se vai procurar saber entao comece por aqui
http://www.maujor.com/index.php
video aulas 100%
http://www.mxmasters.com.br/categoria/tableless-css/
O que conta nestas horas é a humildade de querer apreender... assim passo os melhores caminhos
Abraços http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif
Valeu wduarte! http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Já li bastante coisa e coloquei tudo aquilo, de tamanho e background em um css só para header. E conseguir descobrir uma coisa: Depois desse trabalho todo, descobrir que era só mudar o tamanho da font. Ela estava maior que o height da celula. Isso estava quebrando a tabela. :D Pelo menos aprendi um monte de coisas legais!
Valeu pelas dicas!
É isso ai quando você pegar todos os macetes garanto que nunca mais você usará tabelas, além de tudo seu site ficara mais leve e dentro dos padrões da W3C, sem falar que hoje um desenvolvedor e blá blá blá que não saber css esta fora do mercado.
para se criar uma linha com tabela
usa-se
<table width="768">
<tr>
<td> </td>
</tr>
</table><div id="nome_da_div">css</div>
e bom estudo e assim quando puder repasse aos amigos o que apreendeu http://forum.imasters.com.br/public/style_emoticons/default/clover.gif
Abraços
Mais tipo..... nesse meu projeto não vejo como usar div na header... tem que ser tabela mesmo... porque tipo... a imagem ta fragmentada em umas 6 partes.... sendo que algumas tem que que obrigatoriamente fixas e outras tem que ficar como background.... e uma delas aparece vários carros... um js sorteia toda vez que uma pessoa entra no site e o carro muda não são sempre os mesmo... eu tenho umas dez imagem com carros diferentes no mesmo fundo.... então achei que ficava meio complicado com div e deixei tudo na tabela mesmo... assim a tabela mantem o header todo na forma certa, sem ficar se preocupando com a posição das divs.... :D
Entendi...
Bom é questão de estudo e ver qual é a melhor forma de se aplicar!!! http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif
A css faz tudo o que você pensar, mas você esta começando e levaria dias para saber passo a passo porque css é feito na unha.
coisa que com Dreamweaver gera em questão de segundo os códigos html, por isso padrões são bem poucos que encaram digamos que uns 20% http://forum.imasters.com.br/public/style_emoticons/default/natal_sad.gif
Abraços e boa sorte!!!!!!
Movido: PHP=>HTML
Realmente postou no lugar errado, e ao invés de usar tabelas use tableless é muito mais semântico, sem falar que não se usa mais tabelas pra estruturar layout
sendo com css resolve com poucas linhas http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif
http://www.tableless.com.br/