Need a new mainmenu.php with images for links! Will pay $$$

[youngbuck]

EXPERIENCED CODERS ONLY GET IN TOUCH IF U CAN HELP WITH THIS!

@ [email protected]

[Rory_M]

I can help, i need all the money i can get.

I have added you on msn.

[Anonymous]

@ html level

<ul class="main-menu">
<li class="one"><a href="#">Link 1</a></li>
<li class="two"><a href="#">Link 2</a></li>
<li class="three"><a href="#">Link 3</a></li>
...
</ul>

@ css level

.main-menu { /* to suit */ }
.main-menu li { /* to suit */ }
.main-menu li.one { background:url('one.png') 0 0 no-repeat; }
.main-menu li.two { background:url('two.png') 0 0 no-repeat; }
.main-menu li.three { background:url('three.png') 0 0 no-repeat; }

Experienced required: next to none.

Graphical skills needed: next to none

Ability to copy and paste: handy

Having a clue: important

[Sim]

@Anonymous, or just one background image with text over it instead of loading 10 images, load one then center text ;]

[Anonymous]

Background images with text reduce the ability to use translations or dynamic text, (though the latter is far from complex as you can see), however on the flip-side of the coin, raw text may not render the same across browsers. Using list-style-type:url may be viable, as can spans wrapping the anchors or in some cases I've no doubt that pure CSS is all that is needed.

With the OP's carefully considered and elegantly worded opening salvo; I went for the low-hanging fruit. Personally, I'll stick to CSS3 classed <li>'s.