Jump to content

Positioning Menu Above Background Image


Recommended Posts

Hi, I'm trying to position my menu in the lower left corner of the background image.The background image stays ok when resizing my browser window, but the menu keeps on sliding.The background image is 1024 x 768 pixels The CSS code: body {background: #000000;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: small;color: #555E4F;background-image:url('images/background.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:top center;} /* menu */#menu1 { width: 160px;text-transform: uppercase;font-weight: bold;font-size: 14px;color: #323B2Edisplay:block; } #menu1 ul {margin: 0px;list-style-type: none;padding: 0px;} #menu1 li {padding-left: 43em;} #menu1 a {display: block;width: 190px;padding: 4px 0px;background-color: #D9D9D9;border-top: 1px solid #EDEDED;border-bottom: 1px solid #B5B5B5;text-align: center;text-decoration: none;text-transform: uppercase;font-weight: bold;color: #808080 ;} #menu1 a:hover {background-color: #8A8A8A;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;color: #FFFFFF;} For the HTML code:<div id="menu1"><ul><li id="menu-01"><a href="/nl/dutch">Dutch</a></li><li id="menu-02"><a href="/eng/english.html">English</a></li></li></ul></div>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...