-
- 1403/05/07 07:12
<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 illumasperiores, eligendi veritatis est? Sint iste saepe, voluptas sequi cum voluptate officiis nesciunt minimaeveniet.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta veroillumasperiores, eligendi veritatis est? Sint iste saepe, voluptas sequi cum voluptate officiis nesciunt minimaeveniet.Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi quaerat sequi fugiat soluta veroillum</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
سلام روزتون بخیر...
اولا همیشه زمان کد نویسی حواستون باشه اگر جایی نوشته هاتون قرمز شد یعنی مشکلی وجود داره.کدی که برام فرستادید یک تگ div بسته داره که قرمزه،یعنی قبل از اون یه جا اشتباه نوشتاری دارید.الان اگر دقت کنید میبینید که تگ img بسته نشده و این ارور به این خاطره.حواستون به این موارد باشه چون توی خروجی تاثیر می زاره.
برای تگ a که فرمودید،چون شما از ویژگی float استفاده کردید باعث شده تگ a بیاد و وسط اون فضای خالی که بالا وجود داره نفوذ کنه . برای رفع این مشکل هر زمان که از float در طراحی ها استفاده می کنید به عنصری که بعد از او.ن قسمت میاد ویژگی clear:both اعمال کنید اوکی میشه.
الان استایل تگ a رو به اینصورت ادیت کنید:
a {clear: both;text-decoration: none;
}
- برای ایجاد پاسخ دادن باید وارد سایت شوید.