CSS Dinamik Menü Yapıyoruz, Ders NO:1 Öğrenmeyen Kalmasın. - Sayfa 2

11-09-2009, 02:27:33

#10

Ben teşekkür ederim arkadaşlar, bu arada belirtmeyi unutmuşum; #Menu sınıfındaki "width:" değerini ya komple kaldırın ya da ekleyip kaldıracağınız buton adetine göre genişletip daraltın.

11-09-2009, 19:02:31

#11

felix59

tarayıcılarda çalışmasını kontrol etseniz daha daha faydalı olacaktı. Örnek ie 6, da li ye hover verdiğinizde çalışmaması gibi. kaldıki amaca -eksiksiz ve hatasız tasarım teknikleri kullanarak mevcut piyasadaki rakiplerle mücadele etmek.- ters olmuş...

11-09-2009, 19:07:33

#12

burock3699

Bence yazılar değil de komple kutucuklar link olsa daha iyi olur. Ben öyle yapıyorum genelde.

11-09-2009, 19:12:25

#13

~~JustGo~~

Üyeliği durduruldu

IE6 gibi lider bir tarayıcı varken hala diğer tarayıcılara uyumlu çalışmak pek rakip olmak sayılmaz.

li:hover yerine a için display:block kullanılıp a:hover olarakta backgroundu değiştirip tüm tarayıcılarda sorunsuz olarak görüntü elde edebilirsiniz.

11-09-2009, 19:19:41

#14

mekancs

http://img6.imageshack.us/img6/5189/menu1c.jpg bu resimde gösterdiğin gibi anasayfa on ama çalışmada öyle değil onu da eklermisin bi zahmet

11-09-2009, 21:07:48

#15

~~eNerGy~~

Üyeliği durduruldu

arkadaşların da dediği gibi ie6da çalışmayacaktır. Ayrıca div kullanımıda son derece gereksiz dive verilen class ya da id ul'a verilirse sonuç yine aynı olacaktır. Ayrıca ul'a float:left verip li'ye display:inline vermek daha mantıklı oluyor. Son olarakta linkin tüm alanına tıklamak için a değerine display:block verip padding:XXpx gibi bir değer tanımlaması yapılırsa çok daha iyi bir sonuç elde edilir.

Zamanla geliştirerek daha iyi dersler hazırlamak dileği ile..

11-09-2009, 23:48:20

#16

hrngndz

Hover sorunu sadece IE6 versiyonunda sıkıntı yapacaktır, onun da yamasını ekleyebiliriz. Div kullanımına gelince; div kullanmamın sebebi çalışmayı bir kutu içine almamdır. Yani aynı işlemi ul için de uygulayabiliriz. Şuan için tek sorun hover uygulamasının IE6 versiyonunda çalışmaması. Onu ilk mesaja ekleyecektim fakat konunun açılma saatine bakarsanız belki maruz görebilirsiniz, eve geçtiğimde onu da ekleyeceğim

Yazıya değil de kutucuğa link verme olayı da yapılabilir ama ben bu çalışmada sadece butondaki yazıya link vermeyi seçtim, kutucuğa değil.

Çalışma IE 7 - IE 8 ve Mozilla versiyonlarında sorunsuz çalışmaktadır.

11-09-2009, 23:51:16

#17

hrngndz

eNerGy adlı üyeden alıntı: mesajı görüntüle

arkadaşların da dediği gibi ie6da çalışmayacaktır. Ayrıca div kullanımıda son derece gereksiz dive verilen class ya da id ul'a verilirse sonuç yine aynı olacaktır. Ayrıca ul'a float:left verip li'ye display:inline vermek daha mantıklı oluyor. Son olarakta linkin tüm alanına tıklamak için a değerine display:block verip padding:XXpx gibi bir değer tanımlaması yapılırsa çok daha iyi bir sonuç elde edilir.

Zamanla geliştirerek daha iyi dersler hazırlamak dileği ile..

Dostum, ben kendimi geliştirdikçe ders ekleme yapmyorum, önerilen yöntemler gayet açık ve haklı buluyorum ve zaten yaptığım şeyler. Başlangıç seviyesindeki arkadaşlar için ideal bir menü ve geliştirilmeye gayet açık.

12-09-2009, 00:37:26

#18

~~eNerGy~~

Üyeliği durduruldu

hrngndz adlı üyeden alıntı: mesajı görüntüle

Hover sorunu sadece IE6 versiyonunda sıkıntı yapacaktır, onun da yamasını ekleyebiliriz. Div kullanımına gelince; div kullanmamın sebebi çalışmayı bir kutu içine almamdır. Yani aynı işlemi ul için de uygulayabiliriz. Şuan için tek sorun hover uygulamasının IE6 versiyonunda çalışmaması. Onu ilk mesaja ekleyecektim fakat konunun açılma saatine bakarsanız belki maruz görebilirsiniz, eve geçtiğimde onu da ekleyeceğim

Yazıya değil de kutucuğa link verme olayı da yapılabilir ama ben bu çalışmada sadece butondaki yazıya link vermeyi seçtim, kutucuğa değil.
Çalışma IE 7 - IE 8 ve Mozilla versiyonlarında sorunsuz çalışmaktadır.

IE6 kullanımını göz önüne alırsak IE6'da çalışmaması yeterince büyük bir sorun

Ayrıca çalışır versiyonunu normal yollardan yapabiliyorken hack kullanmayada gerek yok bence.

Ama yine de ders derstir. Başarılar.