CSS Table para DIV
como este site do link www.craquedebolamg.com.br esta com um atrasso na abertura vou refazelo em div..
me falaram q fica um poco mais rapido... entao começei o trabalhoo ^^..
mas ae venho os erros e como nao sei mexer em div... vim trazer esse problema pra vc6 ^^...
:P
vo colocar os codigos em table e em div e o CSS e claro.
Site em Table
>
<HTML>
<HEAD>
<TITLE>Craque De Bola- Minas Brasil Esporte Clube</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script language="javascript" src="java/links.js"></script>
<script language="javascript" src="java/ssn.js" type="text/javascript"></script>
<script LANGUAGE="JavaScript">
function openindex()
{
OpenWindow=window.open("OPEN/videos.php", "newwin", "height=350, width=300,toolbar=no,scrollbars="+scroll+",menubar=no");OpenWindow.document.close()
self.name="main"
}
</SCRIPT>
<script language="JavaScript">
var arImages=new Array();
function Preload() {
var temp = Preload.arguments;
for(x=0; x < temp.length; x++) {
arImages[x]=new Image();
arImages[x].src=Preload.arguments[x];
}
}
Preload('images/1.gif','images/r11.jpg','images/2.jpg','images/menu_01.jpg','images/menu_02.jpg','images/menu_03.jpg','images/menu_04.jpg','images/menu_06.jpg','images/menu_08.jpg','images/R6.jpg','images/3.jpg','images/5.jpg','images/bak1.jpg','images/23.jpg','images/arr1.jpg','images/pic1.jpg','images/pic2.jpg','images/br.jpg','images/pic3.jpg','images/6.jpg','images/7.jpg','images/bak4.jpg','images/8.jpg','images/9.jpg','images/bak2.jpg','images/pic4.jpg','images/10.jpg','images/bak2.jpg','images/11.jpg','images/12.jpg','images/bak5.jpg','images/13.jpg','images/14.jpg','images/bak6.jpg','images/15.jpg','images/16.jpg','images/4T4.jpg','images/17.jpg','images/submit.jpg','images/18.jpg','images/19.jpg','images/bak3.jpg','images/20.jpg','images/r2.jpg','images/r4.jpg','images/r3.jpg','images/21.jpg','images/22.jpg');
</script>
</HEAD>
<body onload="java script:document.getElementById('Preload').style.display = 'none';">
<DIV id="ball" style="position:absolute; top:-50px"><img name="ballimage" src="rd.gif" border="0"></DIV>
<div id="divmenu" style="position:absolute; visibility:hidden; width:160px;cusor:hand;" onMouseOver="MenuShow();" onMouseOut="hideMenu();"></div>
<div id="divmenu1" style="position:absolute; width:150px;cusor:hand;" onMouseOver="MenuShow1(),MenuShow()" onMouseOut="hideSubMenu()"></div>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD background="images/1.GIF" WIDTH=766 HEIGHT=33 ALT="">
<div align="right" class="t10" style="padding-top:10px;padding-right:1px "><?
setlocale(LC_TIME,"portuguese");
echo strftime("%A, %d de %B de %Y");
?></div>
</TD>
<TD background="images/r11.jpg" width="100%" rowspan="3"></TD>
</TR>
<TR>
<td><IMG SRC="images/2.jpg" WIDTH=204 HEIGHT=40 border="0" lowsrc="2_pb.jpg"><a href="java script:void(null)" target="centro" onMouseOver="showmenu(event,'aboutus'),showhidesearchbar1(1),showhidesearchbar(1)" onMouseOut="hideMenu(),showhidesearchbar1(0),showhidesearchbar(0)"><img src="images/menu_01.jpg" border="0" lowsrc="menu_01_pb.jpg" /></a><a href="java script:void(null)" onMouseOver="showmenu(event,'player')" onMouseOut="hideMenu()"><img src="images/menu_02.jpg" border="0" lowsrc="menu02_pb.jpg"/></a><a href="tecnico.php?id=giovani"><img src="images/menu_03.jpg" border="0" lowsrc="menu_03_pb.jpg"/></a><a href="java script:void(null)" onMouseOver="showmenu(event,'interchange'),showhidesearchbar(1),showhidesearchbar1(1)" onMouseOut="hideMenu(),showhidesearchbar(0),showhidesearchbar1(0)"><img src="images/menu_04.jpg" border="0" lowsrc="menu_04_pb.jpg" /></a><a href="java script:void(null)" onMouseOver="showmenu(event,'club'),showhidesearchbar(1),showhidesearchbar(1)" onMouseOut="hideMenu(),showhidesearchbar(0),showhidesearchbar(0)"><img src="images/menu_06.jpg" border="0" lowsrc="menu_06_pb.jpg"/></a><a href="java script:void(null)" onMouseOver="showmenu(event,'shop')" onMouseOut="hideMenu()"><img src="images/menu_08.jpg" border="0" lowsrc="menu_08_pb.jpg"/></a><img src="images/R6.jpg" border="0" lowsrc="R6_pb.jpg"></td>
</TR>
<TR>
<TD><TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD> <IMG SRC="images/3.jpg" WIDTH=203 HEIGHT=181 ALT=""></TD>
<TD WIDTH=563 HEIGHT=181 ALT="">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0) width="563" height="181">
<param name="movie" value="flash/0895_intro.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="flash/0895_intro.swf" quality="high" wmode="transparent" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) type="application/x-shockwave-flash" width="563" height="181"></embed>
</object> </TD>
</TR>
</TABLE></TD>
</TR>
<TR>
<TD height="100%"><TABLE WIDTH=766 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD height="100%"><TABLE WIDTH=203 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD> <IMG SRC="images/5.jpg" WIDTH=203 HEIGHT=12 ALT=""></TD>
</TR>
<TR>
<TD background="images/bak1.jpg" height="100%" width="203"><table background="images/23.jpg" style="background-repeat:no-repeat" WIDTH=203 HEIGHT=494 border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="padding-top:5px;padding-left:20px;padding-right:15px "><br>
<?
include ("coneções/configuração.php");
$seleciona = mysql_query("SELECT * FROM jogador_contratado WHERE destaque = 1") or die(mysql_error());//acima nós selecionamos a tabela
while ($dados = mysql_fetch_array($seleciona)){
$id = $dados["id"];
$foto = $dados["fotos01"];
$nome = $dados["nome"];
$altura = $dados["altura"];
$peso = $dados["peso"];
$posi_atuante = $dados["posi1"];
$posi_alternativa = $dados["posi2"];
$idade = $dados["idade"];
echo "<img src=\"$foto\" width=\"150\" height=\"165\" align=\"center\" border=\"1\"><br>
</span><img src='images/arr1.jpg'><span class=\"style1\"> Nome: </span>$nome<br>
<img src='images/arr1.jpg'><span class=\"style1\"> Posição: </span>$posi_atuante <br>
<img src='images/arr1.jpg'><span class=\"style1\"> 2ª Posição: </span>$posi_alternativa<br>
<img src='images/arr1.jpg'><span class=\"style1\"> Idade: </span>$idade<br>
<img src='images/arr1.jpg'><span class=\"style1\"> Peso: </span>$peso<br>
<img src='images/arr1.jpg'><span class=\"style1\"> Altura: </span>$altura<br>
<a href=\"jogador.php?id=$id\">›Mais informações</a> ";
}/ aqui mostramos todos os campos da tabela do banco de dados dentro de uma tabela (html) que você poderá mudar de acordo com o layout de seu site/
?>
<br>
<div style="padding-top:15px "><img src="images/pic1.jpg" border="0"></div>
</div>
<div style="padding-top:5px;padding-left:20px "><img src="images/pic2.jpg"> </div>
<div style="padding-top:5px ">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21%"><div style="padding-left:20px "><img src="images/br.jpg"></div></td>
<td width="79%"><div style="padding-left:5px ">
<p>
<iframe src="enquete/vote.php" frameborder="0" id="ifr_enquete" name="ifr_enquete" width="150px" height="100%"></iframe>
</div></td>
</tr>
</table>
<table width="87%" border="0" cellspacing="0" cellpadding="0">
<TR>
<td width="12"><div style="padding-top:15px;padding-left:15px ">
<td width="170" height="117px" background="images/pic3.jpg" border="0">
<div align="right" style="padding-top:17px;padding-right:45px" class="style9"><b>
<? include('Textos/diateste_texto.php'); print "$dia"; ?></b></div>
</td>
</TR>
</table>
</tr>
</table></TD>
</TR>
<TR>
<TD> <IMG SRC="images/6.jpg" WIDTH=203 HEIGHT=60 ALT=""></TD>
</TR>
</TABLE></TD>
<TD height="100%"><TABLE WIDTH=355 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD> <IMG SRC="images/7.jpg" WIDTH=355 HEIGHT=108 ALT=""></TD>
</TR>
<TR>
<TD background="images/bak4.jpg" width="355" ><table background="images/8.jpg" style="background-repeat:no-repeat " WIDTH=355 HEIGHT=47 border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="180"><div style="padding-top:5px;padding-left:30px ">
<span class="style2">•</span>Craque de Bola <br>
<span class="style2">•</span><br>
<span class="style2">•</span></div></td>
<td width="175"><div style="padding-top:5px;padding-left:30px ">
<span class="style3">•</span>Sempre inovando<br>
<span class="style3">•</span><br>
<span class="style3">•</span></div></td>
</tr>
</table></TD>
</TR>
<TR>
<TD> <IMG SRC="images/9.jpg" ALT="" WIDTH=355 HEIGHT=76 border="0"></TD>
</TR>
<TR>
<TD background="images/bak2.jpg" WIDTH=355 HEIGHT=131 ALT="">
<div style="padding-top:25px ">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div class="t10" style="padding-left:35px;padding-top:20px; font-weight: bold; color: #186CA3;"><? include('Textos/index_texto.php'); print "$informações"; ?>
<div style="padding-top:10px "><a href="normas.php"><img src="images/read.jpg" border="0"></a></div>
</div></td>
<td><div style="padding-left:10px;padding-right:10px " align="right"><img src="images/pic4.jpg"></div></td>
</tr>
</table>
</div> </TD>
</TR>
<TR>
<TD> <IMG SRC="images/10.jpg" WIDTH=355 HEIGHT=36 ALT=""></TD>
</TR>
</TR>
<TR>
<TD background="../images/bak2.jpg" WIDTH=355 height="10" ALT="">
<div style="padding-top:10px;padding-left:30px;padding-right:20px ">
<iframe frameborder="0" src="noticias/example1.php" id="ifr_index" name="ifr_index" width="300px" height="100%"/></iframe>
<TR><TD background="images/bak2.jpg" WIDTH=355 height="100% " ALT="">
</div>
</TD>
</TR>
<TR>
<TD> <IMG SRC="images/11.jpg" WIDTH=355 HEIGHT=17 ALT=""></TD>
</TR>
</TABLE></TD>
<TD height="100%"><TABLE WIDTH=186 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD> <IMG SRC="images/12.jpg" WIDTH=186 HEIGHT=108 ALT=""></TD>
</TR>
<TR>
<TD background="images/bak5.jpg"><table background="images/13.jpg" style="background-repeat:no-repeat; background-position:top " WIDTH=186 HEIGHT=47 border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="padding-top:5px;padding-left:30px ">
<span class="style3">•</span>Para Você!!! <br>
<span class="style3">•</span><br>
<span class="style3">•</span></div></td>
</tr>
</table></TD>
</TR>
<TR>
<TD> <IMG SRC="images/14.jpg" ALT="" WIDTH=186 HEIGHT=77 border="0"></TD>
</TR>
<TR>
<TD background="images/bak6.jpg"><table background="images/15.jpg" WIDTH=186 HEIGHT=31 style="background-position:top; background-repeat:no-repeat " border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div style="padding-left:15px; padding-right:20px; font-weight: bold;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0) width="150" height="130">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash/futebol.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="flash/futebol.swf" quality="high" width="150" height="130" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) />
</embed>
</object>
</div></td>
</tr>
</table></TD>
</TR>
<TR>
<TD> <IMG SRC="images/16.jpg" ALT="" WIDTH=186 HEIGHT=80 border="0" usemap="#Map4"></TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF" WIDTH=186 ALT="">
<div style="padding-top: 5px; padding-left:15px ">
<span class="style3">•</span><em> Titulo da Noticia Rapida</em><br>
<br>
<span class="style3">•</span> <em>Titulo da Noticia Rapida</em><br>
<br>
<span class="style3">• </span><em>Titulo da Noticia Rapida</em><br>
<br>
<span class="style3">•</span> <em>Titulo da Noticia Rapida</em><br>
<br>
<span class="style3">•</span><em> Titulo da Noticia Rapida</em></div> </TD>
</TR>
<TR>
<TD> <IMG SRC="images/17.jpg" WIDTH=186 HEIGHT=33 ALT=""></TD>
</TR>
<TR>
<TD bgcolor="#FFFFFF" WIDTH=186 HEIGHT=100% ALT="">
<div style="padding-top: 5px; padding-left:15px ">
<div style="padding-top:5px ">
<input name="text" type="text" style=" width:100px; height:20px; font-family:Tahoma; font-size:11px " value="Nick">
<div style="padding-top:5px ">
<input name="text2" type="text" style=" width:100px; height:20px; font-family:Tahoma; font-size:11px " value="Senha">
<a href="#"><img src="images/submit.jpg" alt="s" border="0" align="absmiddle"></a></div>
</div>
<br>
</div> </TD>
</TR>
<TR>
<TD> <IMG SRC="images/18.jpg" WIDTH=186 HEIGHT=17 ALT=""></TD>
</TR>
</TABLE></TD>
<TD height="100%"> <TABLE WIDTH=22 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD> <IMG SRC="images/19.jpg" WIDTH=22 HEIGHT=14 ALT=""></TD>
</TR>
<TR>
<TD background="images/bak3.jpg" WIDTH=22 HEIGHT=100% ALT=""></TD>
</TR>
<TR>
<TD> <IMG SRC="images/20.jpg" WIDTH=22 HEIGHT=20 ALT=""></TD>
</TR>
</TABLE></TD>
</TR>
</TABLE></TD>
<TD rowspan="3" width="100%" height="100%"><TABLE WIDTH=100% height="100%"BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD background="images/r2.jpg" WIDTH=100% HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD background="images/r4.jpg" WIDTH=100% HEIGHT=100% ALT=""></TD>
</TR>
<TR>
<TD background="images/r3.jpg" WIDTH=100% HEIGHT=81 ALT=""></TD>
</TR>
</TABLE></TD>
</TR>
<TR>
<TD background="images/21.jpg" WIDTH=766 HEIGHT=25 ALT="">
<div align="center" style="padding-left:50px; color: #4d5764;">• <a href="quemsomos.php" class="5">Sobre nos</a> • <a href="nossosservi.php" class="5">Serviços</a> • <a href="objetivo.php" class="5">Objetivo</a> • <a href="estrutura.php" class="5">Estrutura</a> • <a href="contato.php" class="5">Contato</a></div>
</TD>
</TR>
<TR>
<TD background="images/22.jpg" WIDTH=766 HEIGHT=36 ALT="">
<div style="padding-top:10px;padding-left:20px "><a href="index.php" class="7">home</a> <span class="style8">|</span> <a href="login.php" class="7">login</a> <span class="style8">|</span> <a href="cadastro.php" class="7">Inscreva-se</a><span style="padding-left:70px "><span class="style5">© 2008</span> <span class="style6">Craquedebolamg.</span><span class="style7">com.br</span> <span class="style8">|</span> <span class="style5">Todos os Direitos Reservados.</span> <a href="contato.php" <span class="6">Contato</a></span></div>
</TD>
</TR>
</TABLE>
<map name="Map4">
<area shape="rect" coords="11,2,118,22" href="java script:openindex();">
</map>
<map name="Map6"><area shape="rect" coords="68,8,168,28" href="cadastro.php"></map>
</BODY>
</HTML>site em div com Css
>
<!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">](http://www.w3.org/1999/xhtml%22)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css"><!--
#top1 {
position:absolute;
width:766px;
height:33px;
z-index:0;
left: 0;
top: 0;
background-image: url(images/1.gif);
border: 0;
}
#topleft1 {
position:absolute;
width:204px;
height:40px;
z-index:0;
left: 0px;
top: 33px;
background-image: url(images/2.jpg);
}
#menu {
position:absolute;
width:562px;
height:40px;
z-index:1;
left: 204px;
top: 33px;
}
#introflash {
position:absolute;
width:562px;
height:141px;
z-index:0;
left: 203px;
top: 73px;
}
#topleft2 {
position:absolute;
width:203px;
height:181px;
z-index:0;
left: 0px;
top: 73px;
background-image: url(images/3.jpg);
}
#cantoesquerdo {
position:absolute;
width:203px;
height:12px;
z-index:0;
left: 0px;
top: 254px;
background-image: url(images/5.jpg);
}
#cantoesquerdobak1 {
position:absolute;
width:203px;
z-index:0;
top: 266px;
background-image: url(images/23.JPG);
left: 0px;
padding-bottom: 80px;
height: 448px;
}#cantoesquerdobak1 #includeenquete {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 15px;
}#cantoesquerdobak1 #testeavaliativo {
width: 167px;
height: 117px;
background-repeat: no-repeat;
padding-right: 0px;
padding-left: 0px;
margin-top: 100px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
background-image: url(images/PIC3.jpg);
}#cantoesquerdobak1 #testeavaliativo #dia {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: lighter;
font-variant: normal;
padding-top: 11px;
padding-right: 0px;
padding-left: 45px;
color: #666666;
text-decoration: overline;
}#cantoesquerdobak1 #atentime {
background-image: url(images/PIC1.jpg);
width: 167px;
height: 78px;
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
background-position: 20px;
}#cantoesquerdobak1 #aspas {
background-image: url(images/BR.JPG);
background-repeat: no-repeat;
width: 173px;
height: 14px;
padding-left: 20px;
}#cantoesquerdobak1 #enquete {
background-image: url(images/PIC2.jpg);
width: 173px;
height: 35px;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 20px;
}body {
background-image: url(images/PIC1.jpg);
background-repeat: no-repeat;
}#cantoesquerdobak1 #testeavaliativo #Cliqueaqui {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
padding-left: 45px;
padding-top: 5px;
border-bottom: pa;
padding-bottom: 20px;
color: #FF3300;
}body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FF6600;
font-weight: bold;
}a:link {
color: #FF0000;
}a:hover {
color: #04598F;
}a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}.style1 {color: #4282A6}
#inscreva {
background-image: url(images/inscreva.jpg);
background-repeat: no-repeat;
width: 203px;
height: 122px;
position: absolute;
z-index: 2;
left: 1px;
top: 773px;
}
#bottom {
position:absolute;
width:545px;
height:80px;
z-index:3;
left: 204px;
top: 815px;
background-image: url(images/bottom.jpg);
}
#meio {
position:absolute;
width:357px;
height:108px;
z-index:0;
left: 203px;
top: 254px;
background-image: url(images/7.jpg);
}
#colunadireita1 {
position:absolute;
width:186px;
height:108px;
z-index:4;
left: 560px;
top: 254px;
background-image: url(images/12.jpg);
}
#centro {
position:absolute;
width:357px;
height:47px;
z-index:5;
left: 203px;
top: 362px;
background-image: url(images/8.JPG);
}
#centro2 {
position:absolute;
width:357px;
height:76px;
z-index:6;
left: 203px;
top: 409px;
background-image: url(images/9.jpg);
}
#textomeio {
position:absolute;
width:357px;
z-index:7;
left: 203px;
top: 485px;
background-image: url(images/BAK2.JPG);
height: 121px;
}#textomeio #craque {
background-image: url(images/PIC4.jpg);
position: absolute;
height: 87px;
width: 140px;
left: 355px;
top: 20px;
}#textomeio #escreitameio {
font-size: 14px;
width: 175px;
height: 100%;
}-->
</style>
<style type="text/css"><!--
#Layer1 {
position:absolute;
width:100%;
height:100%;
z-index:1;
}
#Layer2 {
position:absolute;
width:766px;
height:25px;
z-index:8;
left: -204px;
top: 368px;
background-image: url(images/21.JPG);
}
#Layer3 {
position:absolute;
width:203px;
height:59px;
z-index:1;
background-image: url(images/6.jpg);
background-repeat: no-repeat;
top: 528px;
}.style5 {font-size: xx-small}
#Layer4 {
position:absolute;
width:766px;
height:36px;
z-index:8;
left: -1px;
top: 878px;
background-image: url(images/22.JPG);
}
#Layer5 {
position:absolute;
width:357px;
height:36px;
z-index:9;
left: 203px;
top: 606px;
background-image: url(images/10.jpg);
}
#Layer6 {
position:absolute;
width:357px;
height:194px;
z-index:10;
top: 642px;
left: 203px;
background-image: url(images/BAK2.JPG);
}
#Layer7 {
position:absolute;
width:355px;
height:17px;
z-index:11;
top: 836px;
left: 203px;
background-image: url(images/11.JPG);
}
#Layer8 {
position:absolute;
width:186px;
height:47px;
z-index:12;
left: 560px;
top: 362px;
background-image: url(images/13.JPG);
}
#Layer9 {
position:absolute;
width:186px;
height:77px;
z-index:13;
left: 560px;
top: 409px;
background-image: url(images/14.jpg);
}
#Layer10 {
position:absolute;
width:186px;
height:115px;
z-index:14;
left: 560px;
top: 486px;
background-image: url(images/BAK6.JPG);
}
#Layer11 {
position:absolute;
width:181px;
height:44px;
z-index:15;
left: 560px;
top: 601px;
}
#Layer12 {
position:absolute;
width:186px;
height:37px;
z-index:16;
left: 560px;
top: 681px;
}
.style7 {
color: #7a8695;
font-weight: bold;
font-size: 9
}.style8 {font-size: 9px}
.style9 {font-weight: bold; color: #7a8695;}
#Layer13 {
position:absolute;
width:186px;
height:33px;
z-index:17;
left: 560px;
top: 730px;
background-image: url(images/17.jpg);
}
#Layer14 {
position:absolute;
width:184px;
height:72px;
z-index:18;
left: 562px;
top: 763px;
}
#Layer15 {
position:absolute;
width:189px;
height:17px;
z-index:19;
left: 558px;
top: 836px;
background-image: url(images/18.JPG);
}
#Layer16 {
position:absolute;
width:20px;
height:13px;
z-index:20;
left: 746px;
top: 254px;
background-image: url(images/19.JPG);
}
#Layer17 {
position:absolute;
width:19px;
height:20px;
z-index:21;
left: 746px;
top: 833px;
background-image: url(images/20.JPG);
}
#Layer18 {
position:absolute;
width:237px;
height:255px;
z-index:22;
left: 766px;
top: 0px;
background-image: url(images/R11.JPG);
}-->
</style>
</head>
<BODY BGCOLOR=#FFFFff LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<div id="top1"></div>
<div id="topleft1"></div>
<div id="menu"><a href="java script:void(null)" target="centro" onMouseOver="showmenu(event,'aboutus'),showhidesearchbar1(1),showhidesearchbar(1)" onMouseOut="hideMenu(),showhidesearchbar1(0),showhidesearchbar(0)"><img src="images/menu_01.jpg" border="0" lowsrc="menu_01_pb.jpg" /></a><a href="java script:void(null)" onMouseOver="showmenu(event,'player')" onMouseOut="hideMenu()"><img src="images/menu_02.jpg" border="0" lowsrc="menu02_pb.jpg"/></a><a href="tecnico.php?id=giovani"><img src="images/menu_03.jpg" border="0" lowsrc="menu_03_pb.jpg"/></a><a href="java script:void(null)" onMouseOver="showmenu(event,'interchange'),showhidesearchbar(1),showhidesearchbar1(1)" onMouseOut="hideMenu(),showhidesearchbar(0),showhidesearchbar1(0)"><img src="images/menu_04.jpg" border="0" lowsrc="menu_04_pb.jpg" /></a><a href="java script:void(null)" onMouseOver="showmenu(event,'club'),showhidesearchbar(1),showhidesearchbar(1)" onMouseOut="hideMenu(),showhidesearchbar(0),showhidesearchbar(0)"><img src="images/menu_06.jpg" border="0" lowsrc="menu_06_pb.jpg"/></a><a href="java script:void(null)" onMouseOver="showmenu(event,'shop')" onMouseOut="hideMenu()"><img src="images/menu_08.jpg" border="0" lowsrc="menu_08_pb.jpg"/></a><img src="images/R6.jpg" border="0" lowsrc="R6_pb.jpg"></div>
<div id="introflash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0) width="563" height="181">
<param name="movie" value="flash/0895_intro.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash/0895_intro.swf" quality="high" wmode="transparent" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) type="application/x-shockwave-flash" width="563" height="181"></embed>
</object>
</div>
<div id="topleft2"></div>
<div id="cantoesquerdo"></div>
<div id="cantoesquerdobak1">
<div id="atentime">
<p> </p>
<p> </p>
</div>
<div id="enquete"></div>
<div style="padding-left:20px; padding-bottom:40px;" id="aspas">
<iframe src="enquete/vote.php" frameborder="0" id="ifr_enquete" name="ifr_enquete" width="150px" height=""></iframe></div>
<br /> <br /> <br /> <br /> <br /> <br />
<div id="testeavaliativo">
<div id="dia"><? include('Textos/diateste_texto.php'); print "$dia"; ?></div>
<div id="Cliqueaqui"><a href="normas.php" class="style1">Clique aqui</a> </div>
</div>
<div id="Layer3"> </div>
</div>
<div id="meio">
<p> </p>
<p> </p>
</div>
<div id="colunadireita1"></div>
<div id="centro"></div>
<div id="centro2"></div>
<div id="textomeio">
<div style="padding-left:15px;padding-right:10px " id="escreitameio">
<p><span class="t10" style="padding-left:35px;padding-top:20px; font-weight: bold; color: #186CA3;">
<? include('Textos/index_texto.php'); print "$informa"; ?>
</span></p>
<p> </p>
<div id="Layer2">
<div align="center" style="padding-left:50px; color: #4d5764;"><span class="style5">• <a href="index-1.html" class="5">About Us</a> • <a href="index-2.html" class="5">Hosting</a> •
<a href="index-3.html" class="5">Services</a> • <a href="index-4.html" class="5">Support</a> • <a href="index-5.html" class="5">Contacts</a></span></div>
</div>
<p> </p>
<p> </p>
</div>
</div>
</div>
<div id="Layer4"></div>
<div id="Layer5"></div>
<div id="Layer6"></div>
<div id="Layer7"></div>
<div id="Layer8"></div>
<div id="Layer9"></div>
<div id="Layer10"><div style="padding-left:15px; padding-right:20px; background-image:url(images/15.JPG); background-position:top; background-repeat:no-repeat;font-weight: bold;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0) width="150" height="115">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="flash/futebol.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="flash/futebol.swf" quality="high" width="150" height="115" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="[http://www.macromedia.com/go/getflashplayer"](http://www.macromedia.com/go/getflashplayer) />
</embed>
</object>
</div></div>
<div id="Layer11"> <IMG SRC="images/16.jpg" ALT="" WIDTH=186 HEIGHT=80 border="0" usemap="#Map4"></div>
<div id="Layer12"><div style="padding-top: 5px; padding-left:15px "><span class="style7">
<span class="style3 style8">•</span><span class="style8"><em> Titulo da Noticia Rapida</em></span><br>
<br>
</span><span class="style9"><span class="style8">• <em>Titulo da Noticia Rapida</em></span><br>
<br>
</span></div>
</div>
<div id="Layer13"> </div>
<div id="Layer14">
<div style="padding-top: 5px; padding-left:15px ">
<div style="padding-top:5px ">
<input name="text" type="text" style=" width:100px; height:20px; font-family:Tahoma; font-size:11px " value="Nick">
<div style="padding-top:5px ">
<input name="text2" type="text" style=" width:100px; height:20px; font-family:Tahoma; font-size:11px " value="Senha">
<a href="#"><img src="images/submit.jpg" alt="s" border="0" align="absmiddle"></a></div>
</div>
<br>
</div></div>
<div id="Layer15"></div>
<div id="Layer16"></div>
<div id="Layer17"></div>
<div id="Layer18"></div>
</body>
</html>Bom se vc6 entrarem no site www.craquedebolamg.com.br vou ver q tem uma area de noticias essa area esta em include mas esse nao e o problema..
o problema e o sequinta...
o centro do site pode varia de tamanho depedendo do conteudo. e tbm das noticias..
eu queria a div aumentasse de acordo com o contedo e as colunas direita e esquerdas juntas ^^ e tbm que o site fiquei visivel em qualquer resolução igual em tables... mas nao sei fazer isso em div.. ^^..
alguem sujestao para deixar o site mais leve a nao ser passa para div...
inté...
espero q entedao..
agradeço des de ja :rolleyes:
Discussão (1)
Carregando comentários...