جار التحديث ...
جار التحديث ...

استفسار عن مشكله في تنسيق كود

  • 0

Html

<!--start my skills-->
     
      <div class="my-skills">
        <div class="container">
          <div class="skills fl-left">
            <h2>My Skills</h2>
            <p>Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until ,doming until Lorem ipsum dolor,ea doming until ,ea doming until.</p>
            <p>Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until.</p>
            <button class="my-button">Contact Me</button>
          </div>
          <div class="Progress fl-left">
            <div class="technique">
            <h3>Html / Css</h3>     <!--لايقبل التنسيق>
            <div></div>
            </div>
            
          </div>
        </div>
      </div>
      <!--end my skills-->

Css

/*start my skills*/

.my-skills{padding-top:30px;padding-bottom:50px;overflow:hidden}
.my-skills .skills,.my-skills .progress {width:50%}

.my-skills .skills h2{margin:10px 0 20px 40px;color:#555}
.my-skills .skills p{margin:0 0 10px 40px;line-height:1.6;color:#666}
.my-skills .skills p:last-of-type{margin-top:20px}
.my-skills .skills button{margin-left:40px;margin-top:20px}
.my-skills .progress .technique {margin-left:50px}
.my-skills .progress .technique h3{color:#555;}
.my-skills .progress .technique div{background-color:#F2F2F2;height:20px}

/*end my skills*/

إجابات المستخدمين (5)


صديقي المشكلة انك يجب ان تصل الى الكلاس الذي تريد التعديل عليه بالترتيب يعني لازم تجيب جميع الكلاسات الأب او الي هوا جواتها يعني حتتم التعديل بالطريقة التالية شفت كيف يتم الامر من الكلاس الاب ثم الابن ثم الابن ثم الكلاس المراد يعني مثل شجرة العائلة مايجب ان تعلمه انا حطيت كلمة or وهي تعني انو الكلاس progress هو كلاس منفرد عن الكلاس الاخر fl.left لذا انت حتحاول تحط هاد او هاد او الاثنين لو لم تنجح تواصل معي على الفيس بوك وساجد لك الحل ان شاء الله بكل تأكيد

#بالتوفيق_صديقي

.my-skills > .container > .progress (or) .fl-left > .technique {color:tomato;}

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • مسؤول
  • قديم العهد
  • قبل أشهر 7
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .my-skills {
            padding-top: 30px;
            padding-bottom: 50px;
            overflow: hidden
        }

        .my-skills .skills,
        .my-skills .progress {
            width: 50%
        }

        .my-skills .skills h2 {
            margin: 10px 0 20px 40px;
            color: #555
        }

        .my-skills .skills p {
            margin: 0 0 10px 40px;
            line-height: 1.6;
            color: #666
        }

        .my-skills .skills p:last-of-type {
            margin-top: 20px
        }

        .my-skills .skills button {
            margin-left: 40px;
            margin-top: 20px
        }

        .my-skills .progress .technique {
            margin-left: 50px
        }

        .my-skills .fl-left .technique > h3 {
            color: #555;
        }

        .my-skills .fl-left .technique div {
            background-color: #F2F2F2;
            height: 20px
        }
    </style>
</head>

<body>
    <div class="my-skills">
        <div class="container">
            <div class="skills fl-left">
                <h2>My Skills</h2>
                <p>Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until ,doming until Lorem ipsum dolor,ea doming until ,ea doming until.</p>
                <p>Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until Lorem ipsum dolor sit amet,ea doming until.</p>
                <button class="my-button">Contact Me</button>
            </div>
            <div class="Progress fl-left">
                <div class="technique">
                    <h3>Html / Css</h3>
                    <!--لايقبل التنسيق-->
            <div></div>
            </div>
             
          </div>
        </div>
      </div> 
</body>
</html>

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

المشكله كما هي لم تحل


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

            <h3>Html / Css</h3>     <!--لايقبل التنسيق>

.my-skills .progress .technique h3{color:#555;}
.my-skills .progress .technique div{background-color:#F2F2F2;height:20px}

h3 لا يقبل التنسيق لا الوان ولاهوامش ولا اي شئ

 


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد

ماهي المشكلة بالضبط؟ لم استطع فهم السؤال صديقي 


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة


ملئ الشاشة

اضافة سؤال جديد