لدي قائمة ( navigation ) لمدونة بالشكل التالي :
http://s17.postimage.org/aj7ui4s4f/image.jpg
أريد تأطيرها عن طريق css بالصورة التالية ( صورة يمين + محتوى القائمة مع خلفية متمددة + صورة يسار ) .
قمت بعمل 3 div على الشكل التالي :
كود:
<div id="right">
</div>
<div id="content">
content
</div>
<div id="left">
</div>
وفي ملف الــcss كتبت التالي :
كود:
#content {
background:url(images/navbarmid.png) repeat-x;
height: 39px;
line-height: auto;
}
#righ {
background:url(images/navbarright.png) no-repeat top right;
background-position: 0 0;
float: right;
height: 39px;
width: 20px;
float: right;
}
#left {
background:url(images/navbarleft.png) no-repeat top left;
float: left;
background-position:-30px 0;
height: 39px;
width: 24px;
float: left;
}
لكن لم تضبط معي
السؤال الآخر :
أريد الحفاظ على مسافات متساوية بين عناصر القائمة ( navigation ) بحيث كل ما أضفت أو أزلت عنصر للقائمة تتوزع المسافات بين العناصر بشكل متساوي ..