#logoWrapper image align problems

[Shane78]

hi..

in the original #logoWrapper the image was set to repeat and align left.

i dont want this, i want it to NOT repeat and align right,

i have worked out how to stop it repeating, but i cannot figure out how to get the image to align right.

this is a snippet from my css...

--------------
#logoWrapper{
background-image: url(../images/sparks_130.jpg);
background-repeat: no-repeat;
background-color: #000000;
height:130px;
}
------------------

i have tried all sort, such as text align, float etc but it doesnt work

spent 2 hrs searching the BoK and forums but im stuck!

i know the answer will be shockingly simple.. but im new.. please help

cheers
M

[1kell]

Hi, it is shockingly simple. I did this too and I think you need to add to your stylesheet:

#logo {float: right;}

--or--

#logowrapper {float: right;}

[1kell]

ps - i had to add it separate to the other logowrapper info.

[Shane78]

thanks for the reply,... still a little stuck tho.. would that mean this...

--------
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}
-------

turns into this...

------
#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}


#logowrapper {float: right;}
------

lol, can you tell im new to all this?

[Shane78]

nope, didnt work

[Shane78]

ok, my fault for not explaing what i want...

a picture paints a 1000 words..

hyzen.co.uk/zen_help.jpg

so how do u get the sparks to align right while the logo.gif remains left??

[Shane78]

my css snippet... for easy viewing next to the image

--------------
#logoWrapper{
background-image: url(../images/sparks_130.jpg);
background-repeat: no-repeat;
background-color: #000000;
height:130px;
}
------------------

[litepockets]

shane... what's the url. I think I could read it but it's password protected. Open it for a sec?

[1kell]

ref your first reply i didn't take the #logowrapper out of that list i left it there, and typed in the info i said underneath, its worked.

[1kell]

Try this, i just tested it for you:

1st find this in your stylesheet:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}


---CHANGE TO THIS---

#logo, {float: right;}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}