Obrigado por visitar a devmedia.com.br!

Precisamos de você para divulgar nossos vídeos e cursos gratuitos para a comunidade.

Se você gosta da devmedia.com.br por favor dê-nos o seu clique para o Google+ e ajude outros desenvolvedores ao redor do mundo.



Obrigado por seu apoio!
Equipe DevMedia

sair sem compartilhar (x)
DevMedia - asp.net, Java, Delphi, SQL e web Design, tudo em um só lugar!
Bem vindo a DevMedia!
LOGIN:     SENHA:

DESENVOLVENDO UM SITE TABLELESS COMPLETO COM PHP E MYSQL - parte 2

Neste artigo desenvolveremos o conteúdo do topo. Onde temos o logotipo e o menu do site.

Ola!

Neste artigo iniciaremos a montagem do conteúdo.

Dentro da DIV cotent_site devemos colocar a DIV topo que deve ter o logotipo e o menu do site.

Nossa estrutura fica assim:

<div class="cotent_site">
    <div class="topo">
    </div>
</div>


Como o topo possui tanto o logotipo quanto o menu, ele deve ter largura total de 955px;

.topo{
width:955px;
float:left;
margin-top:25px;
}

Na div topo coloquei margin-top:25px; para que o logotipo e o menu tenham 25px de margin do topo.

Agora dentro do topo deve-se ser colocado mais duas DIV: a div logotipo e a div menu.

<div class="topo">
     <div class="logotipo">
     </div>
     <div class="menu">
     </div>
</div>


A div logotipo deve ter a largura do logotipo que você deseja colocar, no meu caso o logotipo têm 230px. Então:



O estilo na DIV logotipo ficaria assim:

.logotipo{
width:230px;
float:left;
margin-left:40px;
}

E no código HTML:





    0 COMENTÁRIO

[Fechar]

Este post é fechado - você precisa ter acesso ao post para incluir um comentário.


Nenhum comentário foi postado - seja o primeiro a comentar!



Autor
Luzia Bolsi

Cursando a faculdade de Bacharel em Sistemas da Informação pela UNISINOS/RS, tecnica em tecnologia da informação. Programadora php e webdesigner. Site: www.decasoft.com.br


Space do autor
Estatísticas #
Favorito:
Comentários:
Feedback:
Utilidade:
2   0
[Fechar]

Você precisa estar logado para dar um feedback.

Clique aqui para efetuar o login
[Fechar]
Este post está disponível somente para quem possui Créditos DevMedia. (Ele não está associado a nenhuma publicação DevMedia).


  Conheça os planos de créditos DevMedia e visualize esse post agora mesmo!

Plano conveniência – Neste plano este post custa R$ 0,00 (Compre agora)
Esse plano permite que você compre somente um post, pagando por ele seu preço sem desconto.

Plano ocasional: Aqui este post custa: R$ -1,00 (assinante) ou R$ -1,00 (não-assinante)
Este plano é ideal para quem tem interesse em mais de um post. Você compra um mínimo de R$ 50,00 em créditos e ganha, em média, 50% de desconto no preço do post. Compre Créditos agora!

Assinatura de Créditos (Plano econômico) – Aqui este post custa R$ -1,00
Este plano é ideal para quem tem interesse em muitos posts. Com esse plano você compra R$ 180,00 em créditos e ganha, em média, 80% de desconto no preço do post. Assine este plano agora!

> Saiba mais sobre o Sistema de Créditos DevMedia
web-03
DevMedia  |  Anuncie  |  Fale conosco
Hospedagem web por Porta 80 Web Hosting
2012 - Todos os Direitos Reservados a web-03