Sign in to follow this  
DackAle

Primeiro Site "tableless"

Recommended Posts

E aí galera

Seguinte, estou com algumas dúvidas em relação a montagem de um site com "tableless" :P

O endereço do site é: http://www.infinitodigital.com.br/painel

O link do CSS é: http://www.infinitodigital.com.br/painel/css/css_painel.css

Minhas dúvidas são:

1) Porque em "Home", a palavra não está grudada no alto e na esquerda, já que atribui ao H1 Padding 0 e margin 0 e na div aonde está localizada a palavra, também está com padding 0, na realidade, não ai ficar assim, mas é mais curiosidade, a ponto de dominar as manhas mesmo, como faria para ficar GRUDADO no alto e na esquerda ?

2) Nas últimas duas divs, atribiu o "float: left" para a segunda div ficar na mesma linha, perfeito, mas problema, é que agora a primeira div, não fica SÓ a 5 pixel de diatancia e a segunda div não fica também a 5 pixels de distancia, não sei mais o que tentar... rs

3) Na Div que tem a logomarca, tive que colocar como "text-align: center" para colocar o logo no meio.... mas para deixa-lo n altura no meio, tive que colocar padding 8, só assim consigo alinhar no meio ? Definir altura por exemplo, esse vai ser meu maior problema, já que muitas caixas terão que ter altura fixa e conteudo dinamico vindo de banco de dados, como faço pra não quebrar meu site por exemplo ?

Um exemplo, na div 2 lá embaixo, terei um menu, e tem que ter extamente 60px de altura... eu teria que saber o tamanho da fonte e colocar padding no top e no bottom pra ficar exatamente com 60px ?

4) estou com dúvidas mais em lógica mesmo...rs

Por exemplo, formatei o H1 para ficar do jeito que preciso, perfeito, preciso agora colocar o "área administrativa" alinhado em tal lugar, pra fazer isso, o que é ideal, criar um "span" ? "<span id="administrativa"><h1>Área Administrativa</h1></span>" E colocar o alinhamento nele ?

Bom acho que só pessoal :D

Muito obrigao pela ajuda...rs

Abraços

Share this post


Link to post
Share on other sites
1) Porque em "Home", a palavra não está grudada no alto e na esquerda, já que atribui ao H1 Padding 0 e margin 0 e na div aonde está localizada a palavra, também está com padding 0, na realidade, não ai ficar assim, mas é mais curiosidade, a ponto de dominar as manhas mesmo, como faria para ficar GRUDADO no alto e na esquerda ?

Você colocou na DIV abaixo, pra subir faça assim:

<div id="camada_menu_principal">&nbsp;<h1>Home</h1></div>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this