ايران ويج

سلام

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

کدهای لینک و ... برای اسلایس ها درست اجرا میشه و همه چیز 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;}

بچه ها کسی نمیدونه باید چی کار کنم ؟
هدر - فوتر و پنل راست چپ همه با زوم تویه div خودشون هستن فقط این منو سرجاش نمیمونه.تکون میخوره با زوم صفحه.

سلام
کار نشد نداره!درست شد.
اینم کداش با تغییرات جدید.جایگزیو
فقط در مرحله اول باید منو رو طراحی کنید و اسلایسش کنید و بعدش 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>

فاطمه وطن دوست

فاطمه وطن دوست

فاطمه وطن دوست