design Need help with league results design idea

[shifts]

Hi All,

Hopefully this is the right area. I'm the secretary for a local darts league. I have this image and want to display the results over the top of it.

Everything I've tried looks wrong, odd or just plain embaressing, to the point I certainly wouldn't put this up in a pub

So its a two fold question.

1. Whats the best way to add text over the top of this image?

Its to show the league results thus far and a bit of information. (this is the area that I'm struggling with the most)

2. Best way to host on the web? I mean should i use something like POSTIMG or just host it myself or do you know of any sites that will handle things like league results I can link people to? The image will be shared on facebook so I'll assume self host is the best way?

[threetonesun]

The best way to add text over an image is to not add text over an image. If you absolutely must, create a semi-transparent div behind the text so that the text is clear, and the image is still semi-visible. Or, spread the results around the spokes of the dart wheel in alternating colors. You could easily fit the top 5 on an arc that way.

[MattehCarter]

<div id="imagetext">lorem ipsum</div>

div#imagetext {

width: 50px;

height: 50px;

background: url('background') top left no-repeat;

}

Very basic way to add text over an image