• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 4 posts ] 
Author Message
 Post subject: [solved]change size of current site in menu_horiz?
PostPosted: Tue Jul 31, 2012 12:25 pm 
Offline
Forum Members
Forum Members

Joined: Fri Jan 20, 2012 9:19 am
Posts: 29
Hello.

I am trying to style my own horisontal menu, and i have some problems acording to the size.
i am trying to make the menu about 30px, and when changing the entire line, to 30px, i need to minimize the box witch show current site, (nav.png) to about 20-25 px

also i have styled my own (nav.png) called: (../theme/menitem.png)
but when showing the site, i only see a solid color?

Code:
/********************MENU*********************/
/* hack for IE6 */
* html div#menu_horiz {
/* hide ie/mac \*/
   height: 1%;
/* end hide */
}
div#menu_horiz {
   background-color: #599100;
   width: 100%;
   height: 40px;
   margin: 0;
   margin-left: 0px;
}
div#menu_horiz ul {
   list-style-type: none;
   margin: 0;
   padding-left: 2px;
}
div#menu_horiz li {
   float: left;
   list-style: none;
   margin: 0px;
}
div#menu_horiz a,
div#menu_horiz h3 span,
div#menu_horiz .sectionheader span {
   padding: 12px 15px 15px 0px;
   margin: 0;
   text-decoration: none;
   color: #FFF;
   display: block;
}
div#menu_horiz li a:hover {
   background:  url([[root_url]]/uploads/theme/menitem.png);
   height: -20px;
}
div#menu_horiz a span {
   padding-left: 15px;
}
div#menu_horiz li.parent a span {
   padding-left: 10px;
   background: url([[root_url]]/uploads/ngrey/active.gif) no-repeat 0.3em center;
}
div#menu_horiz li.parent a:hover span {
   padding-left: 20px;
   background: url([[root_url]]/uploads/ngrey/parent.gif) no-repeat 0.3em center;
}
div#menu_horiz li.menuactive a span {
   padding-left: 20px;
   background: url([[root_url]]/uploads/ngrey/parent.gif) no-repeat 0.5em center;
   color: #000;
}
div#menu_horiz li.currentpage h3 span {
   padding-left: 12px;
   background: url([[root_url]]/uploads/theme/menitem.png) no-repeat left 0px;
   color: #000;
}
div#menu_horiz .sectionheader span {
   padding-left: 5px;
}
div#menu_horiz li.menuactive,
div#menu_horiz li.menuactive a:hover {
   background:  url([[root_url]]/uploads/theme/menitem.png) no-repeat left 0px;
   color: #000;
}


Attachments:
File comment: the current menu
menu.jpg
menu.jpg [ 60.77 KiB | Viewed 471 times ]
File comment: the new nav.png
menitem.png
menitem.png [ 18.03 KiB | Viewed 471 times ]


Last edited by piphansdk on Mon Aug 06, 2012 12:08 pm, edited 1 time in total.
Top
 Profile  
 
 Post subject: Re: change size of high-lighted and current site in menu_hor
PostPosted: Tue Jul 31, 2012 10:06 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 11866
Location: Arizona
It really helps if we have a link to the site so we can see what is happening...

BTW: why do you have height: -20px on div#menu_horiz li a:hover?...

_________________
Extensions » Modules/Tags click the name of the module/tag or Help to the right to get its parameters.
Right click and view source is a great way to see what you have to work with.
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
Image


Top
 Profile  
 
 Post subject: Re: change size of high-lighted and current site in menu_hor
PostPosted: Thu Aug 02, 2012 10:26 am 
Offline
Forum Members
Forum Members

Joined: Fri Jan 20, 2012 9:19 am
Posts: 29
sorry i can't unlock the page, due to the clients previlliges.
that's why i uploaded the pictures


Top
 Profile  
 
 Post subject: Re: change size of high-lighted and current site in menu_hor
PostPosted: Mon Aug 06, 2012 12:07 pm 
Offline
Forum Members
Forum Members

Joined: Fri Jan 20, 2012 9:19 am
Posts: 29
just changed some padding- and margins, and sat a 20px height


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 4 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Arvixe - A CMSMS Partner