[Resolvido] Como crio quadros em HTML

[pulao 0]

gostaria de recebver dicas de como criar quadros em html, nao frames que agnte posiciona na pagina,,, sao quadros que agente coloca menu e outros pequenos quadros dentro de um maior posicionado no centro da pagina...

 

 

desde ja agradeço !

[Paulo de Tarso F. M. 24]

Mas você não tem um exemplo visual do que você quer exatamente? :mellow: Porque, sinceramente, não entendi o que você deseja...

[IvanNildo 0]

Para se criar "quadros" ou as "repartições" do site normalmente se utilizam DIV.

 

Por exemplo uma div pra cabecalho, uma pra menu, um pra conteudo e um pra rodape. Ai dentro da div menu por exemplo pra se criar menu se utiliza lista não ordenada (ul).

 

Pra entender como se cria cada "quadro" você deve aprender HTML e CSS.

 

Acho que era isso http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pulao 0]

isso sao os div mesmo,,,

tipo quero colocar no portal um div pros menus um div pro calendario e por aí vai...

 

consegui construir oq eu precisava... so que preciso agora colocar um texto dentro eu um div mas que tenha um <hr> pequeno e mais grosso que o padrao...

tipo assim:

<div id="texto">
<p> texto </p>
<hr>
</div>
<div id "teste">
<p> teste</p>
<hr>
</div>

nesse link tem um exemplo:

 

http://www.dcc.ufla.br/

[Paulo de Tarso F. M. 24]

Ao invés de formatar o <hr />, que não se comporta de maneira idêntica em todos os browsers, formate o seu último texto, com uma classe, por exemplo, que substituísse visualmente seu <hr />, mais ou menos assim:

 

CSS:

hr { display:none; }

p.sua-classe {
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:3px solid #eee;
}

HTML:

<div id="texto">
    <p class="sua-classe"> texto </p>
    <hr />
</div>
<div id="teste">
    <p> Parágrafo que não seria formatado com a borda cinza que simula o hr </p>
    <p class="sua-classe"> teste</p>
    <hr />
</div>

Mas vale lembrar o seguinte: a criação de uma classe para os <p>'s somente é necessário se suas <div>'s tiverem mais de um <p>, pois, nesse caso, bastaria definir uma classe para as <div>'s e no CSS você faria por herança: div.classe-da-div p { [...propriedades...] }. Nesse caso, seu HTML ficaria assim:

<div class="sua-classe" id="texto">
    <p> texto </p>
    <hr />
</div>
<div class="sua-classe" id="teste">
    <p> teste</p>
    <hr />
</div>

[pulao 0]

Resolvido boa ajuda pessoal...

Vlw d+