easyeman
Active member
Hey, well I got the header to look great and work like I wanted (I ended up using CSS and it all works fine so I'm glad that's done haha). I actually have the menu looking pretty much like I want it but am just having one small problem I need some guidance on. I used and XML file and CSS to populate and help the appearance of the menu. Basically it all looks just like I want it and works somewhat with just one little thing. I want it to be where you can select the bar itself and have it link to the page, whereas right now it only lets you do that by selecting the text in the menu item. So my question is how can I get it set to work so the user can just highlight the bar the menu item is on to go to that page instead of selecting the text.
To help clarify in case my wording is off, here's a picture of how the menu looks (so you see how I set it up and what I mean by selecting this and that): http://i5.photobucket.com/albums/y165/easyeman/menu.jpg
And I posted a snipit of the XML code and the CSS just so you see what I did. (not all the code of course since you just need to see a section of it). I'm guessing it's how I coded it and I need to change something for it to work right...So I guess my question is what do I need to do to make the menu function like I want it to? Any help would be great. It's nothing difficult I'm sure just something I'm overlooking and for some reason I just can't get it fixed right. Thanks again for the help!!
XML:
CSS:
To help clarify in case my wording is off, here's a picture of how the menu looks (so you see how I set it up and what I mean by selecting this and that): http://i5.photobucket.com/albums/y165/easyeman/menu.jpg
And I posted a snipit of the XML code and the CSS just so you see what I did. (not all the code of course since you just need to see a section of it). I'm guessing it's how I coded it and I need to change something for it to work right...So I guess my question is what do I need to do to make the menu function like I want it to? Any help would be great. It's nothing difficult I'm sure just something I'm overlooking and for some reason I just can't get it fixed right. Thanks again for the help!!
XML:
VB.NET:
<?xml version="1.0" encoding="utf-8" ?>
<Menu>
<PSMenu>
<MenuItem url="~/default.aspx" title="Home" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4000" title="Accessories">
<MenuItem url="~/ProductsList.aspx?CategoryID=0309" title="Bags" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4030" title="Glasses" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4040" title="Hats" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4050" title="Knives & Tools" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4060" title="Ties" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4090" title="Other" />
</MenuItem>
<MenuItem url="~/ProductsList.aspx?CategoryID=4100" title="Badges & Insignia">
<MenuItem url="~/info/blackinton.aspx" title="Badges" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4120" title="Insignias" />
<MenuItem url="~/ProductsList.aspx?CategoryID=4140" title="Wallets" />
VB.NET:
body
{
}
.menu,a.menu
{
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: white;
padding: 1px;
background-color: #0000ff;
cursor: hand;
}
.static,a.static
{
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: white;
padding: 1px;
background-color: #0000ff;
cursor: hand;
}
.menuhighlight,a.menuhighlight
{
font-size: 9px;
font-family: Verdana;
font-weight: bold;
color: black;
padding: 1px;
background-color: #00AFFF;
cursor: hand;
}