Банер в логото на сайта

  • Автор Автор RIP
  • Начална дата Начална дата
Правиш <div> и му задаваш за background логото. В него създаваш друг <div> в който ще се намира рекламния банер и го позиционираш с margin (css)

Код:
<div id="header"><div id="ads"></div></div>
<style type="text/css">
#header {
height: 100px;
width: 980px;
background-image: url(logo.png);
}
#ads {
height: 80px;
width: 460px;
float: right;
margin: 10px 10px 10px auto;
}
</style>

П.П. - Не е нужно да използваш същите размери.
 
Ммм немога да разбера как трябва да стане това ми е логото
<body>

<div id="main">
<img src="../images/header.jpg" width="880px" height="150px">
 
Код:
<div id="header"><div id="ads"></div></div>
<style type="text/css">
#header {
height: 150px;
width: 880px;
margin: 0 auto;
background-color:  url(images/header.jpg) no-repeat;
}

#ads {
height: 60px;
width: 480px;
float: right;
margin: 45px 45px 45px auto;
}
</style>
 
Банера не се показва и в началната страница не се показва логото...
 
DireWolf каза:
Код:
<div id="header"><div id="ads"></div></div>
<style type="text/css">
#header {
height: 150px;
width: 880px;
margin: 0 auto;
background-color:  url(../images/header.jpg) no-repeat;
}

#ads {
height: 60px;
width: 480px;
float: right;
margin: 45px 45px 45px auto;
}
</style>

Ето така!
 

Back
Горе