Question with PRMenuWidget

[John McKeon]

On Sun, Apr 5, 2009 at 6:33 PM, Mariano Martinez Peck <marianopeck at gmail.com
> wrote:

> Hi everybody,
>
> I have a question with PRMenuWidget. I have a menu where I have background
> images for each menu item and the name of the link is inside the image. For
> example, I have a home.gif where that picture has the background image with
> the "HOME" written inside.
>
> If I do this (in settings):
>
> - *Contact us>/Contact us*
>
> PRMenuWidget puts me in menu ul li the name ("contact us) and there is the
> href. However, what I want is:
>
> - Don't show any text in menu ul li


Use a reference to the image in the link so it would be
- *+homeImage+>/*
- *+contactImage+>/contact* then make the references point to the desired
image. You'll probably need to fiddle with the css in this case too.


>
> - The href I want it for the whole menu ul li (the whole div) not only the
> text. I mean, I want that the user can click all over the menu background
> image.
>

For this effect I make the menu a table as in:  | *Home>/* | *Contact
Us>/contact* | etc ), with the same fancy background image for each cell.
Then, in the CSS I use .menu td a { width:100%; padding-left: 3em;
padding-right: 3em; } where the amount of padding will vary depending on how
may menu items you have. CSS is one of my weak points so I usually have to
fiddle with padding and margins to make everything "fit" nicely, and I
usually make the left or right border solid 1px to get the visual
separation. I have no idea if this is the best way to do it.

Hope this helps
John


>
> Now, the question is, can I do this with PRMenuWidget ? If true, how ? If
> not, what should I do ? make my own menu seaside component ?
>
> Thanks in advance for the help.
>
> Mariano
>
>
>
> _______________________________________________
> SmallWiki, Magritte, Pier and Related Tools ...
> https://www.iam.unibe.ch/mailman/listinfo/smallwiki
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://www.iam.unibe.ch/pipermail/smallwiki/attachments/20090405/269fe301/attachment.html>