[solved]change size of current site in menu_horiz?

piphansdk · **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;
}

Dr.CSS · **Posted:** Tue Jul 31, 2012 10:06 pm

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?...

piphansdk · **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

piphansdk · **Joined:** Fri Jan 20, 2012 9:19 am **Posts:** 29

just changed some padding- and margins, and sat a 20px height

[solved]change size of current site in menu_horiz?

Who is online