shahin53
پنج شنبه 08 شهریور 1397, 18:22 عصر
سلام عرض می کنم خدمت اعضای محترم سایت
ببخشید من یک سوال داشتم:
من باید یک سایت را رسپانسیو کنم اما امروز برخلاف تلاش هایم نتوانستم چون عکس هایی که در صفحه ی وب دارم وقتی عرض صفحه را کم می کنم روی هم می افتند
برای اینکه بتوانم این مشکل را حل کنم پیگیری های زیادی کردم تا اینکه سرانجام به یک سوال رسیدم که درون کد زیر بهتر میتوانم آن را مطرح کنم در واقع کد زیر بخشی از
کدی است که من در پروژه نوشته ام
<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<style type="text/css" media="screen">
.p1{ width: 400px; float: right; }
.wrap div{ border: 2px solid blue; }
</style></head><body>
<div class="container"> <div class="row"> <div class="col-md-6 wrap"> <div > <h3> this is title </h3> <p class="p1" > چرا من درون border نیستم؟ </p> </div> </div> <div class="col-md-6 "> <img alt="" width="100px" height="100%" src="bob1.jpg" class="img-res"/> </div> </div> </div>
</body></html>
همان گونه که در کد فوق مشاهده میکنید من یک div دارم و درون این div یک تگ p دارم .
من در کد css گفته ام که دور این div یک border کشیده شود اما همانگونه که مشاهده می فرمایید آنچه که در تگ p نوشته ام درون border قرار نگرفته است.
حتی وقتی با مرورگر inspect element می کنم باز هم درونش قرار نگرفته است.
و این یک عکس از نتیجه ی کد روی مرورگر کروم در سیستم خودم است:
http://www.upsara.com/images/2jc6_screenshot_from_2018-08-30_17-45-31.png خیلی ممنون میشم اگه راهنمایی بفرمایید
ببخشید من یک سوال داشتم:
من باید یک سایت را رسپانسیو کنم اما امروز برخلاف تلاش هایم نتوانستم چون عکس هایی که در صفحه ی وب دارم وقتی عرض صفحه را کم می کنم روی هم می افتند
برای اینکه بتوانم این مشکل را حل کنم پیگیری های زیادی کردم تا اینکه سرانجام به یک سوال رسیدم که درون کد زیر بهتر میتوانم آن را مطرح کنم در واقع کد زیر بخشی از
کدی است که من در پروژه نوشته ام
<!DOCTYPE html><html><head><title></title><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<style type="text/css" media="screen">
.p1{ width: 400px; float: right; }
.wrap div{ border: 2px solid blue; }
</style></head><body>
<div class="container"> <div class="row"> <div class="col-md-6 wrap"> <div > <h3> this is title </h3> <p class="p1" > چرا من درون border نیستم؟ </p> </div> </div> <div class="col-md-6 "> <img alt="" width="100px" height="100%" src="bob1.jpg" class="img-res"/> </div> </div> </div>
</body></html>
همان گونه که در کد فوق مشاهده میکنید من یک div دارم و درون این div یک تگ p دارم .
من در کد css گفته ام که دور این div یک border کشیده شود اما همانگونه که مشاهده می فرمایید آنچه که در تگ p نوشته ام درون border قرار نگرفته است.
حتی وقتی با مرورگر inspect element می کنم باز هم درونش قرار نگرفته است.
و این یک عکس از نتیجه ی کد روی مرورگر کروم در سیستم خودم است:
http://www.upsara.com/images/2jc6_screenshot_from_2018-08-30_17-45-31.png خیلی ممنون میشم اگه راهنمایی بفرمایید