Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Aikon

Avaliação do código

Por , em Desenvolvimento frontend

Recommended Posts

Aikon    0

Aikon
Postado

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"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta 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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Aikon, pelo HTML que você passou recomendo estudar bastante as css.

No link a seguir você tem um material muito rico em informações, leia. Releia. Leia novamente.

Quando achar que já sabe, vai e leia de novo.

 

http://forum.imasters.com.br/index.php?s=&...st&p=536888

 

Os artigos práticos, aqui do fórum mesmo, são ótimos.

Vale a leitura.

 

Se precisar, volte a postar.

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

RTaveira    0

RTaveira
Postado

Velho, como você é iniciante eu recomendo não utilizar os códigos desse jeito, tente utiliza-los bem estruturado para não lhe confundir.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito