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

الموضوع: مشاكل في الـ css وسؤال في المواصفات القياسية

  1. مشاكل في الـ css وسؤال في المواصفات القياسية



    السلام عليكم جميعا

    عملت مؤخرا موقع جديد

    http://www.cre-des.net/

    واجهتني مشكلة في الـ css


    انا اضفت النمط التالي

    كود:
    .item        {CURSOR: hand; width: 100%; }
    :hover.item        { width: 100%; CURSOR: hand; background-color: #EEEEE8}

    في السيرفر المحلي يعمل بدون مشاكل

    عند مرور الماوس على ال div المعرف بالكلاس item يتغير إلى الكلاس :hover.item

    مثل الإرتباطات التشعبية

    كود:
    a {text-decoration:none; font-size:9pt}
    a:hover { color: #FF0000 }

    الإرتباطات التشعبية تعمل بدون مشاكل لكن الـ item لا يتغير في الموقع على النت اما بالسيرفر المحلي يعمل بدون اي اخطاء

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

    هل هناك ترتيب معين للكلاسات في الملف style.css ؟

    هل الكود صحيح ؟


    النقطة الثانية بخصوص المواصفات القياسية

    قمت بتحديد عرض وارتفاع الجدول بهذا الشكل


    كود HTML:
    <table align="center" cellpadding="0" style="width: 778; height: 100%;">
    لاحظ العرض width: 778

    لكن عندما وضعت
    الكود

    كود:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    لاحظت انه تجاهل العرض تماما واصبح الجدول ممتدا على امتداد الصفحة والإرتفاع ثابت بحسب المحتوى لايتغير


    أتمنى وضحت الفكرة ...

    وأتمنى اجد حل لديكم

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

    والسلام عليكم

    وحيد ،





    __________________
    كل مالا يعطى يضيع


  2. #2
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    أما عن الأول..
    جرب تغيير:
    كود:
    :hover.item        { width: 100%; CURSOR: hand; background-color: #EEEEE8}
    إلى:
    كود:
    .item a:hover   { width: 100%; CURSOR: hand; background-color: #EEEEE8}
    أما عن الثاني.. فكلامك غريب بصراحة

    طيب جرب أن تجعل هذه الاعدادات ككلاس وتعرّف الكلاس في الجدول





    __________________
    مدونة المبدع العربي

  3. #3
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    العرض: 778
    ضع بجانبه px
    فيصبح:
    778px





    __________________
    مدونة المبدع العربي



  4. هلا مبدعنا

    الأول انا ابيه مو بس على الإرتباط التشعبي

    وانما على الـ div نفسه

    مثل

    كود:
    .comment INPUT:hover {
    	BORDER-RIGHT: #43a2c0 1px dashed; PADDING-RIGHT: 3px; BORDER-TOP: #75bbd0 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND: #f4faff; PADDING-BOTTOM: 3px; BORDER-LEFT: #43a2c0 1px dashed; COLOR: #1f4f5e; PADDING-TOP: 3px; BORDER-BOTTOM: #75bbd0 1px solid; FONT-FAMILY: Tahoma
    }
    هذا من DevPedia لاحظ عند المرور على الزر يتغير الكلاس
    الآن حطيته بهذا الشكل


    كود:
    .item        {CURSOR: hand; width: 100%; }
    .item:hover        {width: 100%; CURSOR: hand; background-color: #EEEEE8; }

    والمشكلة كما هي للأسف



    اما بخصوص الجدول فوالنعم والله
    تم فعلا كما ذكرت اضفت px

    الحمد لله الآن
    This Page Is Valid HTML 4.01 Transitional!
    http://validator.w3.org/check?uri=ht...doctype=Inline
    لكن اتمنى نجد حل لـ hover

    جزاك الله خيرا

    تحياتي

    وحيد





    __________________
    كل مالا يعطى يضيع

  5. #5
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    تذكر شيئاً واحداً
    طالما انك في الـcss
    يجب أن تحدد اما px أو % (يجب هذا) فلا تنساه

    اما الأول.. بصراحة لا أخفيك أن خبرتي في الـhover ليست كبيرة لأنني تعلمته من التجربة والسورس ولم أتعلمه من كتاب كالبقية.. ولو يتوفر لديك مثال نستطيع أن نراه

    عموماً سأستدعي من هم أخبر مني في هذا


    شيئ آخر.. طالما ان الموقع لك وتطمح أن يكون متوافقاً مع المعايير بشكل أفضل.. فعليك أن تجعله متوافق مع الـstrict أيضاًإن أردت..
    http://validator.w3.org/check?uri=ht...ML+4.01+Strict

    سترى 5 أخطاء فقط وحلها سهل جداً ويكون موقعك متوافق مع المعايير حتى الصارمة (Strict)

    قم بالتالي:
    حول:
    كود HTML:
    <table align="center" cellpadding="0" style="width: 778px; height: 100%;">
    إلى:
    كود HTML:
    <table cellpadding="0" style="width: 778px; text-align: center; height: 100%;">
    حول:
    كود HTML:
    <div align="center">
    إلى:
    كود HTML:
    <div style="text-align: center;">
    حوّل:
    كود HTML:
    <p align="center">
    إلى:
    كود HTML:
    <p style="text-align: center;">
    حوّل:
    كود HTML:
    <td class="blkhed"><center>الصفحة الرئيسية</center></td>
    إلى:
    كود HTML:
    <td class="blkhed" align="center">الصفحة الرئيسية</td>
    حوّل:
    كود HTML:
    <center>
    رسالة الموقع<br><br>
    </center>
    إلى:
    كود HTML:
    <p style="text-align: center;">
    رسالة الموقع<br><br></p>
    وأخبرني بالنتائج





    __________________
    مدونة المبدع العربي

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


    يمكن للجافا سكريبت أن تحل لك المشكلة بسهولة اليك هذا الكود
    كود PHP:
    <style>
    .
    item {CURSORhandwidth100%; }
    .
    item2 width100%; CURSORhandbackground-color#EEEEE8}
    </style>

    <
    div class="item" onmousemove="this.className='item2'" onmouseout="this.className='item'">
    wino
    </div
    وأتبع الخطوات التي قال لك عنها الأخ المبدع
    أخي المبدع نسيت أن تشير الى ان الوسم الذي لا يحتوي على شيء بداخله فإنعه يغلق
    ك <br> فإنه يصبح
    كود PHP:
    <br/> 
    و السلام عليكم






  7. #7
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    أهلاً أستاذ زيزوار..
    هل حلّك يفيد في الـinputs ؟
    فنحن نستخدم الـhover للـinputs والـTEXTAREA لكنه غير مدعوم في الإكسبلورر

    أما عن <br / > فلا داعي لها لأن الأخ وحيد يستخدم الـHTML وليس الـXHTML .. ولو أراد الانتقال للآخر يمكنه عمل هذا وبعض التعديلات الأخرى ^_^


    وبالتوفيق للجميع





    __________________
    مدونة المبدع العربي

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


    اقتباس المشاركة الأصلية كتبت بواسطة المبدع العربي
    أهلاً أستاذ سردال..
    هل حلّك يفيد في الـinputs ؟
    فنحن نستخدم الـhover للـinputs والـTEXTAREA لكنه غير مدعوم في الإكسبلورر

    أما عن <br / > فلا داعي لها لأن الأخ وحيد يستخدم الـHTML وليس الـXHTML .. ولو أراد الانتقال للآخر يمكنه عمل هذا وبعض التعديلات الأخرى ^_^


    وبالتوفيق للجميع
    تقصد زيزوار و ليس سردال
    نعم حلي يفيد لجميع الوسوم غير الأ input و textarea و div






  9. #9
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    ههههههههههههه

    أعتذر منك بشدة.. دائماً أقول كلمة سردال إذا قلت (أستاذ) ربما لأنه أول من بدأت بمناداته بهذا اللقب..

    "غير الأ input و textarea و div"
    يعني ما يدعم هؤلاء؟





    __________________
    مدونة المبدع العربي



  10. السلام عليكم

    ياهلا بالمبدعين الكبار

    مبدعنا ماراح أنسى أبدا نصيحتك وبإذن الله راح أعدل الأخطاء التي ذكرتها ان شاء الله وبطلعك على النتائج

    نورتني استاذي زيزوار

    كود الجافا الذي ذكرته أعرفه فعلا لكني فضلت اعتمد على الـ css أعتقد هو أفضل من الجافا سكريبت بكثير

    ومستخدمه هنا
    http://www.uqu.edu.sa/lib/

    لكن بالـ css و الـ hover غير ممكن حتى مع الـ input و textarea و div مو شغالة
    ماأعرف السبب
    هي هي غير مدعومة في الإكسبلور مثل ماقلت مبدعنا ؟؟

    وشكرا لكم كلكم أساتذتي

    خالص تحياتي للجميع


    وحيد ،





    __________________
    كل مالا يعطى يضيع

  11. #11
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    نعم أظنها من الـcss3
    وتعرف أنت أن الاكسبلورر متطور بشدة فربما صار يدعم الإصدار الذي لم ينزل css4 وتخلى عن css3

    فلابد من حلول بديلة واذا كان حل زيزوار نافع، فطبقه

    أما عن ماقلته لك.. فهي تعديلات بسيطة وتستطيع تطبيقها ليصبح الموقع متوافق مع الـStrict

    بالتوفيق





    __________________
    مدونة المبدع العربي



  12. هلا مبدع


    فعلا انا منزل على جهاز انترنت اكسبلور 7 بيتا

    ولاحظت ان الـ hover شغالة مية مية


    لكن على انترنت اكسبلور 6 لا يعمل اذا المشكلة من المتصفح وليست من الأكود .. الحمد لله


    وراح اطبق الحلول البيدلة بحول الله او اتركها كما هي وبجرب متصفحات أخرى

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


    وحيد ،





    __________________
    كل مالا يعطى يضيع



  13. السلام عليكم

    مبدعنا

    حاولت اجرب اختبار المواصفات الصارمة

    (Strict)

    لكن ظهر لي عدة أخطاء أغلبها موجودة في ردك اللي فوق مو مشكلة


    لكن ماذا عن
    DOCTYPE Override in effect!

    هل راح يتغير الكود؟؟

    ارق تحياتي لك





    __________________
    كل مالا يعطى يضيع

  14. #14
    عبدالعزيز الزرعوني
    تاريخ التسجيل
    Feb 2004
    المشاركات
    3,128


    DOCTYPE Override in effect!
    بصراحة لم أفهم هذا
    وإن كان نوع من الدوكتايب فلا أعرفه بصراحة ولم أسمع به من قبل





    __________________
    مدونة المبدع العربي





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

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

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