ايران ويج » تكنولوژي وب و زبانهاي تحت آن » تكنولوژي كلاينت سايد v
» [سوال] ثابت ماندن جایگاه منو با زوم شدن صفحه

امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 3
  • 1
  • 2
  • 3
  • 4
  • 5
ثابت ماندن جایگاه منو با زوم شدن صفحه
نویسنده پیام
فاطمه وطن دوست آفلاین
عضو افتخاری
****

ارسال‌ها: 510
موضوع‌ها: 101
تاریخ عضویت: اردیبهشت ۱۳۸۷

تشکرها : 936
( 1000 تشکر در 386 ارسال )
ارسال: #1
ثابت ماندن جایگاه منو با زوم شدن صفحه
سلام

تو فتوشاپ یه منوی طراحی شده و اسلایس شده.

کدهای لینک و ... برای اسلایس ها درست اجرا میشه و همه چیز ok هست.

منتها وقتی صفحه رو زوم + و - میکنم، میخوام منو همچنان وسط یاشه مثل هدر.

اینم کد مربوط به منو:

...استفاده از آی دی

کد:
<div id="navlist" class="Menue">
<ul id="navlist">
  <li id="Mymenue_01"><a href="default.asp"></a></li>
  <li id="Home"><a href="default.asp"></a></li>
  <li id="Products"><a href="default.asp"></a></li>
  <li id="Educations"><a href="default.asp"></a></li>
  <li id="Forms"><a href="default.asp"></a></li>
  <li id="SupportServices"><a href="default.asp"></a></li>
  <li id="Aboutus"><a href="default.asp"></a></li>
  <li id="Mymenue_08"><a href="default.asp"></a></li>
</ul>
</div>

اینم کدهای تعریف آی دی

کد:
<!--================================================Menue-->

#navlist{position:relative;}
#navlist li{margin:auto;padding:0;list-style:none;position:absolute;top:190px;}
#navlist li, #navlist a{height:57px;display:block;}



#Aboutus{left:827px;width:104px;}
#Aboutus{background:url('F:/SITES/Images/images/Aboutus.gif')  0 0;}

#Educations{left:479px;width:99px;}
#Educations{background:url('F:/SITES/Images/images/Educations.gif') 0 0;}

#Forms{left:578px;width:90px;}
#Forms{background:url('/SITES/Images/images/Forms.gif') 0 0;}



#Home{left:310px;width:85px;}
#Home{background:url('/SITES/Images/images/Home.gif') 0 0;}



#Mymenue_01{left:26px;width:284px;}
#Mymenue_01{background:url('/SITES/Images/images/Mymenue_01.gif') 0 0;}


#Mymenue_08{left:931px;width:45px;}
#Mymenue_08{background:url('/SITES/Images/images/Mymenue_08.gif') 0 0;}


#Products{left:395px;width:84px;}
#Products{background:url('/SITES/Images/images/Products.gif') 0 0;}


#SupportServices{left:668px;width:159px;}
#SupportServices{background:url('/SITES/Images/images/SupportServices.gif') 0 0;}
بسته آموزشی فتوشاپ جلوه... در صورت تمایل به داشتن این بسته پیغام خصوصی بدید.
نرم افزار اندرویدی آزمون تستی ...... (مخصوص مربیان و هنر جو ها)
۰۴-اردیبهشت-۱۳۹۳, ۱۵:۳۴:۲۵
ارسال‌ها
پاسخ
تشکر شده توسط : hadikh73
فاطمه وطن دوست آفلاین
عضو افتخاری
****

ارسال‌ها: 510
موضوع‌ها: 101
تاریخ عضویت: اردیبهشت ۱۳۸۷

تشکرها : 936
( 1000 تشکر در 386 ارسال )
ارسال: #2
RE: ثابت ماندن جایگاه منو با زوم شدن صفحه
بچه ها کسی نمیدونه باید چی کار کنم ؟
هدر - فوتر و پنل راست چپ همه با زوم تویه div خودشون هستن فقط این منو سرجاش نمیمونه.تکون میخوره با زوم صفحه.
بسته آموزشی فتوشاپ جلوه... در صورت تمایل به داشتن این بسته پیغام خصوصی بدید.
نرم افزار اندرویدی آزمون تستی ...... (مخصوص مربیان و هنر جو ها)
۰۴-اردیبهشت-۱۳۹۳, ۲۲:۱۳:۵۷
ارسال‌ها
پاسخ
فاطمه وطن دوست آفلاین
عضو افتخاری
****

