positioning of my logo - link inside

Hi. Can you take a look at this site....

http://www.geneticsweb.co.uk/index.html

I need to place a logo (30 x 30 pixels in size) above the two places where it says geNetics, what would be the best way to do this without pushing the text down etc.

Thanks

Umm...

Every image takes up space, whether it's an <img> or a CSS background. The only way around this is to use position: absolute to remove items from the normal flow. You can then alter the stacking order with z-index. This is messy and likely to be difficult.

I strongly advise you not to bother. It would look daft anyway.

If you are determined to do this, then create a complete logo graphic that includes your "geNetics" text. Then, in your paragraphs, replace the text "geNetics" with that image: <img alt="geNetics" src="imageFileName.xxx">.

Note that you will still need space for the image.

hi mike, thanks for the advice, i had a feeling that would be the case, ill try replacing the text with an image if it looks daft i wont bother. Cheers.

Good luck.

By the way, bad things happen when a user resizes text on your site. Try it.

haha, i see what u mean, anything bigger than 'medium' and the text goes outside the body, damn!