النتائج 1 إلى 6 من 6

الموضوع: مشكلة أخرى بحاجة إلى Zizwar !

  1. #1
    عضو فعال
    تاريخ التسجيل
    Jul 2003
    المشاركات
    1,576

    مشكلة أخرى بحاجة إلى Zizwar !



    مرحبا


    منذ مدة بدأت بتطبيق بعض التصاميم بلغة CSS ..

    حقيقة مشكلة واجهتني من مدة وتذكرتها الآن .. فأحببت طرحها ،


    الآن لو أنا مصمم مربع بإطار كامل ( 8 صور ) بلغة CSS

    واريده متناسقا مع أي دقة شاشة .. أي بإختصار .. أريد إستخدام النسب المئوية ..

    بالنسبة للصندوق الذي بالوسط .. لو أنا محدد إرتفاعه مثلا auto height

    المشكلة ، لو زاد المحتوى للصندوق .. الصندوق نفسه بيزيد مع المحتوى عادي ..

    ولكن الصندوق الذي اسفل الصندوق الوسطاني .. لن ينزل مع المحتوى

    هل العملية معقدة ؟ المرفقات تشرح أفضل


    فسؤالي ،
    هل يوجد طريقة ما لربط الصناديق بعضها ببعض .. بحيث يكون هناك نوع من الترابط بينهما مثل الخلايا ؟



    أعرف أنك - زيزوار - لا تدخل إلا نادرا .. رجائي أن تدخل بعد الموضوع بدقيقتين





    الصور المرفقة الصور المرفقة  
    __________________
    SWF Thumbnail - tweet me


  2. #2
    مُجَاهِد سابقاً
    تاريخ التسجيل
    Apr 2004
    المشاركات
    12,000


    للرفع ،،





    __________________
    استخدم خاصية تنبيه المشرفين للضرورة وعند ملاحظة موضوع يخالف قوانين منتديات سوالف وسيتم مراجعة الموضوع او المشاركة المبلغ عنها على الفور

  3. #3
    خبير JavaScript
    تاريخ التسجيل
    Jul 2002
    المشاركات
    2,920


    الصندوق في الأسفل لا تعطي لل top أية قيمة أو أعطيها قيمة auto
    أرفق الملف لهنا اذا أمكن، لأن ليس هذه هي المشكلة، المشكلة تلك التي طرحها بشار اي الصندوق الذي في اليمين ينزاح حسب الذي في اليسار






  4. #4
    خبير سيرفرات لينكس
    تاريخ التسجيل
    Mar 1999
    المشاركات
    4,917


    زيزوا مشكلتي انا في اليمين والياسار و وفق وتحت ههه يعني كل مكان.... وللان اتوقع انه هناك حل كما ارسلت لك موضوع الاكتف اكس وشفتة انت بعينك انه يتم حساب توضع الصندوق وعدم السماح بحدوث ال overlap






  5. #5
    عضو فعال
    تاريخ التسجيل
    Jul 2003
    المشاركات
    1,576


    حسنا ..

    لا أعتقد الحلول التي ذكرتها تصلح ..

    ولكن تفضل :
    كود:
    #right1_s3 {
    	position: absolute;
    	width: 38px;
    	height: 53px;
    	margin: 0 0 0 0;
    	padding: 0;
    	right:0px;
    }
    
    #right1_s2 {
    	position: absolute;
    	width: 79px;
    	height: 53px;
    	margin: 0 38px 0 0;
    	padding: 0;
        background-image: url(2.gif);
        right:0px;
    
    }
    
    
    #right1_s1 {
    	position: absolute;
    	width: 38px;
    	height: 53px;
    	margin: 0 117px 0 0;
    	padding: 0;
    	right:0px;
    
    }
    
    #right1_s5 {
    	position: absolute;
    	width: 20px;
    	height: 308px;
    	margin: 53px 0 0 0;
    	padding: 0;
        background-image: url(5.gif);
    	right:0px;
    }
    
    #right1_s6 {
    	position: absolute;
    	width: 120px;
    	height: 250x;
    	margin: 53px 17px 0 0;
    	padding: 0;
        background-image: url(6.gif);
    	right:0px;
    }
    
    #right1_s4 {
    	position: absolute;
    	width: 22px;
    	height: 308px;
    	margin: 53px 133px 0 0;
    	padding: 0;
    	right:0px;
    	background-image: urli4.gif);
    
    
    }
    
    #right1_s8 {
    	position: absolute;
    	width: 30px;
    	height: 37px;
    	margin: 361px 0 0 0;
    	padding: 0;
    	right:0px;
    }
    
    #right1_s9 {
    	position: absolute;
    	width: 95px;
    	height: 37px;
    	margin: 361px 30px 0 0;
    	padding: 0;
        background-image: url(9.gif);
        right:0px;
    
    }
    
    #right1_s7 {
    	position: absolute;
    	width: 38px;
    	height: 53px;
    	margin: 361px 121px 0 0;
    	padding: 0;
    	right:0px;
    
    }
    
    .eg_td {
    	background-color: #FFCDD4;
    }

    وهذا ملف الموقع :




    كود:
    <div id="right1_s3"><img src="3.gif" width="38" height="53" /></div>
    <div id="right1_s2"><h1>&Ccedil;&aacute;&Ntilde;&AElig;&iacute;&Oacute;&iacute;&Eacute;</h1></div>
    <div id="right1_s1"><img src="1.gif" width="38" height="53" /></div>
    <div id="right1_s5"></div>
    
    <div id="right1_s6">
    هنا المحتوىىىىىىىىىىىى
    </div>
    
    <div id="right1_s4"></div>
    <div id="right1_s8"><img src="8.gif" width="30" height="37" /></div>
    <div id="right1_s9"></div>
    <div id="right1_s7"><img src="7.gif" width="30" height="37" /></div>

    الآن .. حاول أن تقوم بزيادة المحتوى .. عن الحد المسموح للصندوق وشوف ..


    تحياتي





    __________________
    SWF Thumbnail - tweet me

  6. #6
    عضو فعال
    تاريخ التسجيل
    Jul 2003
    المشاركات
    1,576


    Up

    ^
    ^
    ^





    __________________
    SWF Thumbnail - tweet me





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض