Arquivo para o ‘HTML’ Categoria

Menu superior com HTML e CSS

Última atualização quarta-feira, 12 maio 2010 01:38 Escrito por Márcio Silva quarta-feira, 12 maio 2010 01:30

Um barra muito comum em sites às vezes se torna trabalhosa de se desenvolver quando se tem pouca familiaridade com HTML e CSS é a barra superior. Neste tutorial você verá como construir um menu Superior/Barra superior para seu site.

Primeiramente precisamos idealizar como será nosso menu. Neste caso, farei um menu superior que se estende por toda largura do navegador, no entanto os menus se concentrarão numa área limitada ao centro com a largura do site que é de 940px.

Layout com 100% de altura

Última atualização sábado, 8 maio 2010 05:21 Escrito por Márcio Silva sábado, 8 maio 2010 05:12

Olá Pessoal,

Para quem está brigando com os navegadores para que o layout fique preenchendo 100% da altura do site, aqui vai uma dica importante. Na maioria dos navegadores isso é fácil, mas vai fazer isso no Internet Explorer.

Vamos ao HTML básico de página, onde existe um DIV que compreende todo conteúdo do site. Chamemos esse DIV de main.

^?View Code HTML

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.:Márcio Silva Website:.</title>
</head>
<body>
<div id="main">
 
</div>
</body>
</html>

Arquivo para o ‘HTML’ Categoria

Menu superior com HTML e CSS

Layout com 100% de altura

Menu Principal

Tags