em montar estrutura da página

[wolfphw 60]

Tipo como vcs jah tem uma maior experiencia to querendo uma ajuda de como eu devo fazer....

 

 

Tipo olha essa imagem

 

 

Taum vendo essa parte do meio amarela, ali que eu to na dúvida como montar....

 

minha estrutura esta a seguinte.... tenho 2 DIVs uma pro menu e outra pro conteúdo, dai dentro dessa do conteúdo que esta minah dúvida de como montar akeles quadros lah dentro....

 

Como saum duas colunas dentro do conteúdo, vcs acham melhor eu montar mais 2 DIV s uma pra coluna da direita e outra pra esquerda e dai cada quadro ficaria dentro das TAGs <UL>????

 

Ou vcs teriam uma outra forma melhor???

[Giovani 104]

wolfphw,Na minha opinião depende muito do q vai dentro destes "conteúdos".Do jeito que está é quase uma tabela....é bem uma simulação de tabela mesmo. Tem q tomar cuidado com a divmania.Não sei se fui claro! ;)

[micox 2]

Sugiro:

<div id="conteudo">
<div>mini conteudo 1</div>
<div>mini conteudo 2</div>
<div class="dobro">mini conteudo grande 3</div>
<div>mini conteudo 4</div>
<div>mini conteudo 5</div>
</div>

<style>#conteudo div {/* coloque float left e defina um width e height para os divs normais */  float:left;  border: tal...  width: largura padrao  height: altura dos pequenos}#conteudo .dobro {/* sobrescreva a altura do padrão */  height: o dobro da altura padrao}</style>

lembrando que não testei. testae...

[wolfphw 60]

micox nesse seu ai.. ele vai fazer como se fo-se 2 colunas?

[micox 2]

Voce não precisará de 2 colunas já que as divs terão largura definida.Com a largura definida e com o float elas irão se posicionar beleza.

[wolfphw 60]

tipo dai dentro dessas minhas colunas para colocar os dados eu posso colocar o conteúdo dentro das TAGs <UL></UL> ???

 

tipo esse exemplo

 

<style>#meio {	 width:750px;}#meio #esq{   width:230px;   margin-left:1px;   margin-top:5px;   float:left;}#meio #dir{   width:230px;   margin-right:1px;   margin-top:5px;   float:right;}#meio ul {	 border:1px dashed #999;	 background-color:#F5F5F5;}</style><div id="meio">	 <div id="esq">		  <ul>wolf eh bonito d+++++</ul>		  <ul>O resto eh resto<br> Pq wolf soh tem 1</ul>		  <ul><img scr="inveja.gif">Inveja mata....</ul>	 </div>	 <div id="dir">		  <ul>lalala <BR> lalala <BR> lalala <BR> lalala <BR> lalala</ul>		  <ul>Lindo, bonito, esse eh o wolfão</ul>	 </div></div>

É recomendavel fazer assim?????

 

Tipo eu ainda naum testei esse meu aki pra vê se funciona.. mas a ideia que to seria coisa assim.....

[micox 2]

Bom, existem mil maneiras de fazer né? Cada um faz do jeito que quer...Eu preferia do jeito que falei, mas quem sabe dos detalhes do projeto é voce.Só uma observação: ao nomear classes não use nomes que definam a aparência, use nomes que definam a função. Por que? porque pode ser que no futuro voce tenha que alterar a aparência e daí os nomes não irão mais bater sacou? heheh

[wolfphw 60]

Bom, existem mil maneiras de fazer né? Cada um faz do jeito que quer...Eu preferia do jeito que falei, mas quem sabe dos detalhes do projeto é voce.Só uma observação: ao nomear classes não use nomes que definam a aparência, use nomes que definam a função. Por que? porque pode ser que no futuro voce tenha que alterar a aparência e daí os nomes não irão mais bater sacou? heheh

naum entendi http://forum.imasters.com.br/public/style_emoticons/default/no.gifhttp://forum.imasters.com.br/public/style_emoticons/default/searchbeforeposting.gif uhuahuha massa esse aki.... soh to colocando pq achei legal....

[micox 2]

Imagine que voce tenha 2 esquemas de links:1) Os links para páginas externas voce coloca de vermelho.2) Os links para páginas internas no site voce coloca de azul.Daí você vai e atribui classes para os dois tipos de links (.links_azul e .links_vermelho).Tudo vai muito bem... Até o dia que seu patrão chega e pede:"seguinte, mudamos o esquema de cores do site, vamos tranformar todos os links pra nossa própria página em verdes e negrito, e os links pra outras páginas, voce coloca preto com sublinhado mesmo"Daí voce vai lá nas classes links_azul e links_vermelho e muda as características deles. Daí percebe-se que o nome não reflete mais a realidade. sacou? heheheh.É sempre bom dar nome as classes de acordo com a função e não com aparência...Mais ou menos um exemplo que eu li no site do maujor mas não lembro o link direto. Se alguém lembrar posta ae...

[pa_bruno 0]

<ul></ul>? errado hein...certo eh <ul><li></li></ul>

[micox 2]

<ul></ul>? errado hein...certo eh <ul><li></li></ul>

Vix, é vero, nem tinha visto essa mancada do cara. hauehuahe.wolf leia: http://www.w3schools.com/tags/tag_ul.asp

[wolfphw 60]

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

 

soh vlw... entendi agora oke você flw micox http://forum.imasters.com.br/public/style_emoticons/default/worshippy.gif

 

 

 

Em breve num forum perto de você.....Senhor dos WS II, em a saga do flash