lostyazilim
tr.link

Html Css menü hatası?

7 Mesajlar 1.172 Okunma
lstbozum
tr.link

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)
Menü Pcde normal olark görüntüleniyor mobilde ise alt menüler (Köyümüz siteleri -Diğer Siteler) Bozuluyor yardım edebilir misiniz?
Codepen linki->http://codepen.io/ismailciloglu/full/adXGoa/
Orjinal -> http://www.flashuser.net/tutorial/responsive-flat-menu/
 

 

wmaraci
reklam

bilsez bilsez WM Aracı Kullanıcı
  • Üyelik 16.01.2016
  • Yaş/Cinsiyet 63 / E
  • Meslek Gazeteci
  • Konum Mersin
  • Ad Soyad V** K**
  • Mesajlar 305
  • Beğeniler 66 / 129
  • Ticaret 0, (%0)
Böyle durumda ya padding değeri sıfır yapılır ya da genişlik değeri yüzde yüzden biraz düşülür.
 

 

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)
alt alta olması gerek ama olmuyor :( çözüm bulamadım
 

 

pg13 pg13 Xcode. Kullanıcı
  • Üyelik 01.10.2013
  • Yaş/Cinsiyet 41 / E
  • Meslek BilişimTeknolojileri Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad O** Ö**
  • Mesajlar 321
  • Beğeniler 72 / 101
  • Ticaret 11, (%100)
css dosyasında .menu ul li satırını bul.
oradan float:left özelliğini kaldır tamamdır.
 

 

wmaraci
wmaraci

ismail03 ismail03 WM Aracı Kullanıcı
  • Üyelik 28.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Ameliyathane Hemşiresi
  • Konum Afyon
  • Ad Soyad I** Ç**
  • Mesajlar 2633
  • Beğeniler 344 / 487
  • Ticaret 12, (%100)

pg13 adlı üyeden alıntı

css dosyasında .menu ul li satırını bul.
oradan float:left özelliğini kaldır tamamdır.


Hocam sorun o değildi mobil cihazlarda alt menüler görüntülenmiyor çözüm bulamadım
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Bu kodu kullanmayı unutmayın, deneyin olmazsa tekrar bakalım.

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
 

 

pg13 pg13 Xcode. Kullanıcı
  • Üyelik 01.10.2013
  • Yaş/Cinsiyet 41 / E
  • Meslek BilişimTeknolojileri Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad O** Ö**
  • Mesajlar 321
  • Beğeniler 72 / 101
  • Ticaret 11, (%100)

ismail03 adlı üyeden alıntı

Hocam sorun o değildi mobil cihazlarda alt menüler görüntülenmiyor çözüm bulamadım


mobilde de görüntüleniyor. ama açılır kapanır değil. orjinalinde de öyle zaten.
fakat alt menu olduğunu belli etmek için orjinalinde oraya farklı bir stil uygulamışlar o stil sizde yok. siz de o şekilde yapabilirsiniz.
 

 

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