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

So iniciante , e uso Tabelas ainda....

Bode

Perguntado por Bode,

 Share

Pergunta

Bode

Bode

Postado
Postado

Olá a todos, estou tentando fazer meu site, naverdade eu estou tentando atualizar o meu site ( www.csdteam.net )

Estou tentando migrar do Html ( que fiz o outro usando tabelas ) para o Php, pois eu gostaria de colocar um sistema de Php de comentario.

--

Eu uso o Dreamweaver, para montar o site, eu estou fazendo o site em php, com tabelas, pois é o unico modo que sei fazer, dessa forma que fiz não sei, como mais não consigo colocar um texto, não sei qual codigo/script para posicionar um texto por cima de um imagem.

Eu fiz assim, fiz o meu Layout, com o Frameworks, e depois cortei as partes pra carregar mais rapido, e coloquei as imagens, nas tabelas.

Ai usei o Rectangle Hotspots para selecionar a area para linkagem..

o problema e que a area de texto, video e etc,, que fiz, não sei qual codigo pra dar texto.

Esse e o layout meu..

layoutxj.jpg

Esse e meu 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=utf-8" />
<title>Untitled Document</title>


    <link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td img {display: block;}body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #000000;
}
.style1 {
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    font-size: 11px;
}
</style>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
&lt;script type="text/javascript" src="js/prototype.js"></script>
&lt;script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
&lt;script type="text/javascript" src="js/lightbox.js"></script>

</head>
<body>
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
 <tr>
  
       <td><img src="imgs/screen_r1_c1.png" width="112" height="121" /></td>
       <td><img src="imgs/screen_r1_c2.png" width="98" height="121" /></td>
       <td><img src="imgs/screen_r1_c3.png" width="113" height="121" /></td>
       <td><img src="imgs/screen_r1_c4.png" width="120" height="121" /></td>
       <td><img src="imgs/screen_r1_c5.png" width="207" height="121" /></td>
       <td><img src="imgs/screen_r1_c6.png" width="264" height="121" /></td>
       <td><img src="imgs/screen_r1_c7.png" width="110" height="121" /></td>
       </tr>
 <tr>
   <td><img src="imgs/screen_r2_c1.png" width="112" height="118" /></td>
   <td><img src="imgs/screen_r2_c2.png" width="98" height="118" /></td>
   <td><img src="imgs/screen_r2_c3.png" width="113" height="118" /></td>
   <td><img src="imgs/screen_r2_c4.png" width="120" height="118" border="0" usemap="#Map" /></td>
   <td><img src="imgs/screen_r2_c5.png" width="207" height="118" border="0" usemap="#Map2" /></td>
   <td><img src="imgs/screen_r2_c6.png" width="264" height="118" border="0" usemap="#Map3" /></td>
   <td><img src="imgs/screen_r2_c7.png" width="110" height="118" border="0" usemap="#Map4" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r3_c1.png" width="112" height="142" border="0" usemap="#Map9" rel="lightbox" /></td>
   <td><img src="imgs/screen_r3_c2.png" width="98" height="142" border="0" usemap="#Map10" /></td>
   <td><img src="imgs/screen_r3_c3.png" width="113" height="142" /></td>
   <td><img src="imgs/screen_r3_c4.png" width="120" height="142" /></td>
   <td><img src="imgs/screen_r3_c5.png" width="207" height="142" /></td>
   <td><img src="imgs/screen_r3_c6.png" width="264" height="142" /></td>
   <td><img src="imgs/screen_r3_c7.png" width="110" height="142" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r4_c1.png" width="112" height="154" border="0" usemap="#Map11" /></td>
   <td><img src="imgs/screen_r4_c2.png" width="98" height="154" border="0" usemap="#Map12" /></td>
   <td><img src="imgs/screen_r4_c3.png" width="113" height="154" /></td>
   <td><img src="imgs/screen_r4_c4.png" width="120" height="154" /></td>
   <td><img src="imgs/screen_r4_c5.png" width="207" height="154" /></td>
   <td><img src="imgs/screen_r4_c6.png" width="264" height="154" /></td>
   <td><img src="imgs/screen_r4_c7.png" width="110" height="154" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r5_c1.png" width="112" height="141" border="0" usemap="#Map5" /></td>
   <td><img src="imgs/screen_r5_c2.png" width="98" height="141" border="0" usemap="#Map6" /></td>
   <td><img src="imgs/screen_r5_c3.png" width="113" height="141" /></td>
   <td><img src="imgs/screen_r5_c4.png" width="120" height="141" /></td>
   <td><img src="imgs/screen_r5_c5.png" width="207" height="141" /></td>
   <td><img src="imgs/screen_r5_c6.png" width="264" height="141" /></td>
   <td><img src="imgs/screen_r5_c7.png" width="110" height="141" /></td>
 </tr>
 <tr>
   <td><img src="imgs/screen_r6_c1.png" width="112" height="164" border="0" usemap="#Map7" /></td>
   <td><img src="imgs/screen_r6_c2.png" width="98" height="164" border="0" usemap="#Map8" /></td>
   <td><img src="imgs/screen_r6_c3.png" width="113" height="164" /></td>
   <td><img src="imgs/screen_r6_c4.png" width="120" height="164" /></td>
   <td><img src="imgs/screen_r6_c5.png" width="207" height="164" /></td>
   <td><img src="imgs/screen_r6_c6.png" width="264" height="164" /></td>
   <td><img src="imgs/screen_r6_c7.png" width="110" height="164" /></td>
 </tr>
   </table>
 </table>





