HELP with css to position LOGO in front of Main menu wrapper or at the end

polyxena11 · July 2011

* I'VE CHANGED THE LOGO SINCE I ORIGINALLY POSTED THIS EARLIER TODAY, HOWEVER I WOULD STILL LIKE TO KNOW HOW TO DO WHAT I'M ASKING BELOW. THANKS*

Can anyone help with positioning a logo?
I'm kind of getting the hang of css but so far I haven't been able to find the right codes to place a logo.

it helps to see the site to know what I mean: http://www.kawaii-pretty.com/lighthackers/

Basically I would like the logo to align with the menu at either ends, left or right.
I tried to place it in front of the mainmenuwrapper but nothing. The mainmenuwrapper goes the width of the page and the color is set to transparency so the logo would have to 'sit' on top of the blank space on the right side. Otherwise I would like the menu to be forced to the right and have the logo in front of the menu.

If anyone can help with either or both positions, I would be grateful.

Many thanks.
Lina

Pete · July 2011

Hi,

From your descriptioin I am not entirely sure how you want the logo positioning but for modern browsers the css below should work for you - adjust the top and left values to position it exactly as required. Older browsers (e.g. IE 6 & 7) might need more work...

Pete

#logo {
position:relative;
left:800px;
top:-30px;
zoom:1;  /* Early versions of IE may need this */   
}

EDIT: Now that you have changed your logo (its now much wider) the css below would be a better starting point:

#logo {
position:relative;
left:0px;
top:0px;
zoom:1;  /* Early versions of IE may need this */   
}

polyxena11 · July 2011

Hi Pete,

thank you so much for trying to help me. :o)
I haven't tried it yet, as you can see I changed the logo to see if I can work something else out. But I am going to try it again with just the small logo.

Any chance you can let me know how to get the logo on top of the menu so the menu is sitting on top of the banner? With every new change the client ( being my husband ), wants to try something else. As I'm learning new things I can't complain.

Many thanks.

Lina

Pete · July 2011

Hi Lena - To position the menu over the banner slideshow try adding the code below to the existing custom css for the #mainMenuWrapper:

#mainMenuWrapper {
       position:relative;
       top:190px;
       z-index:1000;
       zoom:1;
}

Pete

polyxena11 · July 2011

Thank you so much Pete. Awesome help!
Lina

Realmac Software

HELP with css to position LOGO in front of Main menu wrapper or at the end

Comments