PDA

View Full Version : سوال: مشکل در قسمت breadcrumb قالب HTML در مرورگر کروم


AmirHosein.B
پنج شنبه 18 اردیبهشت 1393, 09:50 صبح
با سلام و خسته نباشید. من یک قالب انگلیسی html را ترجمه کردم همه قسمت ها به درستی اوکی شد به غیر از قسمت breadcrumb قالب اونم در مرورگر فایرفاکس بدون مشکل نمایش داده می شه اما در مرورگر کروم لینک ها به درستی نشون نمیده همونطور که در عکس هم مشخص کردم:

لینک عکس : http://upload7.ir/imgs/2014-05/64424604812422093335.jpg

اینم استایل css:
.breadcrumb {
height:29px;
direction:rtl;
background:url(../img/breadcrumb-bg.gif) repeat-x left top;
}
.breadcrumb ul {
height:29px;
direction:rtl;
padding:7px 25px;
}
.breadcrumb ul li {
float:right;
direction:rtl;
text-align:right;
}
.breadcrumb ul li a, .breadcrumb ul li a:hover {
color:#575757;
padding:0px 2px;
text-decoration:none;
}
.breadcrumb ul li a.current, .breadcrumb ul li a.current:hover {
color:#898989;
}


ممنون میشم از دوستان کمک کنن
qartalonline
پنج شنبه 18 اردیبهشت 1393, 10:45 صبح
کد html رو هم بذارید.
AmirHosein.B
پنج شنبه 18 اردیبهشت 1393, 11:26 صبح
<div class="breadcrumb">
<ul>
<li><a href="index.html">ایندومارت</a></li>
<li><a href="indicators.html" class="current">/ نمایشگر</a></li>
<li><a href="bargraph-indicators.html" class="current">/ نمایشگر بارگراف</a></li>
</ul>
</div>
qartalonline
پنج شنبه 18 اردیبهشت 1393, 16:02 عصر
کد زیر رو تست کنید. اگه باز مشکل داشت احتمالا مشکل از کدهای دیگر یا فونتتون هستش.

<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Breadcrumbs</title>
<style type="text/css">
.breadcrumb{
display: block;
direction: rtl;
background: url(../img/breadcrumb-bg.gif) repeat-x left top;
background-color: #eee;
}
.breadcrumb ul{
display: block;
direction: rtl;
padding: 0 25px;
}
.breadcrumb ul:before, .breadcrumb ul:after{
display: table;
content: " ";
}
.breadcrumb ul, .breadcrumb ul:after{
clear: both;
}
.breadcrumb ul li{
display: block;
float:right;
direction:rtl;
text-align:center;
margin: 7px 4px;
color: #999;
}
.breadcrumb ul li a{
display: block;
color: #666;
text-decoration:none;
}
.breadcrumb ul li a:hover{
color: #333;
}
.breadcrumb ul li a.current, .breadcrumb ul li a.current:hover{
color:#898989;
}
</style>
</head>
<body>
<div class="breadcrumb">
<ul>
<li><a href="index.html">ایندومارت</a></li>
<li>/</li>
<li><a href="indicators.html">نمایشگر</a></li>
<li>/</li>
<li>نمایشگر بارگراف</li>
</ul>
</div>
</body>
</html>