Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu tenho dois códigos que eu queria que fossem avaliados:
O HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Consladel</title><link rel="stylesheet" href="consladel_style.css"><link rel="stylesheet" href="consladel_fontstyle.css"></head><body><div id="esqLogo"></div><div id="logo"><img src="images/index_r1_c3.jpg" width="195" height="198" /></div><div id="baixoLogo"></div><div id="topoMenu"></div><div id="menu"><img src="images/index_r2_c7.jpg" width="519" height="57" /></div><div id="baixoMenu"></div><div id="buscaLogo"><img src="images/index_r5_c1.jpg" width="236" height="37" /></div><div id="buscaEsq"></div><div id="busca"></div><div id="buscaDir"></div><div id="busca"></div><div id="buscaBaixoNoticiasLogo"><img src="images/index_r8_c1.jpg" width="236" height="54" /></div><div id="noticiasEsq"></div><div id="noticias"></div><div id="noticiasDir"></div><div id="noticiasBaixo"></div><div id="webmail"><img src="images/index_r16_c1.jpg" width="236" height="91" /></div><div id="bemvindoEsq"></div><div id="bemvindoTopo"></div><div id="bemvindo" class="style3"><?php echo $bemvindo['textos']; ?></div><div id="bemvindoDir"></div><div id="bemvindoBaixo"></div><div id="clientesLogo"><img src="images/index_r11_c5.jpg" width="268" height="36" /></div><div id="clientesEsq"></div><div id="clientes"></div><div id="clientesDir"></div><div id="clientesBaixo"></div><div id="empresaTopo"><img src="images/index_r11_c9.jpg" width="274" height="36" /></div><div id="empresaEsq"></div><div id="empresa"></div><div id="empresaDir"></div><div id="empresaBaixo"></div><div id="propaganda"><img src="images/index_r15_c9.jpg" width="274" height="96" /></div><div id="prerodape"></div><div id="rodape"></div></body></html>e o CSS
body { margin-left: 0px; margin-top: 0px; background-color:#5A6459; }#esqLogo { width:64px; height:222px; Left: 0px; Top: 0px; Position:fixed; background-image:url(images/index_r1_c1.jpg)}#logo { width:195px; height:198px; Left: 64px; Top: 0px; Position: absolute; }#baixoLogo { width:195px; height:24px; Left: 64px; Top: 198px; Position: absolute; background-image:url(images/index_r4_c3.jpg) }#topoMenu { width:519px; height:130px; Left: 259px; Top: 0px; Position: absolute; background-image:url(images/index_r1_c7.jpg) }#menu { width:519px; height:57px; Left: 259px; Top: 130px; Position: absolute; }#baixoMenu { width:519px; height:35px; Left: 259px; Top: 187px; Position: absolute; background-image:url(images/index_r3_c7.jpg) }#buscaLogo { width:236px; height:37px; Left: 0px; Top: 222px; Position: absolute; }#buscaEsq { width:18px; height:68px; Left: 0px; Top: 259px; Position: absolute; background-image:url(images/index_r7_c1.jpg) }#busca { width:202px; height:68px; Left: 18px; Top: 259px; Position:absolute; background-color:#EFEFEF }#buscaDir { width:16px; height:68px; Left: 220px; Top: 259px; Position: absolute; background-image:url(images/index_r7_c4.jpg) }#buscaBaixoNoticiasLogo { width:236px; height:54px; Left: 0px; Top: 327px; Position: absolute; }#noticiasEsq { width:18px; height:241px; Left: 0px; Top: 381px; Position: absolute; background-image:url(images/index_r10_c1.jpg) }#noticias { width:202px; height:241px; Left: 18px; Top: 381px; Position: absolute; background-color:#EFEFEF; margin-left: 0px; margin-top: 0px;}#noticiasDir { width:16px; height:241px; Left: 220px; Top: 381px; Position: absolute; background-image:url(images/index_r10_c4.jpg) }#noticiasBaixo { width:236px; height:11px; Left: 0px; Top: 622px; Position: absolute; background-image:url(images/index_r14_c1.jpg) }#webmail { width:236px; height:91px; Left: 0px; Top: 633px; Position: absolute; }#bemvindoEsq { width:9px; height:119px; Left: 236px; Top: 222px; Position: absolute; background-image:url(images/index_r5_c5.jpg) }#bemvindoTopo { width:506px; height:10px; Left: 245px; Top: 222px; Position: absolute; background-image:url(images/index_r5_c6.jpg) }#bemvindo { width:506px; height:109px; Left: 245px; Top: 232px; Position: absolute; background-image:url(images/index_r6_c6.jpg); }#bemvindoDir { width:27px; height:119px; Left: 751px; Top: 222px; Position: absolute; background-image:url(images/index_r5_c11.jpg) }#bemvindoBaixo { width:542px; height:43px; Left: 236px; Top: 341px; Position: absolute; background-image:url(images/index_r9_c5.jpg) }#clientesLogo { width:268px; height:36px; Left: 236px; Top: 384px; Position: absolute; }#clientesEsq { width:9px; height:297px; Left: 236px; Top: 420px; Position: absolute; background-image:url(images/index_r12_c5.jpg) }#clientes { width:246px; height:297px; Left: 245px; Top: 420px; Position: absolute; background-color:#EFEFEF }#clientesDir { width:13px; height:297px; Left: 491px; Top: 420px; Position: absolute; background-image:url(images/index_r12_c8.jpg) }#clientesBaixo { width:268px; height:7px; Left: 236px; Top: 717px; Position: absolute; background-image:url(images/index_r17_c5.jpg) }#empresaTopo { width:274px; height:36px; Left: 504px; Top: 384px; Position: absolute; }#empresaEsq { width:12px; height:187px; Left: 504px; Top: 420px; Position: absolute; background-image:url(images/index_r12_c9.jpg) }#empresa { width:247px; height:187px; Left: 516px; Top: 420px; Position: absolute; background-color:#EFEFEF }#empresaDir { width:15px; height:187px; Left: 763px; Top: 420px; Position: absolute; background-image:url(images/index_r12_c12.jpg) }#empresaBaixo { width:274px; height:11px; Left: 504px; Top: 607px; Position: absolute; background-image:url(images/index_r13_c9.jpg) }#propaganda { width:274px; height:96px; Left: 504px; Top: 618px; Position: absolute; }#prerodape{ width:778px; height:13px; Left: 0px; Top: 724px; Position: absolute; background-image:url(images/index_r18_c1.jpg); background-repeat:no-repeat; }#rodape { width:778px; height:78px; Left: 0px; Top: 737px; Position:absolute; }
Eu queria saber se eu ainda estou pensando de forma "tabelar" ou se meu css ta bom, eu comecei a aprender agora e queria uma ajudinha pra ver se eu ja aprendi a fazer um site sem pensar em tabelas ou se eu ainda não consegui me desligar delas =p
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Carregando comentários...