[Resolvido] erro total

tomwp, seu código está horrível, muito sujo.

Pesquise aqui no fórum sobre divmania que voc6e vai entender o queestou falando.

Recomendo que você estude, e bastante, sobre as css.

Segue link: http://forum.imasters.com.br/index.php...st&p=536888

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

>
tomwp, seu código está horrível, muito sujo.

Pesquise aqui no fórum sobre divmania que voc6e vai entender o queestou falando.

Recomendo que você estude, e bastante, sobre as css.

Segue link: http://forum.imasters.com.br/index.php...st&p=536888

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Olá Giovani, rsrs e eu achei q ele tava organizado =Pja li sobre o divmania la no site do maujor..no caso você diz q eu apliquei muitas divs sem precisar delas?

e em relacao a esse link do site ja li alguns topicos, tenho ele aqui no favorito http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif mesmo assim obrigado por me passar.

Nossa.... hehehhe

Cara organizado em relação a indentação, esta sim, mas semântica (uso correto das tags) isso não está não.

Assim como o Giovani citou, houve sim divmania.

Apenas para você entender.

>

**<b>** - Bold (negrito)

**<p>** - Paragráfo

**<div>** - divisão/divisórias

Divisórias

As divs são feitas para você separar so "blocos de conteúdo", ou seja.

Pra determinar aonde começa e termina sua seção de noticias, para determinar as colunas do conteúdo do seu site e etc.

E não para quebra de linhas.

Exemplo:

<div id="rodape">
	<div id="escrita_rodape">
 <div id="escrita_rodape_ini">
 <div id="escrita_rodape_cred">Copyright © 2005 - Samba D1ª - Todos os Direitos Reservados</div>

 <div id="escrita_rodape_visu">Melhor Visualização: 1024 x 768</div>
 </div>
 <div id="escrita_rodape_fim">
 <div id="escrita_rodape_ws">Desenvolvido por <a href="[http://www.websoluction.com/"](http://www.websoluction.com/) onclick="this.target='_blank'"><strong>Web Soluction</strong></a></div>
 <div id="escrita_rodape_cad"><a href="restrito/area.php" onclick="this.target='_blank'"><img src="cad.jpg" class="validacao" alt="Área Restrita" /></a></div>
 </div>
	</div>

</div>

Isso daria para fazer tranquilamente com essa estrutura

<div id="rodape">
 <p class="classe_1">Copyright © 2005 - Samba D1ª - Todos os Direitos Reservados</p>
 <p class="classe_2">Melhor Visualização: 1024 x 768</p>
 <p class="classe_3">Desenvolvido por <a href="[http://www.websoluction.com/"](http://www.websoluction.com/) onclick="this.target='_blank'"><strong>Web Soluction</strong></a></p>
 <p class="classe_4"><a href="restrito/area.php" onclick="this.target='_blank'"><img src="cad.jpg" class="validacao" alt="Área Restrita" /></a></p>
</div>

Apenas estilizando corretamente.

Agora para e olha para seu código e veja que não a necessidade de tantas div's assim.

E algumas delas poderiam dar lugar a tags <p>, <ul>, <li> e etc.

------

E outra dica importante.

CSS aceita parentesco.

Aqui é outro exemplo de div mania porem não é nela que vou focar.

<div class="menor_topo">
 <div class="menor_topo_escrita">ORKUT</div>

 </div>
 <div class="menor_meio">
 <div class="agenda_meio_escrita">TESTE<BR />TESTE<BR />TESTE<BR /></div>
 </div>
 <div class="menor_fim">
 <div class="menor_fim_escrita"></div>
 </div>

Aqui seu css deve ter ficado assim

.menor_topo {
 /* CÓDIGO */
}

.menor_meio {
 /* CÓDIGO */
}

.menor_fim {
 /* CÓDIGO */
}

.menor_topo_escrita {
 /* CÓDIGO */
}

.agenda_meio_escrita {
 /* CÓDIGO */
}

.menor_fim_escrita {
 /* CÓDIGO */
}

Mas você pode fazer parentesco, por exemplo

HTML

<div class="menor_topo">
 <div>ORKUT</div>

 </div>
 <div class="menor_meio">
 <div>TESTE<BR />TESTE<BR />TESTE<BR /></div>
 </div>
 <div class="menor_fim">
 <div></div>
 </div>

CSS

.menor_topo {
 /* CÓDIGO */
}

.menor_meio {
 /* CÓDIGO */
}

.menor_fim {
 /* CÓDIGO */
}

.menor_topo_escrita div {
/ CÓDIGO /
}

.agenda_meio_escrita div {
/ CÓDIGO /
}

.menor_fim_escrita div {
/ CÓDIGO /
}
Você não precisa sair criando 300 classes no html.

Você pode estilizar pelo parentesco.

-------

E me diz uma coisa porque nos links você utiliza onclick para definir o target??? :blink:

onclick="this.target='_blank'"

Não seria melhor fazer isso??

target="_blank"

Flw aeee

Olá Nícolas

ashuhuas eh..sabia q tava zoneado enquanto a isso..

bom, entendi perfeitamente oq você me passou..gostei da explicaçao..

irei refazer esse codigo html primeiramente e dps o CSS..e postarei aqui di novo o novo codigo..ok?

e em relacao ao onclick eh pq o meu eh strict..ai precisa definir se nao o w3c nao aceita..

Obrigado por me ajudar Nícolas

Abraços - Tom

E ae povo!!!

melhorei o codigo com a ajuda do Nícolas e coloquei um menu em html que o silverfox me indicou para indexar o google soh ta faltando as meta q vo por daqui a poko...

a principio o site esta assim:

LINK NOVO

Olhem e avalie! ta melhor q antes rsrs..!!!

Abraços..e mais alguma dica sempre eh bem vinda!! espero respostas!

Tom http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

só um detalhes tambem não se esqueça de por ALT nas imagens:

<img src="mural_fim.jpg" class="mural_fim"/>
faça assim:

<img src="mural_fim.jpg" class="mural_fim" alt="titulo" />
falow abraço ;)

Olá silverfox eh..percebi..fiz o w3c validar la..e falo q precisa por isso..ja inclui em todas as imagens..

agora axo q ta 100%...

soh ta faltando o meta do indexamento!

do resto o codigo ficou bom??

Abraços!

>
só um detalhes tambem não se esqueça de por ALT nas imagens:

<img src="mural_fim.jpg" class="mural_fim"/>
faça assim:

<img src="mural_fim.jpg" class="mural_fim" alt="titulo" />
falow abraço ;)

Vim aqui dizer q o topico esta resolvido!

novamente com ajuda do Nícolas e silverfox consegui concluir o CSS dessa pagina!

Obrigado a todos - Tom http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif