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.. 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" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<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..
