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

الموضوع: من المفارقات التي وجدت في HTML و CSS خصوصا مع متصفح MSIE

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

    من المفارقات التي وجدت في HTML و CSS خصوصا مع متصفح MSIE



    السلام عليكم

    من المعروف أنه حين تريد الإعلان عن خصائص الصفحة أنك تسويها في وسم ال body ك:
    كود PHP:
    <body bgcolor="#336699" text="#CCCCCC" link="#FFFFFF" vlink="#000000"
    أومن خلال CSS
    كود PHP:
    <style type="text/css">
    body {
        
    font-familyArialHelveticasans-serif;
        
    color#CCCCCC;
        
    background-color#336699;
    }
    a:link {
        
    color#FFFFFF;
    }
    a:visited {
        
    color#000000;
    }
    </
    style
    لكن ماذا لو خالفنا القاعدة و أعلنا عن خصائص الصفحة في وسم html ك
    كود PHP:
    <html style="background-color:#336699;color:#ffffff;font-family:Arial,Helvetica,sans-serif"
    وبما أن الأمر كذالك فإن هذا الكود بدوره مقبول
    كود PHP:
    <HTML>
    <
    HEAD>
    <
    style type="text/css">
    html {
        
    color#CCCCCC;
        
    background-color#336699;
        
    font-familyArialHelveticasans-serif;
    }
    </
    style>
    </
    HEAD>

    <
    BODY>
    WinoTest
    </BODY>
    </
    HTML
    تجربة

    ///////
    هذه العلامتين */ و*/ معروفتان لدى كل المبرمجين أنهما تستعملان للتعليق أولتجاهل بعض الأكواد ك:
    كود PHP:
    <SCRIPT>
    /*
    التعليق(...)
    */
    var "salam all";
    alert(s);
    /*
    window.status = s // تجاهل الكود
    */
    </SCRIPT> 
    لكن ما لا يعلمه الكثير أن لها نفس الدور في أوسمة html
    وسم الصورة مثلا :
    كود PHP:
    <img src="test.jpg" width="363" height="350" border="4" alt="winoTest" title="titleWino"
    إذا وضعنا علامة التجاهل للإمتداد src=test.jpg ك:
    كود PHP:
    <img /*src="test.jpg"*/ width="363" height="350" border="4" alt="winoTest" title="titleWino"
    تجربة

    لاحظ أنه تم التعرف على عنوان الصورة وحجم الإيطارو الطول و العرض ماعدا إمتداد الصورة فقد تم تجاهله
    مثال آخر وسط ستايل
    كود PHP:
    <a style="position:absolute;left:234;color:#336699;/*background-color:#CC0000*/;font:23">
    TestWino
    </a
    تجربة
    كما ترون لقد تم تطبيق جميع المتغيرات التي وضعناها ضمن style من الوضعية و اللون و حجم الخط ماعدا لون الخلفية background-color:#CC0000 ، و إذا أزلنا علامتي /**/ فستأخد خلفية الخط لونها الأحمر.
    لست أدري لماذا تم تجاهل هذا الأمر في جميع محررات ال htmlلأنه حين تضع مثل هذا الوسم فمن المفروض أن تظهر الكتابة التي تتوسط علامتي التجاهل بلون مغاير مثل طريقة ظهور التعليق وسط كود سكريبت الدي أدرجت في الأعلى، حتى العملاق dreamweaver لا يعتبرها

    ////////
    إذا أردت إدراج صورة في الصفحة يكفيك فقط هذا الوسم
    كود PHP:
    <img src="test.jpg"
    بدون إدراج الطول و العرض لأن الصورة ستأخد طولها و عرضها الطبيعين
    و الوسم الموضوع بهذه الطريقة حينما أراه أعرف أنه موضوع يدويا و ليس آليا

    ///////
    معروف ان رمز الأسود بالهيكس هو : #000000
    أقول أنه تكفيك فقط علامة # عن باقي الأصفارك:
    كود PHP:
    <BODY bgcolor="#"
    تجربة

    ////////
    إذا أردنا تكبير الخط فإننا نضعه بين وسمي <B>...</B> (bold)
    ماذا لو إستغللناها في أمور أخرى
    كود PHP:
    <style>
    .
    wino{
    position:absolute;
    left:234;color:#336699;
    background-color:#CC99FF;
    font:23
    }
    </
    style>
    <
    class="wino">TestWino</b
    تجربة

    نفس الأمر مع باقي الأوسمة i ; u ; s ;; q; p ;strong ;sub; sup; pre و بالضبط مع كل الأوسمة التي تغلق <X> ... </X> عكس img و hr و br
    ///////
    الوسم button وما أدراك ما الوسم button أي شيء وضعته بين هذين الوسمين يصبح كله عبارة عن زر يخضع لأمر تحدده له ان من خلال javascript
    مثال عند الضغط يتم تغير الصفحة إلى صفحة سوالف
    كود PHP:
    <button onclick=document.location.href='http://swalif.net'>
    <
    A HREF="http://google.net">google</A>
    <
    hr>
    <
    A HREF="http://av.com">altavista</A>
    </
    button
    تجربة

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

    هذا ماكان آسف على الأخطاء
    في إنتظار مداخلاتكم
    أستودعكم الله
    و السلام






    Zizwar غير متواجد حالياً


  2. #2
    عضو فعال جدا
    تاريخ التسجيل
    Feb 2002
    المشاركات
    2,289


    اخي الكريم


    جزاك الله خيرا على المعلومات الجديده هنا او تنشيط المعلومات بالذاكره ......


    احببت ان اذكرك مثال رقم 2 واخر مثال لا يعملان تأكد منهما


    وغير ذلك انت دائما رائع وفقك الله





    المهمة9 غير متواجد حالياً

  3. #3


    ماشاءا لله جزاك الله خير أخي ....

    ممتعة جدا مواضيعك ...
    بارك الله فيك ...





    __________________
    سعادة المرء في الدارين إخــوان
    ومنبع الإنــس في الأيــام خــلان

    أبلغ الثناء :
    جزاك الله خير
    Bin_Yousif غير متواجد حالياً

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


    زيزو العبقري
    اثريت الكثير جدا من الامور عندي ....
    لا اعلم من اين لك الجلد على ال HTML واختها ال STYLE
    ولكن كما نعلم الموقع الناجح هو تعاون بين المتصفح والمخدم (النادل ) هيك بيسمو المخدم بموقع unecode .......

    مع التحية و رفع القبعة لك اخي زيزو .





    beshoo غير متواجد حالياً

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2004
    المشاركات
    437


    معلومات قيمة اشكرك من كل قلبي





    albdre غير متواجد حالياً

  6. #6


    جزاك الله خير
    معلومات قيمة جدا
    وخاصة اضافة التعليقات داخل وسوم الهتمل





    __________________
    مدونتي الشخصية : Q_Q
    فليكري : o_O
    تويتري : ’_’
    حياكم فيهم
    الشريف.نت غير متواجد حالياً

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


    يا ابراهيم يا ابراهيم ، سلمت يمينك يا صاحبي ...





    __________________
    سبحان الله و بحمده سبحان الله العظيم .
    random-x@hotmail.com
    -------------
    بين الفينة و الأخرى ... لماماً أظهر !
    random_X غير متواجد حالياً

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


    أخي المهمة9 جزاك الله على التنبيه
    بخصوص المثال الثاني فهو ليس خاطئ بل تلك النتيجة هي ما أرمي إليها
    Zizwar:
    لاحظ أنه تم التعرف على عنوان الصورة وحجم الإيطارو الطول و العرض ماعدا إمتداد الصورة فقد تم تجاهله
    أما عن المثال الأخير فهو فعلا لا يعمل أضفت مساحة وسط الرابط و الرابط
    http://www.mus-lim.net/wino/HtmlCss/testButton.html
    أشكر لك تتبعك و إهتمامك

    أخي Bin_Yousif بارك الله فيك و أتمنى أن تكون إستفدت أكثر

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

    أخ albdre الشريف.نت random_X
    أشكركم بدوري جميعا على ردكم الطيب





    Zizwar غير متواجد حالياً

  9. #9
    عضو نشيط جدا
    تاريخ التسجيل
    Feb 2005
    المشاركات
    403


    ولا صفحة من التجارب رضيت تفتح
    ما في غير نسخ و لصق الكود للتجربة :con2:

    بارك الله فيك :nice:





    2600ma غير متواجد حالياً

  10. #10
    عضو فعال جدا
    تاريخ التسجيل
    Dec 2004
    المشاركات
    4,037


    شكرا لك
    انتبه للدومين أعتقد أنه ينتهي اليوم أو به مشكلة ..





    __________________
    ....
    محمد حسام
    انترنت بلس
    إنترنت بلس غير متواجد حالياً





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

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

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