ارسال‌ها: 510
موضوع‌ها: 101
تاریخ عضویت: اردیبهشت ۱۳۸۷

تشکرها : 936
( 1000 تشکر در 386 ارسال )
ارسال: #3
RE: ثابت ماندن جایگاه منو با زوم شدن صفحه
سلام
کار نشد نداره!درست شد.
اینم کداش با تغییرات جدید.جایگزیو
فقط در مرحله اول باید منو رو طراحی کنید و اسلایسش کنید و بعدش width , Height رو دستی تو کدها جایگزین کنید.

کد:
<html>
<head>
<style>
#box{
     background-color:red;
     width:950px;
     height:57px;
     margin:auto;
     padding:auto;
}
#content{
     float:left;
     width:284px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
        
}
#content1{
     float:left;
     width:85px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
      
}
#content2{
     float:left;
     width:84px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
        
}
#content3{
     float:left;
     width:99px;
     height:57px;
     margin-top:0px;
     margin-left:0px;  
}
#content4{
     float:left;
     width:90px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
      
}

#content5{
     float:left;
     width:159px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
        
}

#content6{
     float:left;
     width:104px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
      
}

#content7{
     float:left;
     width:45px;
     height:57px;
     margin-top:0px;
     margin-left:0px;
    
    
}
</style>
</head>
<body>
<div  id="box">
<div id="content">
<a href="">
<img src="./images/Mymenue_01.gif"></img>
</a>
</div
</div>
<div id="content1">
<a href="">
<img src="./images/Home.gif"></img>
</a>
</div>
<div id="content2">
<a href="">
<img src="./images/Products.gif"></img>
</a>
</div>
<div id="content3">
<a href="">
<img src="./images/Educations.gif"></img>
</a>
</div>
<div id="content4">
<a href="">
<img src="./images/Forms.gif"></img>
</a>
</div>
<div id="content5">
<a href="">
<img src="./images/SupportServices.gif"></img>
</a>
</div>
<div id="content6">
<a href="">
<img src="./images/AboutUs.gif"></img>
</a>
</div>
<div id="content7">
<a href="">
<img src="./images/Mymenue_08.gif"></img>
</a>
</div>
</body>
</html>
بسته آموزشی فتوشاپ جلوه... در صورت تمایل به داشتن این بسته پیغام خصوصی بدید.
نرم افزار اندرویدی آزمون تستی ...... (مخصوص مربیان و هنر جو ها)
(آخرین ویرایش در این ارسال: ۰۵-اردیبهشت-۱۳۹۳, ۱۸:۱۰:۲۵، توسط فاطمه وطن دوست.)
۰۵-اردیبهشت-۱۳۹۳, ۱۷:۱۴:۱۹
ارسال‌ها
پاسخ
تشکر شده توسط : babyy


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  [سوال] ورود اطلاعات در عناصر یک صفحه وب توسط برنامه خودمان mojtabamalaekeh 3 2,268 ۱۸-اردیبهشت-۱۳۹۳, ۱۴:۵۰:۴۶
آخرین ارسال: mojtabamalaekeh
  چه جوری میشه توسط یک صفحه ایمیل ارسال کرد؟ mo-shariati 3 3,473 ۲۳-فروردین-۱۳۹۱, ۰۹:۴۶:۳۵
آخرین ارسال: ha_60
Question اجرای VBS در صفحه Html Di Di 5 4,495 ۱۲-اسفند-۱۳۸۶, ۱۰:۳۵:۳۷
آخرین ارسال: Di Di
  حذف قسمتی از صفحه وب با جاوا اسکریپت arian_vc 5 5,107 ۱۵-فروردین-۱۳۸۶, ۰۱:۴۴:۱۸
آخرین ارسال: msnasiri

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

صفحه‌ی تماس | IranVig | بازگشت به بالا | | بایگانی | پیوند سایتی RSS