تختفي النقاط

Question

http://biochrom.fivesite.co.uk/catalogue4.asp

في الصفحة أعلاه هناك صورة طفت على اليسار.إلى اليمين من قائمة بعنوان "ملامح".قائمة البنود صورة خلفية ، ومع ذلك ، فإنه ليس الظهور.قائمة 2 يبين كيف الخلفية تبدو الصورة.

لا أحد يعرف كيف يمكن أن تجعل الرصاص مرئية ؟

Answer 1

وصورتك لها تعويم: غادر الممتلكات. وبالتالي يتم تقديم عناصر القائمة "وراء" صورة.

margin-left:200px;

وعلى عنصر UL سوف يحل مشكلتك.

وبدلا من ذلك، يمكنك تطبيق تعويم: غادر على هاتفك UL-عنصر. وهذا سيجعل من تعويم الحق في الصورة، ولكن سوف تجعل المحتوى التالي تظهر على نفس السطر. يمكنك منع هذا عن طريق تطهير UL عنصر أو إضافة عنصر بعد UL عنصر مع ...

clear:both

... المطبق عليه.

ويمكن الاطلاع على مزيد من المعلومات حول هذا السلوك في http://www.positioniseverything.net/easyclearing. أتش تي أم أل .

Answer 2

وأنا أعلم أن هذه هي السنة وظيفة القديمة ولكن البعض الآخر قد تريد أن تعرف ...

وماذا يحدث إذا كنت تستخدم نظام إدارة المحتوى وبعض الصفحات تحمل الصور والبعض لا كنت لا تريد عناصر القائمة الخاصة بك لتكون 200px في المحتوى؟

ويمكنك إضافة هذه CSS لديك عنصر UL / OL:

overflow:hidden;

وآمل أن يساعد.

Answer 3

هذا الموضوع قديم في الواقع ، ولكن دائما ذات الصلة...

آخر حل بديل:

display: inline-block;

وضع هذا على المجاهدين.أنها قوات كامل ul تظهر بعد تعويم.بهذه الطريقة يمكنك الحصول على الصفحة مع أو بدون صورة سيتم دوما عرض بشكل صحيح (فحص على FF4 ، IE7 و 8, كروم 11).

Answer 4

وبدلا من ذلك، يمكن استخدام الخاصية قائمة على غرار صورة بدلا من خلفية الصورة. ركضت في هذه المشكلة بالذات في اليوم الآخر: سلوك التفاف النص الذي يطفو معرض حول "الجيران هم لا ينطبق إلا على" المحتوى "، وليس الصور الخلفية (على سبيل المثال)