wmaraci reklam
lidertakipci

Css kodu hakkında bir soru

3 Mesajlar 1.555 Okunma
advertseo
wmaraci reklam

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}
 

 

wmaraci
reklam

LadyArch3r LadyArch3r Web Developer Kullanıcı
  • Üyelik 02.04.2011
  • Yaş/Cinsiyet 33 / 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
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al