Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj17.10.2013, 20:55 (UTC)    
Mesaj konusu: menüde kayma

Bir tasarım çiziyordum
Menüdeki li taglarının içindeki yazıları a taginin içine yerleştirince menüde bir bozulma meydana geldi, şöyle oldu;
http://img.webme.com/pic/k/kartelano/ddd.png

Kod:

HTML:
<ul id="menu">
<li><a href="#">TASARIMLAR</a></li>
<li><a href="siirler.html">ŞİİRLER</a></li>
<li><a href="#">SOSYAL MEDYA</a></li>
<li><a href="#">HAKKIMDA</a></li>
</ul>

CSS:
   text-decoration:none;
   float:left;
   color:#FFF;
   list-style-type:none;
   margin-right: 5%;
   padding:1.46%;
   cursor: pointer;
   
   font-size:44px;
   font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
   font-weight:bold;
   opacity:0.0;
   z-index:5;


a tagini kullanmadan önce menü düzdü ancak kullanınca aşağıya doğru kayma oldu
bunu nasıl düzeltebilirim?
Mesaj17.10.2013, 21:21 (UTC)    
Mesaj konusu:

ul "menu" çağır kodunun bulunduğu css dosyasının içerisinde height kodunda max-height % olarak belirtilmiş. Piksel olarak belirtmen sorunu çözer.
Mesaj17.10.2013, 21:28 (UTC)    
Mesaj konusu:

sadece pozisyonlar % ile belirtildi
yükseklik ve genişlik değerlerini piksel ile belirttim
onun dışında margin ve pading, pozisyon değerlerini de teker teker piksele çevirdim ancak sorun düzelmedi
Mesaj18.10.2013, 07:13 (UTC)    
Mesaj konusu:

Yanılmıyorsam css de menüyü cağirmamişsiniz ama buraya sadece css konu koyduysanız onu bilemiycem.
Mesaj18.10.2013, 11:20 (UTC)    
Mesaj konusu:

yok onu da yaptım ama css kodlarının hepsini ul#menu li a ya yazmıştım
Kod:
   float:left;
   
   list-style-type:none;
   margin-right: 5%;
   padding:1.46%;
   cursor: pointer;

Bu kısmı ul#menu li kısmına kopyaladım sorun çözüldü
herkese çok teşekkürler Smile
Mesaj18.10.2013, 11:51 (UTC)    
Mesaj konusu:

Bu gibi sorunları resim yerine boş bir siteye uygularsan daha çabuk yardımcı olabiliriz.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu