Posted by rajbrown on 01/06/07 00:50

Hi, I'm putting together a webpage and so far have a basic style for
the body, a logo and a javascript menu. The problem is I can't figure
out how to space it so the logo appears at the top, followed by the
menu, followed by the rest of the text. If you look at:

http://www.rajbrown.dsl.pipex.com/menu2.html

you'll hopefully see what I mean. The main logo appears behind the menu
thanks to my margin-top setting on the body (style .main) of 80. If I
reduce it, then everything moves up including the text below the logo
image, thus making that text appear behind it instead!!

So, can I somehow put a style on the image (as I am trying to) to force
it to position at the top and leave the body as it is? Or is there a
better way of doing this to avoid the two clashing completely? I would
have a general style for all the text that I could apply at paragraph
level, but I want to have different formats of text as in the example,
so not sure that'll work.

Help - getting confused!!!

Thanks :)

[Back to original message]