صفحة 2 من 2 الأولىالأولى 12
النتائج 16 إلى 28 من 28

الموضوع: [سؤال] أريد توسيط الموقع بالـ CSS

  1. #16


    رجعت لكم إخواني ومعي حاجة أبيكم توضحونها لي يا أترك css وراء ظهري و أحرّم أشتغل فيها

    يا أبدع فيها و أنظم إلى فريقكم

    لأنها لفتت أنتباهي حاجة أثناء العمل وهي

    في تقنية css / خواص الأوسمه أحددها مسبقاً في ملف الـ css مثلاً

    top: 5px;
    right: 100px;
    و أنا أقصد هاتين الخاصيتين تحديداً

    كيف يكون العمل موسط مع العلم أني أجبرته على أن يكون 5بكسل من أعلى الصفحة و 10 بكسل من يمين الصفحة ؟؟؟

    لا أستطيع ذلك هل هناك طريقة للتوسيط مع تحديد أماكن الـ [id] و كيف ذلك

    والله أبي أموت من القهر يمكن فتحت مكتوب اليوم أكثر من 50 مرة و أفحص كوده و ماهي طريقته

    و أحصل نفس طريقة الإخوان و لكن لا أدري ما المشكلة

    مع العلم أن طريقة أكتشافي للخطأ هو بتصميم ملف css جديد و بدون أي معرفات [id] و ضبط كود التوسيط

    و بدأت أضيف المعرفات واحد تلو الآخر و من ثاني واحد صار الموقع على اتجاة الموقع على اليمين و الذي تبين لي أنه من تحديد المكان ...

    فلا تأخذوني بودي ان أتعلم هذه التقنية و أكون مثلكم ...

    و انتم طيبين و حنا نستاهل

    أخوكم / أبواب





    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

  2. #17
    عضو فعال
    تاريخ التسجيل
    Oct 2005
    المشاركات
    1,250


    ضع كود الـ css + html ربما هناك تعارض





    __________________
    اعلانات لوّن - أسعار رمزية جدا

    موقع لوّن- دروس فوتوشوب-خطوط-ايقونات-قوالب-شعارات-فرش و ستايلات فوتوشوب



  3. أنا لم أفهم شىء من سؤالك و لم أفهم أيضاً هل نجح معك الكود الذى كتبته لك ؟
    و على فكره الإنترنت إكسبلورر فاشل فعلاً و لكن هناك زوار يستخدمونه ، فأن أهملته فأنت تهمل أكثر من 50% من زوار موقعك






  4. #19


    أهلاً اخوي ابراهيم

    معليش على الغموض اللي بدر مني لأني ضقت ذرعاً بالتجارب

    و لكن أخوي الكود اللي انت أعطيتنياه صحيح 100 % ولكن لم يحل مشكلتي

    لأني أستخدم خواص top و right و هذين الكودين يتعارضون مع الكود اللي اعطيتنياه

    و ذلك لأني بعد أن اعمل التوسيط مستخدماً كودك انت فإني أحدد مثلاً الفوتر يكون right 50px;

    وهذا يلغي التوسيط من أساسة لأني أجبرت المعرف على أن يتحاذى على الصفحة و على بعد 50 بكسل تحديداً

    و لحل مشكلتي أطلعت على مواقع تستخدم css و لم أجد كود right و top بالمرة

    لذا يجب ان ألغي أي كود عندي [right/top] و أبحث عن طرق جديدة لترتيب القوائم لدي

    و البحث جاري حتى أجد الإجابة فإن فهمت كلامي اخوي فهذا المطلوب و غن لم تفهمه سأشرحه مرة أخرى

    و لك الشكر و التقدير

    أخوك / أبواب





    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

  5. #20


    الموضوع بسيط ومايحتاج هالتعقيد
    إستخدام Right قليل نوعاً ما , وغالباً يكون إستخدامه مقرون بـ Postion
    ومستحيل يكون فيه تعارض إلا إذا كانت التركيبة أساساً فيها تعارض في الخصائص .
    أما وضع Right=50 لغرض في الفوتر يعطل توسيط الموقع فمستحيل

    ياليت توضح أخوي أبواب المشكلة أكثر وإذا بالأكواد يكون ممتاز وإن شاء الله نحلها لك





    __________________
    كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد
    ﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
    *عدم ردي على بعض الرسائل لايعني تجاهلي لها

  6. #21


    يا هلا و الله و مسهلا بأخوي محمد

    زارتنا و الله البركه وين يارجال مالك شوفه كل يوم أدخل على ملفك الشخصي و أشوف آخر تواجد

    أنا أقول لك أخوي

    أنا توي جديد بالـ css و أبي أتعلمه لو بالقوة

    و مشكلتي هي التالية

    صممت صفحة عرضها 990 بكسل و عجزت لا اخليها بالنص و السبب هو اني كثير ما أستخد top و right

    بمعنى أني يوم أبي أصمم الهيدر حق موقعي أكتب كود إنشاء مربع و أعرفه في ملف الـ css بالطريقة التالية

    #header {
    top: 0px;
    right: 0px;
    width: 990px;
    height: 114px;
    background-color: #E8E4D8;
    background-image: url(images/hg.gif);
    background-position: 0px 2px;
    position: absolute;
    }
    و يوم أسوي استدعيه بملف الـhtml ما راح يكون بالنص و السبب أني استخدمت top و right و أجبرت الهيدر

    على أن يكون ملتصق بأطراف الصفحة تبي تقول لي شلها أقول لك أوكي بس راح تجيني مشكلة ثانية

    - ساعة ما أصمم الفوتر كيف تكون إعداداته بمعنى وشلون أفهم المتصفح أن الهيدر مكانه فوق و الفوتر مكانه تحت

    هذا اللي ودي اوصله لك أخوي محمد و إن شاء الله ألقى حل عند أخوي

    أنتهت المشكلة ....
    --------------------------------------------------------
    ملاحظة أخوي محمد ياليت تنورني بلمساتك السحرية في الموضوع هذا متى ما كنت فاضي

    و ما أنسالك هالجميل الموضوع هنا

    ولك شكري دائماً و أبداً

    و موفق أخوي

    أخوك / أبواب





    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

  7. #22


    الله يسلمك أخوي أبواب
    والغيـاب ظروف أجبرتنـا لكن رجعنا لسوالف

    ومشكلتك بإذن الله حلها بسيط , وبشرح لك الحل بشكل درس حتى يكون واضح وبدون غموض.

    في البداية هذا كود البدي اللي راح نشتغل عليه:
    كود:
    <body>
    <div id="wrapper"><!-- بداية ID والتحكم بالموقع -->
    <div id="header"></div> <!-- هيدر الصفحة -->
    <div id="content"></div> <!-- المحتوى "الوسط" -->
    <div id="footer"></div> <!-- النهاية " الفوتر " -->
    </div><!-- نهاية ID والتحكم بالموقع -->
    </body>
    1- حتى تتخلص من التباعد في الصفحة فوق الموقع وبالجوانب تضع خيار Body في CSS كالتالي:
    كود:
    body{
    	margin:0; <!-- هذا الخيار حتى تتخلص من التباعد -->
    	}
    2- الأن الهيدر يكون بأول شيء وبعده يجي المحتوى ثم الفوتر ( هذا التسلسل المتعارف عليه )
    كيف يكونون بهذا التسلسل دائماً لاحظ ترتيب الأكواد في كود البدي , ويكون خيار CSS كالتالي :
    كود:
    #wrapper {
    	background-color: #999999;
    	margin:0 auto; /* هذي الخاصية لتوسيط الموقع , وتقدر تستخدم الخاصيتين اللي بعدها للتوسيط لأن الأثنين يقومون بنفس العمل ولك الخيار */
    	margin-right:auto;
    	margin-left:auto;
    	width:840px; /* عرض 840 بكسل متعارف عليه , ولتمدد الموقع كامل الشاشة أستخدم 100% بدل 840 */
    }
    #header{
    	background:#333333;
    	height:62px;
    	}
    #content{
    	background:#666666;
    	height:260px;
    	}
    #footer{
    	background:#CCCCCC;
    	height:45px;
    	clear:both; /* حتى مايتأثر الفوتر بالمحتوى وللمزيد تابع موضوع الأخ فلاشر المثبت بالقسم */
    	}
    جرب ماسبق وراح تلاحظ أنه بالوسط ومرتبة ( هيدر ومحتوى وفوتر ) وبدون تباعد.

    وأي سؤال أنا حاضر





    __________________
    كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد
    ﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
    *عدم ردي على بعض الرسائل لايعني تجاهلي لها

  8. #23


    قل آمين أخوي محمد

    يا عساك للجنة طلع بالوسط في أروع ما يكون أخوي

    بارك الله فيك و فك عنك كربة من كرب يوم القيامة مثل ما فكيتها عني بالدنيا

    بس مثل ما قالو أخوي محمد الحلو ما يكملش , واجهتني مشكلة في كيف أحط المربعات

    اللي فيها محتويات الموقع و للتوضيح أرفقت صورة عشان تكون المسألة واضحه

    و المطلوب وش الطريقة اللي يخليني أرتبها إذا اعتمدنا على الكود السابق باعتبار أن محتوى

    الموقع اللي بالنص في الـ [id] المسمى [content]

    لك شكري و تقديري و جزاك الله عني كل خير

    أخوك / أبواب





    الصور المرفقة الصور المرفقة  
    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

  9. #24


    شف موضوع الأخ فلاشر يشرح نفس الجزئية اللي أنت طلبتها
    http://www.swalif.net/softs/swalif44/softs207213
    إذا وضحت لك الطريق فممتاز وإذا مافهمت الطريقة فأنا في الليل برجع وإن شاء الله أشرحها لك





    __________________
    كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد
    ﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
    *عدم ردي على بعض الرسائل لايعني تجاهلي لها

  10. #25


    ما قصرت و انا راح أتوجها للموضوع ألحين و تحصل عندي الخبر الأكيد الليلة

    و كثر الله خيرك و بيض الله وجهك أخوي محمد





    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

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

  12. #27


    هلا أخوي Zizwar منور الموضوع حبيبي و الله لا يحرمنا هالطلة البهيه

    أخوي محمد مع الأسف تابعت الشرح و تمكنت أني أنشي فقط المربعات واحده على اليمين و واحده على اليسار

    ويوم جيت أضيف وحده تحت المربع اللي على اليمين ما ضبطت

    لذلك ما أستغني عن خدماتك و تخطيط موقعي تماماً مثل الصورة اللي أرفقتها لك بآخر رد لي

    ولك شكري و تقديري ...

    أخوك / أبواب





    __________________
    .: سبحان الله و بحمده ... سبحان الله العظيم :.

  13. #28


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

    وبالنسبة لوضع صندوقين في الجهه اليمنى يحتاج شرح طويل لأنه يكون بأكثر من طريقة ومتداخلة مع بعض ( طبعاً هذي الطرق اللي أعرفها ) والشغله أقدر أشرحها لك بـ ( الصندوق الكبير بداخله صندوقين صغار ) اما بالشرح تحتاج شخص له خبرة شوي في تداخل الكلاسات و id
    الصندق الكبير : هو نفسة الجانب الأيسر أو الأيمن يكون داخله المربعين الثنين.


    جرب الإطلاع على هذا الدرس ممكن توضح لك الشغله
    Making a Two Column Fluid Layout With Rounded Corners by www.Shadow-Fox.net





    __________________
    كذب من قال الدنيا هي نفسها الدنيا بعيني من بعدك ياأبو محمد
    ﴿ كُلُّ نَفْسٍ ذَآئِقَةُ الْمَوْتِ ... ﴾ رحمة الله عليك
    *عدم ردي على بعض الرسائل لايعني تجاهلي لها





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

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

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