Witam,
Mam problem z css, nie wiem jak zmienic polozenie przycisku like.
Chciałbym aby przycisk byl w tym miejscu:
(IMG:
http://img593.imageshack.us/img593/3579/przyciskx.jpg)
Kod headera wyglada w ten sposób:
<body>
<div id="header-wrap">
<div id="header">
//Gdy tutaj wstawiam kod przycisku, pojawia się nad logiem tym samym przesuwając logo.
<h1 title="
<?php echo $config['Site']['title'] ?>"><a href="">
<?php echo $config['Site']['title'] ?></a></h1>
</div>
<div id="menu-wrap">
<div id="menu">
<ul class="left">
Kod css:
#header-wrap {
height: 110px;
background: url('../img/001.png') repeat-x #203953;
-mox-box-shadow: 1px 1px 10px #000;
-webkit-box-shadow: 1px 1px 10px #000;
box-shadow: 1px 1px 10px #000;
}
#header {
height: 64px;
width: 980px;
margin: 0 auto;
}
#header h1 {
margin: 0;
}
#header h1, #header h1 a {
width: 316px;
height: 64px;
}
#header h1 a {
display: block;
text-indent: -99999px;
background: url('../img/logo.png') no-repeat;
}
#menu-wrap {
background: #000;
height: 46px;
border-bottom: 1px solid #1F1F1F;
}
#menu {
width: 980px;
height: 46px;
margin: 0 auto;
}
#menu ul {
height: 46px;
font-size: 1.1em;
font-weight: bold;
}
#menu ul li {
float: left;
margin: 9px 0;
padding: 8px 12px;
border-left: 1px solid #1F1F1F;
}
#menu ul li:empty {
padding: 0;
height: 28px;
}
#menu ul li a {
color: #B4B3B3;
}
#menu ul li a:hover {
color: #fff;
}
#menu ul li a:hover .facebook {
color: #4C6CAD
}
Jak zrobić diva aby zajmował pozycje zaraz po logo, tak jak na zdjęciu? Chcę tutaj umieścić przycisk Lubie to.