wmaraci reklam
tr.link

Css kodu hakkında bir soru

3 Mesajlar 1.669 Okunma
acebozum
tr.link

fusyabalik fusyabalik WM Aracı Kullanıcı
  • Üyelik 04.07.2011
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 19
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
Wordpress tabanlı blogumda Internet Explorer7'de Üst menü,Ara butonunun üzerinde Ara yazısı,Anket bölümündeki Oyla butonunun üzerindeki Oyla yazısı çıkmıyor.Halbuki Google Chrome'la girdiğimde herhangi bir sorun yok.
Acaba aşağıdaki kodlarda IE7'nin desteklemediği birşey mi var?
Bu durumu nasıl düzeltebilirim?

//Üst Menunun Kodu
#nav {width:939px;height:44px;}
#ustmenu {background-image: url("images/ustmenu.png");width:557px;height:36px;float:left;padding-left:30px;padding-top:8px;}
#ustmenu ul {margin-left: 0;padding-left: 0;display: inline;border: none;margin:0;padding:0;padding-left:20px;}
#ustmenu ul li {margin: 0;padding: 0;border: none;list-style: none;display: inline;float:left;}
#ustmenu ul li.m1 a{background-image: url("images/nav.png");background-repeat:no-repeat;background-position:0px -35px;display:inline-block;text-indent:-9999px;width:104px;height:35px;}
#ustmenu ul li.m2 a{background-image: url("images/nav.png");background-repeat:no-repeat;background-position:-104px -35px;display:inline-block;text-indent:-9999px;width:108px;height:35px;}
#ustmenu ul li.m3 a{background-image: url("images/nav.png");background-repeat:no-repeat;background-position:-212px -35px;display:inline-block;text-indent:-9999px;width:129px;height:35px;}
#ustmenu ul li.m4 a{background-image: url("images/nav.png");background-repeat:no-repeat;background-position:-341px -35px;display:inline-block;text-indent:-9999px;width:76px;height:35px;}
#ustmenu ul li.m5 a{background-image: url("images/nav.png");background-repeat:no-repeat;background-position:-417px -35px;display:inline-block;text-indent:-9999px;width:98px;height:35px;}
#ustmenu ul li.m1 a:hover{background-position:0px 0px;}
#ustmenu ul li.m2 a:hover{background-position:-104px 0px;}
#ustmenu ul li.m3 a:hover{background-position:-212px 0px;}
#ustmenu ul li.m4 a:hover{background-position:-341px 0px;}
#ustmenu ul li.m5 a:hover{background-position:-417px 0px;}

//Ara butonu ve "ara" yazısının kodu
#arabas {float:left;}
#arabas .buton {border:none;margin-top:10px;margin-left:8px;background-image: url("images/ara.png");background-repeat:no-repeat;width:54px;height:31px;cursor:pointer}
#arabas .buton:hover {background-image: url("images/ara.png");background-repeat:no-repeat;background-position:0px -31px;width:54px;height:31px;cursor:pointer}

//Oyla butonu ve "oyla" yazısının kodu
#anketbas {float:right;}
#anketbas .buton {border:none;margin-right:18px;background-image: url("images/oyla.png");background-repeat:no-repeat;width:54px;height:31px;cursor:pointer}
#anketbas .buton:hover {background-image: url("images/oyla.png");background-repeat:no-repeat;background-position:0px -31px;width:54px;height:31px;cursor:pointer}
 

 

googleasistan
reklam

LadyArch3r LadyArch3r Web Developer Kullanıcı
  • Üyelik 02.04.2011
  • Yaş/Cinsiyet 34 / E
  • Meslek Web Developer
  • Konum Antalya
  • Ad Soyad B** K**
  • Mesajlar 930
  • Beğeniler 60 / 102
  • Ticaret 3, (%100)
bunu denermisin

#ustmenu {
background-image : url("images/ustmenu.png");
width : 557px;
height : 36px;
float : left;
padding-top : 8px;
}
#ustmenu ul {
margin-left : 0;
padding-left : 0;
display : inline;
border : none;
margin : 0;
padding : 0;
padding-left : 20px;
}
#ustmenu ul li {
margin : 0;
padding : 0;
border : none;
list-style : none;
display : inline;
float : left;
}
#ustmenu ul li.m1 a {
background-image : url("images/nav.png");
background-repeat : no-repeat;
background-position : 0 -35px;
display : inline-block;
text-indent : -9999px;
width : 104px;
height : 35px;
}
#ustmenu ul li.m2 a {
background-image : url("images/nav.png");
background-repeat : no-repeat;
background-position : -104px -35px;
display : inline-block;
text-indent : -9999px;
width : 108px;
height : 35px;
}
#ustmenu ul li.m3 a {
background-image : url("images/nav.png");
background-repeat : no-repeat;
background-position : -212px -35px;
display : inline-block;
text-indent : -9999px;
width : 129px;
height : 35px;
}
#ustmenu ul li.m4 a {
background-image : url("images/nav.png");
background-repeat : no-repeat;
background-position : -341px -35px;
display : inline-block;
text-indent : -9999px;
width : 76px;
height : 35px;
}
#ustmenu ul li.m5 a {
background-image : url("images/nav.png");
background-repeat : no-repeat;
background-position : -417px -35px;
display : inline-block;
text-indent : -9999px;
width : 98px;
height : 35px;
}
#ustmenu ul li.m1 a:hover {
background-position : 0 0;
}
#ustmenu ul li.m2 a:hover {
background-position : -104px 0;
}
#ustmenu ul li.m3 a:hover {
background-position : -212px 0;
}
#ustmenu ul li.m4 a:hover {
background-position : -341px 0;
}
#ustmenu ul li.m5 a:hover {
background-position : -417px 0;
}
#arabas .buton {
border : none;
margin-top : 10px;
margin-left : 8px;
background-image : url("images/ara.png");
background-repeat : no-repeat;
width : 54px;
height : 31px;
cursor : pointer;
}
#arabas .buton:hover {
background-image : url("images/ara.png");
background-repeat : no-repeat;
background-position : 0 -31px;
width : 54px;
height : 31px;
cursor : pointer;
}
#anketbas .buton {
border : none;
margin-right : 18px;
background-image : url("images/oyla.png");
background-repeat : no-repeat;
width : 54px;
height : 31px;
cursor : pointer;
}
#anketbas .buton:hover {
background-image : url("images/oyla.png");
background-repeat : no-repeat;
background-position : 0 -31px;
width : 54px;
height : 31px;
cursor : pointer;
}
 

 

fusyabalik fusyabalik WM Aracı Kullanıcı
  • Üyelik 04.07.2011
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 19
  • Beğeniler 1 / 1
  • Ticaret 0, (%0)
Maalesef bir işe yaramadı :(
 

 

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