Merhaba,
Sitemin header kısmında bazı düzenlemeler yapıyorum. Belli çözünürlüklerde reklam alanını yok ediyorum, sağdaki reklam alanı gidince soldaki logo ortaya gelsin istiyorum ama yapamadım.
Örnekle anlatabilecek olan var mı?
Belli çözünürlüklerde logoyu ortalamak |
4 Mesajlar | 808 Okunma | ||
- Üyelik 22.10.2011
- Yaş/Cinsiyet 31 / E
- Meslek Kendi halimdeyim
- Konum Diğer
- Ad Soyad İ** Y**
- Mesajlar 4129
- Beğeniler 1136 / 1842
- Ticaret 21, (%100)
- Üyelik 01.06.2016
- Yaş/Cinsiyet 41 / E
- Meslek Grafiker, Yazılımcı
- Konum Ankara
- Ad Soyad A** K**
- Mesajlar 188
- Beğeniler 121 / 63
- Ticaret 14, (%100)
Anladığım kadarıyla logo ayrı bir divin içerisinde olmalı. Header resmiyle logoyu tekbir resim olarak birleştirmek belki bir çözüm olabilir.
- Üyelik 02.01.2014
- Yaş/Cinsiyet - /
- Meslek
- Konum
- Ad Soyad ** **
- Mesajlar 1852
- Beğeniler 346 / 707
- Ticaret 5, (%100)
LOGO
REKLAM
LOGOMOBİL
@media only screen and (min-width : 798px){
.logomobil img{width:auto;margin:0 auto;display:inline-block;}
}
2 farklı header yaptım örnek kod olmadığı için.
Tek logo yapacaksan
.logonormal{margin-left:auto;margin-right:auto;display:inline-block;}
- Üyelik 14.05.2016
- Yaş/Cinsiyet 32 / E
- Meslek What do you do exactly ?
- Konum İstanbul Avrupa
- Ad Soyad T** T**
- Mesajlar 561
- Beğeniler 171 / 208
- Ticaret 0, (%0)
![]()
header {
display: block;
width: 100%;
height: 150px;
max-width: 1200px;
position: relative;
margin:0 auto;
}
div.logo {
width: 150px;
height: 150px;
position: relative;
float: left;
margin:0 auto;
}
div#Reklam {
width: 100%;
height: 150px;
max-width: 1040px;
position: relative;
float: right;
background-color: #030303;
}
@media screen and (min-width: 479px) and (max-width: 640px) {
div#Reklam {
display: none;
}
div.logo {
float: none;
}
}
@media screen and (min-width: 200px) and (max-width: 479px) {
div#Reklam {
display: none;
}
div.logo {
float: none;
}
}
edit : demo adresi = http://kodarsiv.com/demo/logo-center/index.html
sanırım bu şekilde sorununuz çözülecektir hocam. :cool:
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)