<!--Selecionar a Area de linkagem-->
<map name="Map" id="Map"><area shape="rect" coords="54,43,119,75" href="index.php" /></map> <!--Imagem link, -->
<map name="Map2" id="Map2"><area shape="rect" coords="-1,42,20,77" href="index.php" /> <!--Imagem link, --> <area shape="rect" coords="94,45,167,76" href="#" /></map> <!--Imagem link, -->
<map name="Map3" id="Map3"><area shape="rect" coords="17,43,194,82" href="#" /> <!--Imagem link, --><area shape="rect" coords="229,41,264,78" href="#" /></map> <!--Imagem link, -->
<map name="Map4" id="Map4"><area shape="rect" coords="1,45,39,76" href="#" /></map>
<map name="Map5" id="Map5">
<area shape="rect" coords="58,26,118,144" href="#" /> </map> <!--Imagem link, o Confronto-->
<map name="Map6" id="Map6">
<area shape="rect" coords="-1,27,90,149" href="#" /> </map><!--Imagem link, o Confronto-->
<map name="Map7" id="Map7">
<area shape="rect" coords="50,8,170,136" href="#" /></map> <!--Imagem link, o Confronto-->
<map name="Map8" id="Map8">
<area shape="rect" coords="-33,6,90,134" href="#" /></map> <!--Imagem link, o Confronto-->

 <map name="Map9" id="Map9">
   <area shape="rect" coords="42,57,110,110"  href="#" rel="lightbox"><img src="#" />  <!--Imagem link, Era pra abrir uma imagem com lightbox, mais não deu certo-->
</map>

<map name="Map10" id="Map10">
<area shape="rect" coords="36,58,90,106" href="#" />
</map>
<map name="Map11" id="Map11"><area shape="rect" coords="47,52,107,91" href="#" /></map>
<map name="Map12" id="Map12">
<area shape="rect" coords="33,23,97,75" href="#" />
</map></body>
</html>

Se alguém possa me ajudar ficarei muito grato..

Link para o comentário
Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

  • 0
_Vinny_

_Vinny_

Postado
Postado

É como eu disse, você recorta a imagem do layout onde será colocado o conteúdo, quando for passar para o DW, na area do conteúdo, ao invés de ter uma imagem, você colocará ela como background da tabela. O DW oferece essa opção na barra de ferramentas.

Link para o comentário
Compartilhar em outros sites
  • 0
_Vinny_

_Vinny_

Postado
Postado
Agora entendi..

obrigado..

vo faze isso

Trabalhar com DW é bem fácil, pois ele monta toda a estrutura e você somente vai editando. Vou solicitar ao moderador que mova o tópico para a seção correta. Tudo bem?

Moderadores, já sabem o que fazer. Seção correta Editores -DreemWeaver

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...