-
مشكله في التأطير
بسم الله الرحمن الرحيم ..
مساكم الله بالخير .. اخواني ..
اشكر المنتدى على الدورات الجميله .. من اداره و مشرفين و اعضاء .. لكم جزيل الشكر ..
عندي مشكله .. في التأطير بالـ css اتمنى ايجاد الحل
شوفو
http://img375.imageshack.us/img375/9911/sssssc.jpg
وهذا الكود
كود HTML:
<!--asd3344 h-->
<div id="asd3344-eh">
<div class="asd3344-ehl"> </div>
<div class="asd3344-ehr"> </div>
</div>
<!--asd3344 end h-->
<!--asd3344 etar-->
<div class="asd3344-er">
<div class="asd3344-el">
<!--asd3344 end etar-->
<!--asd3344 f-->
</div>
</div>
<div id="asd3344-ef">
<div class="asd3344-efl"> </div>
<div class="asd3344-efr"> </div>
</div>
<!--asd3344 end f-->
وهذا الـ css
كود:
#asd3344-eh {
background-image:url(style2010/images/etar-h.jpg);
height:40px;
}
#asd3344-eh .asd3344-ehl {
background-image:url(style2010/images/etar-h-l.jpg);
height:40px;
width:44px;
float:left;
}
#asd3344-eh .asd3344-ehr {
background-image:url(style2010/images/etar-h-r.jpg);
height:40px;
width:94px;
float:right;
}
.asd3344-er {
background-image:url(style2010/images/etar-r.jpg);
background-repeat: repeat-y right;
}
.asd3344-el {
background-image:url(style2010/images/etar-l.jpg);
background-repeat: repeat-y left;
padding-left:60px;
padding-right: :60px;
}
#asd3344-ef {
background-image:url(style2010/images/etar-f.jpg);
height:17px;
width:100;
}
#asd3344-ef .asd3344-efl {
background-image:url(style2010/images/etar-f-l.jpg);
height:17px;
width:83px;
float:left;
}
#asd3344-ef .asd3344-efr {
background-image:url(style2010/images/etar-f-r.jpg);
height:17px;
width:37px;
float:right;
}