PDA

نسخه کامل مشاهده نسخه کامل : نحوه جلوگری ار تغییر موقعیت تصویر با تغییر اندازه مانیتور یا زوم


alamdari86
15-09-2013, 17:06
سلام و خسته نباشید خدمت دوستان
من داشتم یه صفحه html طراحی کردم که تو این صفحه یه تصویر قرار دادم تو وسط صفحه (center) بعد از اون می خواستم یه تصویر دیگر رو تو یه جای مشخص تصویر اولی قرار بدم مثلا گوشه تصویر اولی منتهی این صفحه در مانیتور من که واید نیست درست هست ولی تو یه مانیتور واید یا زمانی که زوم مرورگر رو تغییر می دم جای تصویر دومی جابه جا میشه ، از نرم افزار Microsoft Expression Web 4 استفاده می کنم.

تصویر و کد html رو براتون گذاشتم


کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">
<html xmlns="[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">

<head>
<meta content="text/html; charset=utf-8" [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"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
15-09-2013, 18:07
یه باکس بساز اندازه اش رو بزار 1000 در 1000
عکس رو بیار تو همون باکس ، نیازی هم به تگ center نیست با :

margin : 0 auto

میشه باکس رو وسط چین کرد.

بعدش عکس دوم رو هم بیار تو همون باکس و با مرجین میتونی بزری جای خودش. حالا زوم و رزولیشن اگه بزرگ یا کوچیک بشه عکس ها تکون نمیخورن !
alamdari86
15-09-2013, 21:08
یه باکس بساز اندازه اش رو بزار 1000 در 1000
عکس رو بیار تو همون باکس ، نیازی هم به تگ center نیست با :

margin : 0 auto

میشه باکس رو وسط چین کرد.

بعدش عکس دوم رو هم بیار تو همون باکس و با مرجین میتونی بزری جای خودش. حالا زوم و رزولیشن اگه بزرگ یا کوچیک بشه عکس ها تکون نمیخورن !


ببخشید منظورتون از باکس چیه؟
alamdari86
15-09-2013, 21:45
ممنون مشکلم حل شد
Thor God
16-09-2013, 00:45
باکس دیگه ! اگه تو صفحه Html این کد رو بزنی :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید


و تو استایل هات بنویسی :




برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

یه باکس با اندازه 500 در 500 درست می کنه که اگه بک گراند بدی مشخص میشه.

================================================

بالاخره مشکلت چه جوری حل شد ؟ بگو ما هم در جریان باشم.
عروس دریایی
30-09-2013, 09:19
اچ تی ام ال بدون سی اس اس یعنی هیچ !!!:n05:
شما اگه بلد نیستی که یک باکس یا جعبه درست کنی باید سی اس اس رو خوب یاد بگیری
البته سوپر استایل های سی اس اس رو اگه یاد بگیری خیلی خوبه
چون سوپر استایل های سی اس اس امکانات عجیب و غریبی رو اضافه کرده تازه فلش رو درسته غورت میده
:n05:
Thor God
30-09-2013, 17:36
میشه در مورد سوپر استایل یه کم توضیح بدید.
عروس دریایی
02-10-2013, 10:06
سوپر استایل های سی اس اس یعنی اینکه شما امکاناتی فرا تر از این سی اس اس هست
شما اون ها رو نمی تونید به صورت مستقیم وارد کنید بلکه یک نرم افزاری هست که کد های سوپر استایل سی اس اس رو وارد می کنید بعد اون ، اون ها رو واستون کامپایل می کنه و از اون چیزی که کامپایل شده می تونید در پروژه طراحی وبتون استفاده کنید
چیزه عجیب و غریبی و نیست فقط کافیه یک سرچی تو گوگل بزنید که بتونید اطلاعات بیشتری راجب سوپر استایل های سی اس اس کسب کنید
البته ببخشید که من اینقدر توضیح می دم چون من عقیده دارم که اگه بگم خودتون برید دنبالش می دونم که اکثراً نمیرن بعد تو پروژه هاشون به مشکل بر می خورن:n05: