<div id=”corpo”>
<html>
<head>
<title>Titulo</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div id="banner">
<a href="#"><img alt=" " src="img/banner.jpg" style="width: 797px; height: 287px; border-width: 0px;"></a>
</div>
<div id=menu margin="0" border="0" cellspacing="0">
<div id=mb_b1><a href="#"><img alt=" " src="img/bt_b1.jpg" style="width: 90px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b2><a href="#"><img alt=" " src="img/bt_b2.jpg" style="width: 128px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b3><a href="#"><img alt=" " src="img/bt_b3.jpg" style="width: 117px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b4><a href="#"><img alt=" " src="img/bt_b4.jpg" style="width: 114px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b5><a href="#"><img alt=" " src="img/bt_b5.jpg" style="width: 146px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b6><a href="#"><img alt=" " src="img/bt_b6.jpg" style="width: 107px; height: 56px; border-width: 0px;"></a></div>
<div id=mb_b7><a href="#"><img alt=" " src="img/bt_b7.jpg" style="width: 95px; height: 56px; border-width: 0px;"></a></div>
</div>
<div id=”corpo”>
Textos
</div>
<div id"footer">
<a href="#"><img alt=" " src="img/footer.jpg" style="width: 797px; height: 94px; border-width: 0px;"></a>
</div>
</body>
</html>
#corpo {
margin-top: 20cm;
}
#menu {
font-size: 0;
height: 60px;
line-height: 10;
display: inline;
width:100px;
}
#mb_b1 {
display: inline;
width:100px;
}
#mb_b2 {
display: inline;
width:100px;
}
#mb_b3 {
display: inline;
width:100px;
}
#mb_b4 {
display: inline;
width:100px;
}
#mb_b5 {
display: inline;
width:100px;
}
#mb_b6 {
display: inline;
width:100px;
}
#mb_b7 {
display: inline;
width:100px;
}
#mb_b5:hover {
background-image: url('img/bt_hover/bt_b5.jpg');
}
Isto estб totalmente errado ao meu ponto de vista, vocк deveria comeзar jб em html5, criar o estilo em um arquivo prуprio, adicionar classes e divs. Tambйm quero lhe apresentar ao Bootstrap
|