مريومة2
09-08-2011, 03:25 PM
السلام عليكم
انا قمت بتاطير قالب رباعى على css
المهم كذا مرة بعد الانتهاء من الاكواد
وتاطيرها
يطلع لى المشكلة دى
ان اطراف القالب انا مصمماها اطراف ناعمة
ولكن بعد التاطير الاقى الاطراف اصبحت حادة من تمدد الهيدر ونفس المشكلة بالفوتر
صورة للمشكلة
http://filaty.com/i/1109/29930/Untitled.png
والمفروض الاطراف تبقى كدة
http://filaty.com/i/1109/15580/h-left.gif
http://filaty.com/i/1109/15580/h-left.gif (http://filaty.com/i/1109/15580/h-left.gif)
دى الاكواد
.h-bg{
background-image:url('images/h-bg.gif');
height:39px;background-repeat:repeat;
}
.h-right{
background-image:url('images/h-right.gif');
height:39px;width:148px;
background-repeat:no-repeat;float:right;
}
.h-left{
background-image:url('images/h-left.gif');
height:39px;width:157px;
background-repeat:no-repeat;float:left;
}
.b-bg{
background:transparent;
text-align:justify;
}
.b-right{
background:url('images/b-right.gif') repeat-y right 50%;
}
.b-left{
background:url('images/b-left.gif') repeat-y left 50%;
padding-right:20px;padding-left:20px;
}
.f-bg{
background-image:url('images/f-bg.gif');
height:40px;background-repeat:repeat;
}
.f-right{
background-image:url('images/f-right.gif');
height:40px;width:281px;
background-repeat:no-repeat;float:right;
}
.f-left{
background-image:url('images/f-left.gif');
height:40px;width:15px;
background-repeat:no-repeat;float:left;
}
ودى الكلاسات
<div class="h-bg">
<div class="h-right"></div>
<div class="h-left"></div>
</div>
<!--هذا الكلاسات للاطراف-->
<div class="b-bg">
<div class="b-right">
<div class="b-left">
</div>
</div>
</div>
<!--هذا الكلاسات للفوتر-->
<div class="f-bg">
<div class="f-right"></div>
<div class="f-left"></div>
</div>
ارجو الحل للمشكلة ومعرفة الخطاء فين
بارك الله فيكم
انا قمت بتاطير قالب رباعى على css
المهم كذا مرة بعد الانتهاء من الاكواد
وتاطيرها
يطلع لى المشكلة دى
ان اطراف القالب انا مصمماها اطراف ناعمة
ولكن بعد التاطير الاقى الاطراف اصبحت حادة من تمدد الهيدر ونفس المشكلة بالفوتر
صورة للمشكلة
http://filaty.com/i/1109/29930/Untitled.png
والمفروض الاطراف تبقى كدة
http://filaty.com/i/1109/15580/h-left.gif
http://filaty.com/i/1109/15580/h-left.gif (http://filaty.com/i/1109/15580/h-left.gif)
دى الاكواد
.h-bg{
background-image:url('images/h-bg.gif');
height:39px;background-repeat:repeat;
}
.h-right{
background-image:url('images/h-right.gif');
height:39px;width:148px;
background-repeat:no-repeat;float:right;
}
.h-left{
background-image:url('images/h-left.gif');
height:39px;width:157px;
background-repeat:no-repeat;float:left;
}
.b-bg{
background:transparent;
text-align:justify;
}
.b-right{
background:url('images/b-right.gif') repeat-y right 50%;
}
.b-left{
background:url('images/b-left.gif') repeat-y left 50%;
padding-right:20px;padding-left:20px;
}
.f-bg{
background-image:url('images/f-bg.gif');
height:40px;background-repeat:repeat;
}
.f-right{
background-image:url('images/f-right.gif');
height:40px;width:281px;
background-repeat:no-repeat;float:right;
}
.f-left{
background-image:url('images/f-left.gif');
height:40px;width:15px;
background-repeat:no-repeat;float:left;
}
ودى الكلاسات
<div class="h-bg">
<div class="h-right"></div>
<div class="h-left"></div>
</div>
<!--هذا الكلاسات للاطراف-->
<div class="b-bg">
<div class="b-right">
<div class="b-left">
</div>
</div>
</div>
<!--هذا الكلاسات للفوتر-->
<div class="f-bg">
<div class="f-right"></div>
<div class="f-left"></div>
</div>
ارجو الحل للمشكلة ومعرفة الخطاء فين
بارك الله فيكم