Css de yeniyim ve bi sorunum var menüyü ortalamak istiyorum ama yapamıyorum. arka fon %100 olacak sadece yazılar ortalanması İstiyorum Yardım edebilecek olan varmı
(HTML KODU )
Css Menü Yatay Ortalama |
6 Mesajlar | 4.014 Okunma | ||
- Üyelik 13.11.2015
- Yaş/Cinsiyet 36 / E
- Meslek asd
- Konum Zonguldak
- Ad Soyad H** Ç**
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
(CSS KODU)
#nav {
display:inline-block;
width:100%;
margin:0px auto;
padding:0;
background:#335599 url(resimler/bg.png) repeat-x 0 -110px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
margin:10px;
float:left;
position:relative;
list-style:none;
}
#nav a {
font-weight:bold;
color:#e7e5e5;
text-decoration:none;
display:block;
padding:8px 20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
/* selected menu element */
#nav .current a, #nav li:hover > a {
background:#7788aa url(resimler/bg.png) repeat-x 0 -20px;
color:#000;
border-top:1px solid #f8f8f8;
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
}
/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
background:none;
border:none;
color:#000;
}
#nav ul li a:hover {
background:#335599 url(resimler/bg.png) repeat-x 0 -100px;
color:#fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#nav ul li:first-child > a {
-moz-border-radius-topleft:10px; /*some css3*/
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
-moz-border-radius-bottomleft:10px; /*some css3*/
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}
/* drop down */
#nav li:hover > ul {
visibility:visible;
}
#nav ul {
visibility:hidden;
padding:0;
width:175px;
position:absolute;
background:#aabbcc url(resimler/bg.png) repeat-x 0 0;
border:1px solid #7788aa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:left;
margin:0;
}
#nav ul a {
font-weight:normal;
}
#nav ul ul {
left:160px;
top:0px;
}
- Üyelik 24.08.2014
- Yaş/Cinsiyet 33 / E
- Meslek Front-end Developer
- Konum İstanbul Avrupa
- Ad Soyad S** G**
- Mesajlar 95
- Beğeniler 13 / 31
- Ticaret 0, (%0)
css için text-align:center; denedin mi? Veya siten yayındaysa bakabilirim.
- Üyelik 24.12.2013
- Yaş/Cinsiyet 34 / E
- Meslek programcı
- Konum Denizli
- Ad Soyad G** E**
- Mesajlar 291
- Beğeniler 23 / 33
- Ticaret 6, (%100)
en garanti yoldur
margin-left: auto;
margin-right: auto;
width: 50em;
denermisin olmuyorsa çeviriyim sana göndereyim
Ek Olarak: -----------------------------------------------------------------
Al hallettim
margin-left: auto;
margin-right: auto;
width: 50em;
denermisin olmuyorsa çeviriyim sana göndereyim
Ek Olarak: -----------------------------------------------------------------
Al hallettim
- Üyelik 13.11.2015
- Yaş/Cinsiyet 36 / E
- Meslek asd
- Konum Zonguldak
- Ad Soyad H** Ç**
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
Sorunu Bu Yöntemler Çözdüm Arkadaşlar Teşekkürler
(HTML KODU)
(Css Ek Kod )
#sad
{
margin-left: 30%;
}
(HTML KODU)
(Css Ek Kod )
#sad
{
margin-left: 30%;
}
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Bu geçici bir çözümdür eğer ki css yapınız uygun değilse farklı çözünürlüklerde menünüzde kayma olacaktır.
Genel bir tanımlara isterseniz.
Menünün olduğu dive bir genişlik verin örneğin 1000px (tabi bu değer sizin sitenizin tasarımına göre değişir) olsun sonra margin:0 auto derseniz her zaman ortalı olacaktır.
Daha fazla çözümde üretilebilir bu sadece bir tanesi.
Genel bir tanımlara isterseniz.
Menünün olduğu dive bir genişlik verin örneğin 1000px (tabi bu değer sizin sitenizin tasarımına göre değişir) olsun sonra margin:0 auto derseniz her zaman ortalı olacaktır.
Daha fazla çözümde üretilebilir bu sadece bir tanesi.
- Üyelik 13.11.2015
- Yaş/Cinsiyet 36 / E
- Meslek asd
- Konum Zonguldak
- Ad Soyad H** Ç**
- Mesajlar 3
- Beğeniler 0 / 0
- Ticaret 0, (%0)
FurkanKandemir adlı üyeden alıntı
Bu geçici bir çözümdür eğer ki css yapınız uygun değilse farklı çözünürlüklerde menünüzde kayma olacaktır.Genel bir tanımlara isterseniz.
Menünün olduğu dive bir genişlik verin örneğin 1000px (tabi bu değer sizin sitenizin tasarımına göre değişir) olsun sonra margin:0 auto derseniz her zaman ortalı olacaktır.
Daha fazla çözümde üretilebilir bu sadece bir tanesi.
Hocam Css Şu Şekilde Düzelttim. Bu Oldu
#nav {
padding:0;
width:100%;
text-align:center;
list-style: none;
}
#nav li {
padding:0 10px 0 0;
float:none;
display:inline-block;
}
HTML
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)