lostyazilim
tr.link

Css Menüde Yazılara Soldan Boşluk Bırakmak İstiyorum ?

5 Mesajlar 6.941 Okunma
acebozum
tr.link

newcoder23 newcoder23 WM Aracı Kullanıcı
  • Üyelik 08.04.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Web tasarım & programlama
  • Konum Ankara
  • Ad Soyad F** D**
  • Mesajlar 212
  • Beğeniler 24 / 89
  • Ticaret 0, (%0)
Arkadaşlar aşağıdaki editörde göründüğü gibi bir menü yaptım. Fakar Bu menülerdeki Anasayfa yazıları sola çok yakın olduğu için kötü görünüyor. Ben soldan 10px boşluk bırakmak istiyorum. Bunu aslında margin kullanarak yapılabildiğini biliyorum fakat ben div için margini kullandığım için yazılar için kullanamıyorum. Nasıl Yaparım bunu yardımcı olursanız sevinirim.

Menüyü görmek için tıklayın




--------------
CSS KODLARI
--------------

.sol_area { width:220px; height:465px; float:left; margin:10px 10px 0px 10px; background-color:#FFC; }

.menuler_ul { width:220px; height:465px; float:none; margin:0 auto; list-style-type:none; padding:0px; background-color:#f0f0f0; border:1px solid #ccc; }

.menuler_li { width:220px; height:30px; float:left; margin:0 auto; border: 1px solid #ccc; border-bottom: none; border-right:none; border-left:none; background-color:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0072ff; line-height:2.5; text-align:left; }
.menuler_li:hover { border: 1px solid #ccc; border-bottom:none; border-right:none; border-left:none; background-color:#f8f8f8; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; line-height:2.5; text-align: left;}


.anasayfa_li { width:220px; height:30px; float:left; background-color:#f8f8f8; font-family:Arial, Helvetica, sans-serif:; font-size:13px; color:#0072ff; text-decoration:none; line-height:2.5 ;}
.anasayfa_li:hover { background-color:#f8f8f8; font-family:Arial, Helvetica, sans-serif:; font-size:13px; color:#000000; text-decoration:none; line-height:2.5;}
 

 

elektronikssl
webimgo

hewsel hewsel WM Aracı Kullanıcı
  • Üyelik 15.05.2013
  • Yaş/Cinsiyet 34 / E
  • Meslek webmaster
  • Konum Diyarbakır
  • Ad Soyad C** K**
  • Mesajlar 253
  • Beğeniler 29 / 60
  • Ticaret 0, (%0)
umarım olmuştur
http://jsfiddle.net/AjURc/
 

 

Madem ki antivirüssün yakaladığın virüsü ne yapayım diye ne bana soruyon ?

Hucukii Hucukii </ismailcaakir> Kullanıcı
  • Üyelik 14.09.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Bursa
  • Ad Soyad İ** Ç**
  • Mesajlar 382
  • Beğeniler 57 / 78
  • Ticaret 8, (%100)
padding-left değerini kullanırsanız sorununuz düzelecektir. tabiki li etiketine uygulamanız lazım sadece bunu
 

 

Develops everything always..

MertKoseoglu MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 12.07.2013
  • Yaş/Cinsiyet 29 / E
  • Meslek x
  • Konum Ankara
  • Ad Soyad M** K**
  • Mesajlar 659
  • Beğeniler 120 / 168
  • Ticaret 3, (%100)
Li tagina margin left verebilirsin.
 

 

wmaraci
wmaraci

newcoder23 newcoder23 WM Aracı Kullanıcı
  • Üyelik 08.04.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Web tasarım &amp; programlama
  • Konum Ankara
  • Ad Soyad F** D**
  • Mesajlar 212
  • Beğeniler 24 / 89
  • Ticaret 0, (%0)

Hucukii adlı üyeden alıntı

padding-left değerini kullanırsanız sorununuz düzelecektir. tabiki li etiketine uygulamanız lazım sadece bunu


teşekkürler oldu. Padding-left : 20px; verdim menuler_li classına
Hucukii

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al