|
|
Posted by dorayme on 01/06/07 03:26
In article
<1168044619.057075.226560@38g2000cwa.googlegroups.com>,
rajbrown@gmail.com wrote:
> 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 why did you choose background position to be bottom then...?
Really, why?
It is too big to be at the top and things to start seriously
underneath it. Suggest you reduce the px dims of the jpg
concerned.
You need units for your numbers. 80 what? px probably, so write
80px.
As for positioning the menu, honestly, first get rid of all the
javascript and make a menu that is called for in this case, a
simple inline list menu. Simp[le HTML and CSS - Google it up.
Forget about the relative positioning. Keep it simple. Put up
your logo as background image and note its natural height, set
this height for the top margin of the next block element
undereath and Bob will start being your uncle.
>
> 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!!!
--
dorayme
Navigation:
[Reply to this message]
|