PDA

View Full Version : سوال: مشکل منو با ul,li در ie6,7


zareei_ta
دوشنبه 02 آبان 1390, 09:37 صبح
من منو با ul,li ساختم که ایتم های منو را در ie7,6 نشون نمیده ولی در بقیه مرورگرها نشون میده.

css ها به صورت زیر نوشتم.


.rhm1{
width:800px;
height:64px;
margin:0 auto;
background:url(Images/MasterPage/rhm1_bg.gif) repeat-x;
position:relative;
top:20px;
/*right:120px;*/
}
.rhm1-left{
background:url(Images/MasterPage/rhm1_l.gif) no-repeat;
width:15px;
height:64px;
float:left;
}
.rhm1-right{
background:url(Images/MasterPage/rhm1_r.gif) no-repeat;
width:15px;
height:64px;
float:right;
}
.rhm1-bg{
background:url(Images/MasterPage/rhm1_bg.gif) repeat-x;
height:64px;
float:right;
/*width:800px;*/
}
.rhm1-bg ul{
list-style:none;
margin:0 auto;
display:inline;
float:left;
height: 47px;

}
.rhm1-bg li{
float:right;
list-style:none;
display:inline;
}
.rhm1-bg li a{
float:right;
/*display:block;*/
color:#ffe8cc;
text-decoration:none;
font:12px 'Lucida Sans', sans-serif;
font-weight:bold;
padding:0 0 0 18px;
height:64px;
line-height:40px;
text-align:center;
cursor:pointer;
}
.rhm1-bg li a span{
float:right;
display:block;
padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_r.gif) no-repeat right 5px;
}
css-man
دوشنبه 02 آبان 1390, 09:56 صبح
یه توصیه دوستانه بهت میکنم اونم اینه که هیچ وقت سعی نکن مشکلاتی که ie باهات داره رو حل کنی
کلا هیچ وقت وقتتو تلف این مرور گر مزخرف نکن
zareei_ta
دوشنبه 02 آبان 1390, 10:02 صبح
اما بیشتر افراد از این مرورگر استفاده می کنند
css-man
دوشنبه 02 آبان 1390, 10:23 صبح
حرفتو قبول دارم
من معمولا یه جایی که تو چشم باشه و جلب توجه کنه می نویسم لطفا از فایر فاکس یا کروم استفاده کنید و به این ترتیب در 70 درصد از عمرم صرفه جویی میکنم
hamidre13
دوشنبه 02 آبان 1390, 10:26 صبح
اول یه فایر باگ نصب کن بعد از تگ های دستوری واسه ای ای استفاده کنید!پ
zareei_ta
دوشنبه 02 آبان 1390, 11:26 صبح
با دیدن کد ها نمیشه مشکلش رو حل کرد
Saber Mogaddas
دوشنبه 02 آبان 1390, 13:30 عصر
سلام
شما لطف می کردین و html رو هم میزاشتین تا بهتر بررسی شه..
Ie هم مشکلاتی تو نمایش داره ولی اینجورم نیست که حل نشه..کار شما درسته و می خواهید سایتتون Cross Browser باشه..و این خیلی عالیه ..برای کشوری که هنوز uPdate بودن توش جا نیوفتاده..
موفق باشی..
zareei_ta
دوشنبه 02 آبان 1390, 14:31 عصر
اینم کد html

<div class="rhm1">
<div class="rhm1-right"></div>
<div class="rhm1-left"></div>
<div class="rhm1-bg">
<ul>
<li><a href="ContactUs.aspx"><span> تماس با ما</span></a></li>
<li><a href="Contracting Company.aspx"><span>مراکز طرف قرارداد</span></a></li>
<li><a href="AboutUs.aspx"><span>درباره ما</span></a></li>
<li><a href="AboutUs.aspx"><span>عضویت</span></a></li>
<li class="current"><a href="Default.aspx"><span>صفحه نخست</span></a></li>
<%-- <li><a href="#"><span>Contact Us</span></a></li>--%>
</ul>
</div>
</div>
Saber Mogaddas
دوشنبه 02 آبان 1390, 15:40 عصر
سلام
تست کردم تو IE هم inLine شد ..


<html>
<head>
<title></title>

<style type="text/css">
.rhm1{
width:800px;
height:64px;
margin:0 auto;
background:url(Images/MasterPage/rhm1_bg.gif) repeat-x;
position:relative;
top:20px;
/*right:120px;*/
}
.rhm1-left{
background:url(Images/MasterPage/rhm1_l.gif) no-repeat;
width:15px;
height:64px;
float:left;
}
.rhm1-right{
background:url(Images/MasterPage/rhm1_r.gif) no-repeat;
width:15px;
height:64px;
float:right;
}
.rhm1-bg{
background:url(Images/MasterPage/rhm1_bg.gif) repeat-x;
height:64px;
float:right;
/*width:800px;*/
}
.rhm1-bg ul{
list-style:none;
margin:0 auto;
display:inline-block;
float:left;
height: 47px;
width: 730px;

}
.rhm1-bg li{
float:right;
list-style:none;
width:150px;
height:50px;

}
.rhm1-bg li a{
float:right;
/*display:block;*/
color:#ffe8cc;
text-decoration:none;
font:12px 'Lucida Sans', sans-serif;
font-weight:bold;
padding:0 0 0 18px;
height:64px;
line-height:40px;
text-align:center;
cursor:pointer;
}
.rhm1-bg li a span{
float:right;
display:block;
padding:0 32px 0 18px;
}
.rhm1-bg li.current a{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li.current a span{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_r.gif) no-repeat right 5px;
}
.rhm1-bg li a:hover{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_l.gif) no-repeat left 5px;
}
.rhm1-bg li a:hover span{
color:#fff;
background:url(Images/MasterPage/rhm1_hover_r.gif) no-repeat right 5px;
}
</style>
</head>
<body>
<div class="rhm1">
<div class="rhm1-right"></div>
<div class="rhm1-left"></div>
<div class="rhm1-bg">
<ul>
<li><a href="ContactUs.aspx"><span> تماس با ما</span></a></li>
<li><a href="Contracting Company.aspx"><span>مراکز طرف قرارداد</span></a></li>
<li><a href="AboutUs.aspx"><span>درباره ما</span></a></li>
<li><a href="AboutUs.aspx"><span>عضویت</span></a></li>
<li class="current"><a href="Default.aspx"><span>صفحه نخست</span></a></li>

</ul>
</div>
</div>
</body>
</html>

موفق باشی..
zareei_ta
دوشنبه 02 آبان 1390, 16:57 عصر
ممنون بهتر شد ایتم های منو ها را نشون میده ولی بهم ریخته است فکر کنم باید اندازه ایتم های منو را تنظیم کنم.درسته؟
Saber Mogaddas
دوشنبه 02 آبان 1390, 19:20 عصر
بله دیگه باید رش کار کنی که زیباتر شه..
هر جا نیاز به کمک بود خوشحال میشم..
موفق باشــــــــــــــــــــــ ـــی..