مشاهدة النسخة كاملة : مشكلة فى تاطير الرباعى


مريومة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>


ارجو الحل للمشكلة ومعرفة الخطاء فين
بارك الله فيكم

مريومة2
09-08-2011, 05:02 PM
فى انتظار الخبراء

بارق امل
09-08-2011, 06:08 PM
وعليكم السلام
اهلين فيك عزيزتي

تأكدي من قياس العرض والطول للصوره

اقصد هذا :

height:39px;width:157px;

مريومة2
09-08-2011, 06:23 PM
اختى الكريمة
اولا هوة لية طول فقط لانة يتمدد
انا بتكلم على تمدد الهيدر والفوتر
اعتقد هما دول سبب المشكلة بس للاسف مش عارفة اية الحل


.h-bg{
background-image:url('images/h-bg.gif');
height:39px;background-repeat:repeat;
}

بارق امل
09-08-2011, 07:04 PM
حسب مافهمت منك بأن المشكله تتعلق بالتأطير الرباعي
والصوره التي ذكرت لك بأن تتأكدي من قياساتها لها طول وعرض لأنها صوره تجميليه وليست تمدد http://filaty.com/i/1109/15580/h-left.gif (http://filaty.com/i/1109/15580/h-left.gif)



عموماً تأكدي من قياسات جميع الصور التجميليه اوالتمدد
لأن لو اختلاف بسيط يؤثر على التوزيع

او ارسلي لي الصور واعيد لك التوزيع عشان اشوف
المشكله وين بالضبط

مريومة2
09-08-2011, 07:18 PM
بارك الله فيكى
تم ارفاق الصور بعد تقطيعها

مريومة2
09-08-2011, 10:40 PM
هاة اختى الصور فيها مشكله
وعلى فكرة دة تانى قالب اصممة
بسبب نفس المشكلة
عشان هتلاقى المقاسات مختلفة
لان المقاسات الموجودة فى الكود اللى موجود بتاع القالب اللى قبلة وبرضو نفس المشكلة
معلش تعبتك معى
فى الانتظار لحل المشكلة

بارق امل
09-09-2011, 08:16 PM
اعتذر لتأخري عليك اختي مريوومه
الصور وزعتهم قبل قليل وتظهر نفس المشكله اللي ظهرت لك
اعتقد بأن مشكلتك بمقاسات الصور بعد التقطيع
اعطيني صورة الاطار كامل بدون تقطيع وانا اقطعه واعيد توزيعه

بانتظارك غاليتي ...

مريومة2
09-10-2011, 12:24 PM
ولا يهمك اختى
المهم انك رديتى بارك الله فيكى

تم الحل
السبب فى ظهور التمدد
خلف الطراف
هو ان خلفية الصور (القالب) كانت شفافة
فلما عملت قالب جديد بخلفية بيضاء تم الحل
بس كان عندى استفسار هل لازم فى تصميم قالب لازم يكون الخلفية بيضاء