Ir para conteúdo
Fórum Script Brasil
  • 0

layout html+css

The Leandro Machado

Perguntado por The Leandro Machado,

 Share

Pergunta

The Leandro Machado

The Leandro Machado

Postado
Postado

Olá, tudo bom?

bom, ai vai uma base do style:

style type="text/css">td img {display: block;}
Ai eu tenho uma imagem chamada CONTEUDO e nela eu dejeso inserir o conteudo (dãaaaaa), eis que surge um problema para eu iniciante. 
<td rowspan="12"><img name="conteudo" src="images/conteudo.jpg" width="563" height="842" border="0" id="conteudo" alt="" /></td>
o que ocorre é que mesmo colocando assim: 
<td rowspan="12"><?php 
código php...
?>
<img name="conteudo" src="images/conteudo.jpg" width="563" height="842" border="0" id="conteudo" alt="" /></td>

ele sobrepõe a imagem e lasca tudo, o layout perde a forma.

se houver alguma forma de fazer com que a imagem "conteudo" seja uma imagem do tipo background, ai eu já consigo trabalhar encima dos dados. alguém daria uma força ai?

abraços

Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Redfield

Redfield

Postado
Postado

E a e Leandro beleza?

Pelo que entendi você esta com um problema a o inserir o código PHP dentro de uma tag html.

verifique se o php não está enviando algum valor que possa estar provocando o erro.

Para que A imagem possa ser background como você quer colocar a imagen numa tabela você deve explorar

a propriedade da tabela background.por exemplo:

<table  border=2 height="842" width="563" background="conteudo.jpg" style="background-repeat: no-repeat">
        <tr>
            <td >Texto Inserido por cima da imagen
        </tr>
    </table
outra alternativa é inserir a imagen como funda da página inteira: 
<body background="conteudo.jpg">
ou 
body{background-image: url('conteudo.jpg');
         background-repeat: no-repeat;
       }
outra maneira ainda é usar os z-index ou as camadas do css 
#conteudo{
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 1;
}
#texto{
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 2;
}

então cabe a você escolha uma beleza?

espero estar ajudando qualquer posta ai

:ninja: :angry: :ninja:

Link para o comentário
Compartilhar em outros sites
  • 0
The Leandro Machado

The Leandro Machado

Postado
  • Autor
Postado (editado)
E a e Leandro beleza?

Pelo que entendi você esta com um problema a o inserir o código PHP dentro de uma tag html.

verifique se o php não está enviando algum valor que possa estar provocando o erro.

Para que A imagem possa ser background como você quer colocar a imagen numa tabela você deve explorar

a propriedade da tabela background.por exemplo:

<table  border=2 height="842" width="563" background="conteudo.jpg" style="background-repeat: no-repeat">
        <tr>
            <td >Texto Inserido por cima da imagen
        </tr>
    </table
outra alternativa é inserir a imagen como funda da página inteira: 
<body background="conteudo.jpg">
ou 
body{background-image: url('conteudo.jpg');
         background-repeat: no-repeat;
       }
outra maneira ainda é usar os z-index ou as camadas do css 
#conteudo{
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 1;
}
#texto{
    position: absolute;
    left: 100px;
    top: 100px;
    z-index: 2;
}
então cabe a você escolha uma beleza? espero estar ajudando qualquer posta ai :ninja: :angry: :ninja:
RedField, muito obrigado mano, foi completamente exclarecedor mano. Agradeço muito a atenção dispensada. ps: admins do forum, coloquem o botão de KARMA para eu clicar em OBRIGADO para o Redfield! :) ps2: se funcionar vai ser a terceira solução porque as outras duas já tem definição no meu codigo. código completo: 
<!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 -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Refrigeração Ferreira</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}
body {
    background-image: url(fundo.jpg);
}
</style>
<!--Fireworks 8 Dreamweaver 8 target.  Created Thu Jul 08 12:58:13 GMT-0300 (Hora oficial do Brasil) 2010-->
</head>
<body bgcolor="#ffffff">
<table border="0" cellpadding="0" cellspacing="0" width="793">
<!-- fwtable fwsrc="layout _novo.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1678369200" fwnested="0" -->
  <tr>
   <td><img src="images/spacer.gif" width="16" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="6" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="178" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="4" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="563" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="21" height="1" border="0" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td>
  </tr>

  <tr>
   <td colspan="7"><img name="topo" src="images/topo.jpg" width="793" height="55" border="0" id="topo" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="55" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="13"><img name="lateral_esquerda" src="images/lateral_esquerda.jpg" width="16" height="878" border="0" id="lateral_esquerda" alt="" /></td>
   <td colspan="4"><img name="menuzao_cima" src="images/menuzao_cima.jpg" width="193" height="323" border="0" id="menuzao_cima" alt="" /></td>
   <td rowspan="12"><img name="conteudo" src="images/conteudo.jpg" width="563" height="842" border="0" id="conteudo" alt="" /></td>
   <td rowspan="13"><img name="lateral_direita" src="images/lateral_direita.jpg" width="21" height="878" border="0" id="lateral_direita" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="323" border="0" alt="" /></td>
  </tr>
  <tr>
   <td rowspan="9"><img name="menu_esquerda" src="images/menu_esquerda.jpg" width="6" height="145" border="0" id="menu_esquerda" alt="" /></td>
   <td><img name="ico_home" src="images/ico_home.jpg" width="178" height="25" border="0" id="ico_home" alt="" /></td>
   <td rowspan="9" colspan="2"><img name="menu_direita" src="images/menu_direita.jpg" width="9" height="145" border="0" id="menu_direita" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="entre1" src="images/entre1.jpg" width="178" height="5" border="0" id="entre1" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="ico_loja" src="images/ico_loja.jpg" width="178" height="25" border="0" id="ico_loja" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="entre2" src="images/entre2.jpg" width="178" height="5" border="0" id="entre2" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="ico_newsletter" src="images/ico_newsletter.jpg" width="178" height="25" border="0" id="ico_newsletter" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="entre3" src="images/entre3.jpg" width="178" height="5" border="0" id="entre3" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="ico_quem" src="images/ico_quem.jpg" width="178" height="25" border="0" id="ico_quem" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="entre4" src="images/entre4.jpg" width="178" height="5" border="0" id="entre4" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="5" border="0" alt="" /></td>
  </tr>
  <tr>
   <td><img name="ico_contato" src="images/ico_contato.jpg" width="178" height="25" border="0" id="ico_contato" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="4"><img name="menuzao_baixo" src="images/menuzao_baixo.jpg" width="193" height="261" border="0" id="menuzao_baixo" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="261" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="3"><img name="propaganda" src="images/propaganda.jpg" width="189" height="113" border="0" id="propaganda" alt="" /></td>
   <td><img name="entre_menu_conteudo" src="images/entre_menu_conteudo.jpg" width="4" height="113" border="0" id="entre_menu_conteudo" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="113" border="0" alt="" /></td>
  </tr>
  <tr>
   <td colspan="5"><img name="rodape" src="images/rodape.jpg" width="756" height="36" border="0" id="rodape" alt="" /></td>
   <td><img src="images/spacer.gif" width="1" height="36" border="0" alt="" /></td>
  </tr>
</table>
</body>
</html>

Editado por The Leandro Machado
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...