تمتد الحدود

Question

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

ولقد تم التفكير في هذا لبعض الوقت ولكن لا يمكن التوصل إلى أي حلول ... يمكن للشخص مساعدتي؟

Answer 1

وقد ترغب في توضيح مدى مرونة كنت على استعداد أن يكون. يمكنك التعامل مع هذا بطرق متعددة. هل تريد الحدود العلوية والسفلية تمتد إلى حافة العرض (وبالتالي الحاجة لها أن تكون السوائل العرض)؟

ويمكنك التعامل مع هذا باستخدام الصور الخلفية مع background-position وتقنية باب جرار، أو يمكنك استخدام العلامات الغريبة لإنشاء ثلاثة أعمدة تخطيط عرض السائل مع صورتك في المركز.

والأمر متروك لكم ولكن مع هذه التقنية ثلاثة أعمدة، هل يمكن إدراج divs خارج الخاص بك (أو ما كنت ترغب في استخدام) عن طريق جافا سكريبت لذلك لن يكون لكم الحاويات الفارغة في المصدر، واستخدام border-top وborder-bottom بدلا من الصور الخلفية (وبالتالي تسليط بعض الحمل لمرة والخروج من الصفحة).

تحرير: ، وللتوضيح، لأنها تريد أن تبدو شيئا مثل هذا الرسم أسكي:

_______________
               |img|_____________________

تحرير : لتخطيط العرض السوائل، استشر واحدة من العديد من مصادر عديدة على تخطيط CSS، وهنا المتهدمة جيد: http://www.smashingmagazine.com/2007 / 12/01 / خالية المغلق تخطيطات وقوالب /

وبعد ذلك على جهاز أعمدة اليمين واليسار، يمكنك أن تفعل border-top وborder-bottom على التوالي (أو استخدام خلفية الصور إذا كنت تريد حدود مربي الحيوانات)، وإعطاء الحدود صورتك ويكون ارتفاع الخاص بك ثلاث حاويات تعيين بحيث الحدود تصطف معا . نأمل أن يساعد.