جلسه 6

    • 1403/05/07 07:12
    علی اکبر راه چمندی
    علی اکبر راه چمندی
    کاربر
    0
     
        <style>
            .ppp {
                background-color: aliceblue;
                width: 75%;
                margin: 50px auto;
                min-height: 600px;
                height: auto;
                padding: 15px;
                border-radius: 5px;
                box-shadow: 1px 1px 8px #1b1b1b;
            }

            #ooo {
                width: 50%;
                float: left;
                font-size: 24px;
                vertical-align: 60px;
                line-height: 25px;
                text-align: justify;
            }

            #ttt {
                flex: right;
                box-sizing: border-box;
                padding: 6px;
                background-color: aliceblue;
                margin-left: 2px;
                border-radius: 4px;
                box-shadow: 1px 1px 8px #a7a3a3;

            }
            a{
                text-decoration: none;
            }
        </style>
    </head>

    <body>
        <div class="ppp">
            <p id="ooo" >
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta vero illum
                asperiores, eligendi veritatis est? Sint iste saepe, voluptas sequi cum voluptate officiis nesciunt minima
                eveniet.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta vero
                illum
                asperiores, eligendi veritatis est? Sint iste saepe, voluptas sequi cum voluptate officiis nesciunt minima
                eveniet.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta vero
                illum
            </p>
            <img src="img/large_8de2ee9f-b0fb-46d1-b3e1-783a4283a968.webp" alt="" id="ttt" width="38%p; height="auto;
        </div>
        <a href=""> ffff</a>
        <a href="">xxxx</a>
    </body>

    </html>

    • 1403/05/07 09:58
    ایران باینری
    ایران باینری
    استاد
    0

    سلام روزتون بخیر...

    اولا همیشه زمان کد نویسی حواستون باشه اگر جایی نوشته هاتون قرمز شد یعنی مشکلی وجود داره.کدی که برام فرستادید یک تگ div بسته داره که قرمزه،یعنی قبل از اون یه جا اشتباه نوشتاری دارید.الان اگر دقت کنید میبینید که تگ img بسته نشده و این ارور به این خاطره.حواستون به این موارد باشه چون توی خروجی تاثیر می زاره.

    برای تگ a که فرمودید،چون شما از ویژگی float استفاده کردید باعث شده تگ a بیاد و وسط اون فضای خالی که بالا وجود داره نفوذ کنه . برای رفع این مشکل هر زمان که از float در طراحی ها استفاده می کنید به عنصری که بعد از او.ن قسمت میاد ویژگی clear:both  اعمال کنید اوکی میشه.

    الان استایل تگ a رو به اینصورت ادیت کنید:

     a {
                clear: both;
                text-decoration: none;

            }