بسم الله الرحمن الرحيم
الموضوع ومافيه أني عملت ملف تنسيقات css هو شغال في الإكسبلورر لكن مع الفاير فوكس مايعمل المساحات بشكل صحيح ولا يطلع الصور أنا حولت محاولات عديدة لكن مع الأسف مازانت هذا هو كود css :
كود:
body {
background:#e7e7e7;
text-align:center;
}
div {
direction: ltr;
width:695;
text-align:left;
}
#TL {
background:#FFFFFF url('images/headerTL.gif') no-repeat;
width: 229;
height: 74;
}
#index a {
background-image: url('images/B3-1.gif');
width: 85;
height: 38;
}
#index a:hover{
background-image: url('images/B3-2.gif');
width: 85;
height: 38;
}
#personal a {
background-image: url('images/B2-1.gif');
width: 144;
height: 57;
}
#personal a:hover{
background-image: url('images/B2-2.gif');
width: 144;
height: 57;
}
#business a {
background-image: url('images/B1-1.gif');
width: 142;
height: 46;
}
#business a:hover{
background-image: url('images/B1-2.gif');
width: 142;
height: 46;
}
#call a {
background-image: url('images/B4-1.gif');
width: 67;
height: 209;
}
#call a:hover{
background-image: url('images/B4-2.gif');
width: 67;
height: 209;
}
#backG {
background:#FFFFFF;
width: 628;
height: 216;
}
#header {
background:#FFFFFF url('images/header.gif') no-repeat 0% top;
height: 188;
width: 628;
text-align:center;
}
#content {
background:#FFFFFF url('images/logo.gif') no-repeat fixed left bottom;
width: 628;
height: 268;
text-align:right;
direction:rtl;
font-family:Tahoma, Georgia, Arial, Serif;
padding-left:15px; padding-right:15px;
}
#footer {
background:#FFFFFF url('images/footer.gif') no-repeat ;
width: 628;
height: 57;
}
بالنسبة لشفرة الأتش تي أم أل فهذي هي :
كود HTML:
<html dir="rtl">
<head>
<title>A-RBG For Design</title>
<link rel="stylesheet" type="text/css" href="./style.css" media="screen">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
</head>
<body>
<div>
<span id="TL"></span>
<span id="business"><a href="business.php"></a></span>
<span id="personal"><a href="personal.php"></a></span>
<span id="index"><a href="index.php"></a></span>
</div>
<div>
<span id="backG"><span id="header"></span></span>
<span id="call"><a href="call.php"></a></span>
</div>
<div><span id="content">
<p> المحتوى الآن هنا وحتى النهاية <br /><br /><br /><br /><br /><br /> مجرد
اختبار للمحتوى </p></span>
</div>
<div><span id="backG2"></span>
</div>
<div><span id="footer"></span>
</div>
</body>
</html>
رد مع اقتباس
