modifying menu trouble with image
 

Ive been searching in the forum for this answer but I can't find anything; and i need some help.
I am having trouble modifying my menus for my categories. In my css, I am editing the .VertMenuTitle ;I uploaded a graphic but it displays too big in the
menu box. I thought that if i inserted a bigger graphic for my menue headers the tables woudld adjust automatically to fit the graphic. It just looks really bad.

I dont know how to fix the problem. How do you get an menu to fit the size of an uploaded image.

here is a link to my site for the problem:
http://www.michaelmoskva.com/xcart/home.php[/url]

you could edit menu.tpl instead

when I expand the menu width, it fits the picture but it overlap under the featured products. how do i fix that?

Hi,

You need to be editing the customer/home.tpl

The table that sets up the nav menu and the central space is in there.

I edited the customer/home.tpl to adjust the width of my menues like it was mentioned. when I expanded my menues wider the Menu Title were the images is locaed was duplicating itsimage when it got bigger.
how do it get rid of that?

http://www.michaelmoskva.com/xcart/home.php

I take it you are using the image set as a background?

Need a no-repeat command; suggest in your css file if you have a css tag on the menu?

I am using the menu.tpl file. when i insert an image to displays in the displays but the the name of the menu title "Category" gets shifted below it on a new line. how do i get the menu header name to appear on the image without shifting.

the image source tag that i used is: [img]skin1/images/blueboarderbg2.gif[/img]


http://www.michaelmoskva.com/xcart/home.php

set the image as a background with the text on top

you cant have two things ocupy the same space

Also, for reasons we don't need to go into now - you need to set the image references properly:

skin1/images/

should be:

{$ImagesDir}/

how do you set an image as a background?

You would need to do something like this:

Replace:
<TD class="VertMenuTitle">[img]skin1/images/blueboarderbg2.gif[/img]

with:

<TD class="VertMenuTitle" background="{$ImagesDir}/blueboarderbg2.gif">

that works great but the image is repeating in the menu; how do you get the image to not repeat?

does anyone know the code you enter in a TPL flie to fix a background image?

Need some help;
I am working with the menu TPL file and I wanna put a backgruond image in a header menu but the image is overlaping;how do you set the background image to FIXED?

You need to use CSS for the background image, it works better than calling a background image in html.

If i wanted to try it with html what would I code of a fixed background image?

You can't, which is why you need to use CSS :)

thanks