Image between menu and content

erlingknudsen / 2010-11-04 23:07:52   

I have been trying to place an image next to the menu on my site, to act as a divider between the menu and the site content.
Kind of like this: http://erlingknudsen.com/files/website-sketch.jpg
Haven't had any luck placing it in the css as another background image, guess I don't know the right place to put it!

Mind y'all that I don't have much experience with html and css, as you possibly could tell from my code.
You can see the image here: http://erlingknudsen.com/files/divider.jpg
The background on the site is a 1x998 px image duplicated with repeat-x.

Seems like it should be an easy fix, so thought maybe someone here could give me a hint!

Here's my site: www.erlingknudsen.com

Thanks
Erling

arsondpi / 2010-11-05 00:28:43   

add this in your #menu

  1. #menu {
  2. background:url("http://erlingknudsen.com/files/divider.jpg") repeat-y scroll right top;}

and cut off some white space from your logo for the line to show up...

erlingknudsen / 2010-11-11 00:35:29   

Thank you!
That put the image in the right place.
However, now the content scrolls all the way to the left of the site, behind the menu, as opposed to before when the scrollbar started on the right side of the menu.
Can't seem to fix that either...

This thread has been closed, thank you.