اذهب إلى المحتوى

Nice Moon

الأعضاء
  • المساهمات

    6
  • تاريخ الانضمام

  • تاريخ آخر زيارة

أجوبة بواسطة Nice Moon

  1. بتاريخ 1 ساعة قال Nezar Madi:

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

    يوجد لديك تاق إغلاق خاص بالعنصر ul زائد في نهاية الكود , كذلك الرجاء توضيح المشكلة أكثر ما الذي ترغب في عمله؟ لأن النتيجة في الصورة المرفقه متوقعه و صحيحة ما الخطأ؟

    المتصفحات بصفة عامة يكون لديها تنسيقات إفتراضية لكل عنصر من عناصر لغة الhtml على سبيل المثال العنصر ul أو ol في متصفح قوقل كروم يكون لديه خاصية padding-inline-start بقيمة 40 بكسل لهذا تظهر لك المسافة الفارغة على يسار القائمة ربما لم تلاحظها في القائمة الأساسية و لكن تبدو واضحة في القائمة الفرعية و لحل هذه المشكلة بإمكانك جعل قيمة الخاصية padding-inline-start تساوي صفر بكسل , أولًا قم بعمل صنف تنسيقات ( css class ) جديد و لنسمه custom-ul و لنقم بإعطاءه خاصية padding-inline-start بقيمة صفر بكسل ثم نقوم بتعيين هذا الصنف للعنصر ul حتى يختفي الفراغ من على يساره :

    5f02a597e6ee8_carbon(1).thumb.png.0bdca42f23d4d2505fe2241727bbd9bc.png

    هكذا ستكون النتيجة :

    5f02a67316068_Screenshotfrom2020-07-0606-19-08.png.ae03877d0b79de474ca6747b2d16509d.png

    و لكن لو هذا ما ترغب فيه لماذا تستخدم قوائم متداخلة؟ أما بالنسبة لإختلاف الدوائر و الأرقام فإن العنصر ol يقوم بعمل قائمة مرتبة مرقمه ( إسم العنصر إختصار لكلمة ordered list و ترجمتها قائمة مرتبة) بينما العنصر ul قائمة غير مرتبة ( إسم العنصر إختصار لكلمة unordered list و ترجمتها قائمة غير مرتبة ) بدل الأرقام يستخدم شكل دائري أو اي شكل أخر غير مرقم.

    ملاحظة : المقصود بالترتيب الترقيم.

    اي قصدي مرتبه مثل ماكتبتها  

    اني توني ادرس ترجمه في البدايه  ودرس تطبيق قوائم متداخله استخدامو ol و ul 

    وطلعت مرتبه عندهم مثل ماكتبتها 

    لكن ماستخدمو في الدرس نضع 0 بكسل 

    ومشكور على الرد ماقصرت 

  2. السلام عليكم ارجو مساعدتي في هذه المشكله 

    استخدام القوائم المتداخله <ol> و<ul>

    مثال:

    <h2>Microsoft office product</h2>
    
     <ol>
    
      <li>windows
    
      <ul>
    
      <li>windows 95</li>
    
      <li>windows 98</li>
    
      <li>windows xp</li>
    
      <li>windows 7</li>
    
      </ul>
    
      </li>
    
      <li>office</li>
    
      <li>visual basic</li>
    
       </ol>
    
    </ul>

    ناتج المثال: بالصوره

    Capture.PNG.ea6dccf4539ec0662e120a79d8629dce.PNG

    المفروض تكون القائمه مرتب ويش المشكله هنا ؟

    اتمنى تساعدوني ومشكورين

    • أعجبني 1
  3. بتاريخ 25 دقائق مضت قال ماجد قطوسة:

    اهلا بك , 
    هناك  تسلسل يجب أن تتبعه للكتابة على المتصفح ،  فلن يعمل الكود الخاص بك إذا كنت لا تتبع هذا التسسل ،  شاهد  الكود التالي 

    
    <html>
      
      <head>
        <title>عنوان الموقع</title>
      </head>
      
      <body>
        <h1>عنوان</h1>
        <me>markup</me>
        
      </body>
    </html>

    تأكد  من أن تغلق التاغ بعد فتحه . 

    طبقت الطريقه نفس الشي تطلع الرموز 

    لم اطبق في محرر vs code المفروض تكون الرموز بالون مميزه 

    ولكن يظهر عندي بلون واحد وعند الحفظ تطلع الرموز في المتصفح

     

    هل هي مشكله في vs code  ؟

     

    بتاريخ 17 دقائق مضت قال محمد ربيع زليول:

    عليك التحقق من أن الملف بإمتداد .html.

    إن لم يكن الملف .html لم تظهر كلمة markup فقط.

    للعمل ذلك:

    1. إنشاء ملف جديد في vscode عن طريق الضغط على ctrl + n أو من القائمة اختر File ثم New File.
    2. بعدها قم بكتابة الكود الخاص بك مثلًا <me> markup <\me>.
    3. ثم قم بحفظ الملف عن طريق الضغط على زر ctrl +s أو من القائمة اختر File ثم Save As
    4. اختر المسار الذي تريد حفظ الملف فيه، ثم في خانة Save as type قم بإختيار html

    file.thumb.png.95085879a7f4989431e9870a0682a94a.png

    مشكوووووور وجاري التجريب وان شاء الله تضبط 

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

    انا توني ادرس ترجمه 

    وواجهتني مشكله في تطبيق vs code 

    فقد طلب مني تطبيق كتابة

    <me> markup <\me>

    ولكن عند كتابتها في محرر للنصوص تظهر في المتصفح

    <me> و <me\> 

    المفروض تظهر كلمة markup فقط 

    اتمنى ان تساعدونني ضروري 

×
×
  • أضف...