Spenden

menu questions....sublevel problem

1 reply [Last post]
11. January 2011 - 3:23
adfeds
Offline
Joined: 11.01.2011

When I navigate to a sublevel in a menu (vistaleft), the other sublevel items take on the image associated with the level above them. So, if I have two items in a sublevel and go to the page for one of them (it shows button_subactivated (perfect), but the other now reverts??? or uses the image button_normal rather than maintaining, button_subnormal. Any way I can fix this behavior?

Need to expand vistaleft menu width (solved)
I've expanded the buttons to accomodate some long Titles and have had success editing the template text padding to help, but I still would like to make vistamain or the contentpain (not sure) something like 700 px wide (oh, using the fixed width 960 format vista 1.9.5). The problem is, the width for both the menu modules and the content area both appear to be set at 100% and I can't find a way to change them in the Css. Currently, my 'new' graphics are being chopped. Any ideas?

SOLUTION:
Added the width to this portion of the code:

.vistaleft .module h3, .vistaleft .module_menu h3 {
............
width:200px;
................
}

Thanks,
Allen

‹ Article background Top Menu buttons ›
Top
12. January 2011 - 3:37
#1
adfeds
Offline
Joined: 11.01.2011
Clarifying issue... still haven't solved the problem

Just wanted to be more clear:
When I have two or more links in a submenu, as soon as I activate one, the other reverts back to the style of a normal menu link. I have no idea why it would do this, other than a mistake in the activemenu part. My problem is that I have no idea how to fix it? Any suggestions. I pasted both the code for the submenu CSS and the normal menu CSS below.

Thanks in advance for any advice. It's not a stopper of a problem, but it simply looks terrible.

This is the submenu CSS:::

.vistaleft a.sublevel:link, .module a.sublevel:visited, .vistaleft .menu li#current li a:link, .vistaleft .menu li#current li a:visited {
color:white;
margin-left:-5px;
font-size:12px;
display:block;
padding-left:12px;
padding-top:-10px;
line-height:34px;
height:30px;
background:url(../images/button_subnormal.jpg) no-repeat;
font-weight:normal;
}
.vistaleft a.sublevel:hover, .vistaleft .menu li#current li a:hover{
background:url(../images/button_subover.jpg) no-repeat;
}
a.vistaleft .sublevel#active_menu:link, .vistaleft a.sublevel#active_menu:hover, .vistaleft a.sublevel#active_menu:visited,.vistaleft .menu li li#current a:link ,.vistaleft .menu li li#current a:visited ,.vistaleft .menu li li#current a:hover {
color:white;
font-size:12px;
margin-left:-5px;
display:block;
padding-left:12px;
padding-top:-10px;
line-height:34px;
height:30px;
background:url(../images/button_subactivated.jpg) no-repeat;
font-weight:normal;
}

AND this is the CSS code for the normal menu:::

.vistaleft a.mainlevel:link, .vistaleft a.mainlevel:visited ,.vistaleft .menu li a:link,.vistaleft .menu li a:visited{
color:white;
font-size:12px;
display:block;
margin-left:-5px;
padding-left:12px;
line-height:34px;
height:42px;
background:url(../images/button_normal.jpg) no-repeat;
font-weight:normal;
}
.vistaleft a.mainlevel:hover,.vistaleft .menu li a:hover {
background:url(../images/button_over1.jpg) no-repeat;
}
.vistaleft a.mainlevel#active_menu:link, .vistaleft a.mainlevel#active_menu:hover, .vistaleft a.mainlevel#active_menu:visited,.vistaleft .menu li#current a:link,.vistaleft .menu li#current a:hover,.vistaleft .menu li#current a:visited {
color:white;
font-size:12px;
display:block;
margin-left:-5px;
padding-left:12px;
line-height:34px;
height:42px;
background:url(../images/button_activated.jpg) no-repeat;
font-weight:normal;
}

Link to the site:
http://icis2012.cloudaccess.net/hotel-reservations/directions.html

Thanks again,
Feds

Top