 |
01.07.2006
|
#1 (permalink) |
Üyelik Tarihi: 29.01.2005
Yer: Eskişehir - İstanbul - Toronto
Mesaj: 604
|
Header Menü`de Firefox Sorunu
Merhabalar. IE`de tam olarak çalışan ancak Firefox`da iç içe geçen bir menüm var. CSS List ile hazırladığım bu menü`de margin-left kullanarak Firefox`da gösterdiğimde IE`de bu defa yine margin`den dolayı bir kayma oluyor. Ben çözümü bulamadım. Şekildeki gibi bir durum söz konusu.  Kullandığım CSS Kodları ise; Kod:
#menu{background: url(../images/menu_bg.gif) top right no-repeat;display:block; height:16px;} #menu ul{margin:0;padding:0;width:100%;display:inline;float:left;height:16px;} #menu ul li{float:left;width:10%;display:block;height:16px;} #menu ul li a{text-indent:-500em;display:block;height:16px !important;} #menu ul li a:hover{text-indent:-500em;background-position: bottom left;display:block;height:17px;padding-top:-17px;} #menu ul li #anasayfa{background: url(../images/menu.gif) 0 0 no-repeat;width:111px;} #menu ul li #anasayfa:hover{background: url(../images/menu.gif) 0 -16px no-repeat;} #menu ul li #biz{background: url(../images/menu.gif) -112px 0 no-repeat;width:81px;} #menu ul li #biz:hover{background: url(../images/menu.gif) -112px -16px no-repeat;} #menu ul li #projeler{background: url(../images/menu.gif) -192px 0 no-repeat;width:80px;} #menu ul li #projeler:hover{background: url(../images/menu.gif) -192px -16px no-repeat;} #menu ul li #iletisim{background: url(../images/menu.gif) -272px 0 no-repeat;width:80px;} #menu ul li #iletisim:hover{background: url(../images/menu.gif) -272px -16px no-repeat;} #menu ul li #oneri{background: url(../images/menu.gif) -352px 0 no-repeat;width:83px;} #menu ul li #oneri:hover{background: url(../images/menu.gif) -352px -16px no-repeat;} |
|
         
|
|
03.07.2006
|
#2 (permalink) |
|
Re: Header Menü`de Firefox Sorunu
tam olarak emin olamamakla beraber
Kod:
#menu{background: url(../images/menu_bg.gif) top right no-repeat;display:block; height:16px;} #menu ul{margin:0;padding:0;width:100%;display:inline;float:left;height:16px;} #menu ul li{float:left;width:10%;display:block;height:16px;} #menu ul li a{text-indent:-500em;display:block;height:16px !important;} #menu ul li a:hover{text-indent:-500em;background-position: bottom left;display:block;height:17px;padding-top:-17px;} #menu ul li #anasayfa, #menu ul li #anasayfa a{background: url(../images/menu.gif) 0 0 no-repeat;width:111px;} #menu ul li #anasayfa:hover, #menu ul li #anasayfa a:hover{background: url(../images/menu.gif) 0 -16px no-repeat;} #menu ul li #biz, #menu ul li #biz a{background: url(../images/menu.gif) -112px 0 no-repeat;width:81px;} #menu ul li #biz:hover, #menu ul li #biz a:hover {background: url(../images/menu.gif) -112px -16px no-repeat;} #menu ul li #projeler, #menu ul li #projeler a{background: url(../images/menu.gif) -192px 0 no-repeat;width:80px;} #menu ul li #projeler:hover, #menu ul li #projeler a:hover{background: url(../images/menu.gif) -192px -16px no-repeat;} #menu ul li #iletisim, #menu ul li #iletisim a{background: url(../images/menu.gif) -272px 0 no-repeat;width:80px;} #menu ul li #iletisim:hover, #menu ul li #iletisim a:hover{background: url(../images/menu.gif) -272px -16px no-repeat;} #menu ul li #oneri, #menu ul li #oneri a{background: url(../images/menu.gif) -352px 0 no-repeat;width:83px;} #menu ul li #oneri:hover, #menu ul li #oneri a:hover{background: url(../images/menu.gif) -352px -16px no-repeat;}
__________________
Je ne veux pas être flétri de la qualification de poseur. Je ne laisserai pas des Mémoires. La poésie n'est pas la tempête, pas plus que le cyclone. C'est un fleuve majestueux et fertile. (...) |
|
|
|
|
03.07.2006
|
#3 (permalink) | |
|
Üyelik Tarihi: 29.01.2005
Yer: Eskişehir - İstanbul - Toronto
Mesaj: 604
|
Re: Header Menü`de Firefox Sorunu
Alıntı:
Kod:
<![if !IE]> <![endif]>  Geçerlilik dahilinde başka bir alternatif bulamadım. Kodlara ise; www.zalaxart.net www.zalaxart.net/styles/normal.css www.zalaxart.net/styles/style.css üzerinden ulaşabilirsin. |
|
|
|
|
|
05.07.2006
|
#4 (permalink) |
|
|
Re: Header Menü`de Firefox Sorunu
su image replacement olayını text-indent ile yapmaya bir türlü ısınamadım. genelde span/display:none kullanıyorum.
Daha önce hazırladığım bir web sitesinin kodlarını yolluyorum, seninkilerle bir karşılaştırma fırsatı elde etmen için Kod:
#navigation {
position: absolute;
right:0;
width: 563px;
height: 39px;
background:transparent url(../img/layout/nav.gif) no-repeat;
}
#navigation li {
position:absolute;
list-style: none;
}
#navigation li, #navigation a { height:39px; display:block; }
#navigation span {display: none; }
#hom { top:0; left:0; width: 53px; }
#pro { top:0; left: 55px; width: 64px; }
#prod { top:0; left: 121px; width: 80px; }
#ser { top:0; left: 203px; width: 71px; }
#rep { top:0; left: 276px; width: 120px; }
#spa { top:0; left: 398px; width: 90px; }
#con { top:0; left: 490px; width: 73px; }
body#b-hom #hom a, #hom a:hover {background: transparent url(../img/layout/nav.gif) 0 -39px no-repeat; margin:0; padding:0;}
body#b-pro #pro a, #pro a:hover {background: transparent url(../img/layout/nav.gif) -55px -39px no-repeat;}
body#b-prod #prod a, #prod a:hover {background: transparent url(../img/layout/nav.gif) -121px -39px no-repeat;}
body#b-ser #ser a, #ser a:hover {background: transparent url(../img/layout/nav.gif) -203px -39px no-repeat;}
body#b-rep #rep a, #rep a:hover {background: transparent url(../img/layout/nav.gif) -276px -39px no-repeat;}
body#b-spa #spa a, #spa a:hover {background: transparent url(../img/layout/nav.gif) -398px -39px no-repeat;}
body#b-con #con a, #con a:hover {background: transparent url(../img/layout/nav.gif) -490px -39px no-repeat;}
__________________
Je ne veux pas être flétri de la qualification de poseur. Je ne laisserai pas des Mémoires. La poésie n'est pas la tempête, pas plus que le cyclone. C'est un fleuve majestueux et fertile. (...) |
|
|
|
|
05.07.2006
|
#5 (permalink) | |
|
Re: Header Menü`de Firefox Sorunu
Bir çözüm önerisi olarak margin-top,
Kod:
margin-left:30px; Alıntı:
__________________
www.osmanarslan.com | kişisel portfolio |
|
|
|
|
|
05.07.2006
|
#6 (permalink) |
|
|
Re: Header Menü`de Firefox Sorunu
yanlış biliyorsun ne yazıkki. yok öyle birşey
__________________
Je ne veux pas être flétri de la qualification de poseur. Je ne laisserai pas des Mémoires. La poésie n'est pas la tempête, pas plus que le cyclone. C'est un fleuve majestueux et fertile. (...) |
|
|
|
|
06.07.2006
|
#7 (permalink) |
|
Üyelik Tarihi: 29.01.2005
Yer: Eskişehir - İstanbul - Toronto
Mesaj: 604
|
Re: Header Menü`de Firefox Sorunu
|
|
|
|
|
06.07.2006
|
#8 (permalink) |
|
|
Re: Header Menü`de Firefox Sorunu
Hmm. O zaman doğrusunu öğrendiğim iyi oldu, bundan sonra ben de o şekilde kullanayım o zaman..
__________________
www.osmanarslan.com | kişisel portfolio |
|
|
|
|
06.07.2006
|
#9 (permalink) | |
|
Üyelik Tarihi: 29.01.2005
Yer: Eskişehir - İstanbul - Toronto
Mesaj: 604
|
Re: Header Menü`de Firefox Sorunu
Alıntı:
Geçerlilik testlerinde margin-left:0; tekniği uyarı alabiliyor. Ama işleyiş olarak herhangi bir aksaklığı söz konusu değil. |
|
|
|
|
| Sponsorlu Bağlantılar | |
|
Zoque.Forum
Reklam
|
|
Zoque'a hoşgeldiniz!
Zoque RSS Aboneliği
