Text Links on Images

[nyxx]

I have a question and was wondering if this was possible with HTML.

I would like to have an image around 320x240 it will be a grey solid filled images. On top or embded on the image I would like to have about 4 bullets with hyperlinks pointing to external sites.

I was wondering how can I do this.

[tedster]

Hello nyxx, and welcome to the forum.

How about using the image as a background-image in a div - then place your links as the div content - appropriately styled with enough padding and margin to "fill out" the dimensions you need.

Alternately, you could include the link text as part of the image and then create a client-side image map [w3schools.com] for the hot spots over that text where you want an active link.

[nyxx]

Would it be possible to place a code for reference.

[tedster]

I think you'll need to work out #1 for yourself, so the text fits properly on your particular page.

The link I gave for #2 will set you up with how to code that approach.

[rocknbil]

The only problem you'll get with solution #1 is the text may not fit when resized in browsers, forcing you to use pixel sizes for the text, which is unreliable in all browsers and not recommended anyway . . . solution 2 is probably a more reliable approach.

</ 2 cents> :-)