Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde people. Cá estou com mais uma dúvida noob em HTML + CSS.
Tenho o seguinte código HTML:
<div class="content">
<div class="preheader">
<div class="padding"> <a href="#">Sobre</a> <a href="#">Contato</a> </div>
</div>
<div class="header">
<div class="title">TÍTULO</div>
<div class="slogan">Slogan</div>
</div>
...
O seguinte código CSS (referente às classes acima):
.content {
background: #FFF;
margin: 0 auto;
padding: 0px;
width: 886px;
color: #000;
}
.preheader {
background: #000 url(images/preheader.jpg) no-repeat center bottom;
color: #FFF;
width: 886px;
height: 71px;
margin: 0;
padding: 0;
}
.preheader a { color: #FFF; background: inherit; text-decoration:none; }
.preheader a:hover { color: #FFF; background: inherit;}
.preheader .padding {
float: right;
padding: 52px 70px 0 0;
color: #FFF;
}
.header {
background: #000 url(images/header.jpg) no-repeat center bottom;
color: #FFF;
width: 886px;
height: 78px;
margin: 0;
padding: 0;
}
.header .title {
float: left;
padding: 12px 0 0 84px;
color: #FFF;
font: bold 1.8em Arial, sans-serif;
}
.header .slogan {
float: left;
clear: both;
padding: 2px 0 0 84px;
color: #FFF;
font: bold 0.8em Arial, sans-serif;
}
E o meu projeto está distribuído da seguinte forma:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/eTCeF.jpg&key=87aa08b99db25a258fdd6874e68039aa561703e7a0e5493e43cdb6a7bde5ddc6" alt="eTCeF.jpg" />
---
Estou usando o Visual Studio 2010 para fazer isso. Estou tentando fazer o HTML funcionar para passar para Aspx.
O que estou fazendo errado!?
Obrigado!
Carregando comentários...