positioning of my logo - link inside

[danny322]

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

[MikeHopley]

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.

[danny322]

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.

[MikeHopley]

Good luck.

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

[danny322]

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