Fixed Width

horizontal menu, reveals more of the image as you rollover it.

Fixed Width

by asifpervez on Sun Dec 28, 2008 6:55 pm

Hello every one. I am trying to adjust the overall width of menu into 1000px but I couldn't. I have tried every single thing but I could not manage to fix it. I modified the css in every single espects but still no result.

Code: Select all
/**************************************************************

   Image Menu
   v 2.2

**************************************************************/
border: 1px #ff0000 solid;

#imageMenu {
   position: relative;
   width: 1000px;
   height: 200px;
   overflow: hidden;
}

#imageMenu ul {
   list-style: none;
   margin: 0px;
   display: block;
   height: 200px;
   width: 1000px;
   
   }

#imageMenu ul li {
   float: left;
}

#imageMenu ul li a {
   text-indent: -1000px;
   background:#FFFFFF none repeat scroll 0%;
   border-right: 2px solid #fff;
   cursor:pointer;
   display:block;
   overflow:hidden;
   width:75px;
   height: 200px;
}
#imageMenu  ul  li.homepage  a {
   background: url(images/landscapes.jpg) repeat scroll 0%;
}

#imageMenu ul li.portfolio a {
   background: url(images/people.jpg) repeat scroll 0%;
}

#imageMenu ul li.gellary a {
   background: url(images/nature.jpg) repeat scroll 0%;
}

#imageMenu ul li.media a {
   background: url(images/urban.jpg) repeat scroll 0%;
}

#imageMenu ul li.friendsportal a {
   background: url(images/abstract.jpg) repeat scroll 0%;
}

#imageMenu ul li.news a {
   background: url(images/people.jpg) repeat scroll 0%;
}
#imageMenu ul li.guestbook a {
   background: url(images/nature.jpg) repeat scroll 0%;
}
#imageMenu ul li.contact a {
   background: url(images/urban.jpg) repeat scroll 0%;
}
/*************************************************************/



May be there is something inside the javascript? Any help will be appriciated.

Thanks
asifpervez
 
Posts: 1
Joined: Sun Dec 28, 2008 6:49 pm

Return to image menu

Who is online

Users browsing this forum: Alexa [Bot], Yahoo [Bot] and 0 guests