الموضوع: مشكله اتعبتني الصور لا تظهر في يسار الهيدر !

السلام عليكم ورحمة الله وبركاته

قمت بعمل ستايل الهيبدر 3 اجزاء

صورة يمين و صورة يسار و نقطة تمدد

بهذا الشكل

كود PHP:

<div class="logo1">
<div class="logo2">
<div class="logo3">

</div>
</div>
</div> 


و css

كود HTML:

.logo2 { 
height:250px;width:200px;
background-position: top left;
    background-image:url('http://xxxxxxxxx');}

.logo1
 { background-image:url('http://XXXXXXXXX');
height:250px;Background-repeat: repeat-x;}



.logo3 {
    background-image:url('http://http://xxxxxxxxx');
height:250px;width:5009px;background-position: top right;}

وين الخطأ

الصورة التي في اليسار لا تظهر ابدا لا تظهر الا في اليمين لا استطيع وضع اي ص2وره في اليسار

المكتوب بالكود في عرض الصورة logo3 هو width:5009px وربما هذا الخطأ لانها ستجعل الصورة تتمدد بهذا العرض

عموما نظمت لك الكود بطريقة اخرى يمكنك استخدامه بهذا الشكل واخبرني بالنتيجة :

css :

كود HTML:

#header {
background-image:url('image.gif');
height:35px;
background-repeat: repeat-x;
}

#header .logo2 { 
height:35px; width:100px;
background-image:url('image.gif'); 
background-position: top left;
float:left;
}

#header .logo3 {
background-image:url('image.gif');
background-position: top right;
height:35px; width:100px; 
float:right;
}

html :

كود PHP:

<div id="header">
<div class="logo3"></div>
<div class="logo2"></div></div> 


بهذا الشكل الهيدر سيحوي كل من logo3 و logo2 ويمكنك تمديده بدون مشكلة