معذرةً على عدم تمكني من الرد
بالنسبة للمشكلة الاولى فيمكن استخدام Float لعدة عناصر محصورة في عرض معين مع اخذ بالاعتبار حجم الخلية بالنسبة لحجم الجدول
كود:
<style type="text/css">
#cells-container {
border: red 1px solid;
width: 500px;
}
#cells {
width: 500px;
overflow: hidden;
}
.cell {
width: 100px; /* 5 Columns : 500/5 */
height: 100px;
background-color: yellow;
float: left;
}
.cell .cell-inner {
border: black 1px solid;
height: 100%;
/*padding: 1px;
margin: 2px;*/
}
.cell .cell-body {
height: 70%;
}
.cell .cell-footer {
background-color: gray;
line-height: 30px;
height:30%;
}
</style>
<div id="cells-container">
<div id="cells">
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
<div class="cell">
<div class="cell-inner">
<div class="cell-body">
</div>
<div class="cell-footer">
FOOT
</div>
</div>
</div>
</div>
</div>
هذا الكود تمعن فيه جيدا مع تغيير مايلزم
float:left ممكن تكون right اذا كانت الصفحة RTL
بالنسبة للاسهم فهي رموز تكتب بالhtml كالاتي » و «
----
بالنسبة للقائمة :
كود:
<style type="text/css">
<!--
body {
direction:rtl;
}
#menu1_container {
background-image: url(images/menu-bg.gif);
background-repeat: no-repeat;
background-position: right top;
height: 316px;
width: 204px;
margin: 0px;
padding: 0px;
}
.menu1 ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu1 li {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #14A0DD;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #14A0DD;
/*list-style-position: inside;
list-style-image: url(images/tv.png);*/
background: url(images/tv.png) no-repeat 0px 5px;
width: 150px;
height: 27px;
line-height: normal;
margin: 0px;
padding: 0px;
padding-left: 20px;
/*clear:both;*/
}
a:link {
color: #14A0DD;
text-decoration: none;
display: block;
}
a:visited {
text-decoration: none;
color: #14A0DD;
}
a:hover {
text-decoration: none;
color: #f6992c;
font-weight: bold;
}
a:active {
text-decoration: none;
color: #f6992c;
}
-->
</style>
ملاحظة جانبية / اتمنى ان تعيد النظر في بعض محتويات الموقع وبالتوفيق.