نحوه جلوگری ار تغییر موقعیت تصویر با تغییر اندازه مانیتور یا زوم
سلام و خسته نباشید خدمت دوستان
من داشتم یه صفحه html طراحی کردم که تو این صفحه یه تصویر قرار دادم تو وسط صفحه (center) بعد از اون می خواستم یه تصویر دیگر رو تو یه جای مشخص تصویر اولی قرار بدم مثلا گوشه تصویر اولی منتهی این صفحه در مانیتور من که واید نیست درست هست ولی تو یه مانیتور واید یا زمانی که زوم مرورگر رو تغییر می دم جای تصویر دومی جابه جا میشه ، از نرم افزار Microsoft Expression Web 4 استفاده می کنم.
تصویر و کد html رو براتون گذاشتم
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">تصاویر:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style type="text/css">
.auto-style1 {
text-align: center;
}
</style>
</head>
<body style="background-image: url('img/bg3.png')">
<p class="auto-style1"><img alt="" height="600" src="img/bg4.png" width="800" /><img alt="" height="43" src="img/f11.png" style="z-index: 1; position: absolute; top: 540px; left: 138px; width: 417px; height: 43px;" width="417" /></p>
</body>
</html>
جواب بصورت نقل قول
نوشته شده توسط Thor God
