Trying to style the login page

[Inxie]

Hi, my login page is really ugly and I am trying to style it with CSS, the problem I am having is that the I can't elements individually. The page is http://www.pazzle.co.uk/index.php?main_page=login.

For instance I want to have the billing section float left and the shipping section float right so they are side-by-side, but I can't target those individually and so I end up changing more than I intended. How can I have more control over the elements?

Ideally I need it to look similar to my no_account page here: (need to have something in cart to see this)
http://www.pazzle.co.uk/index.php?main_page=no_account

[gjh42]

.loginFieldsetLeft>form>div>fieldset {float: left;}/*billing*/
.loginFieldsetLeft>form>div>fieldset+fieldset {float: right;}/*shipping*/
.loginFieldsetLeft>form>div>fieldset+fieldset+fieldset {float: left;}/*login info*/
.loginFieldsetLeft>form>div>fieldset+fieldset+fieldset+fieldset {float: right;}/*newsletter*/

Tested on your page.

[Inxie]

.loginFieldsetLeft>form>div>fieldset {float: left;}/*billing*/
.loginFieldsetLeft>form>div>fieldset+fieldset {float: right;}/*shipping*/
.loginFieldsetLeft>form>div>fieldset+fieldset+fieldset {float: left;}/*login info*/
.loginFieldsetLeft>form>div>fieldset+fieldset+fieldset+fieldset {float: right;}/*newsletter*/

Tested on your page.

Thanks again, I wonder if your a machine sometimes:) lol.

What does 'fieldset+fieldset+fieldset+fieldset' do exactly? How does that work?

[gjh42]

That is called "adjacent selectors", and means (in this case) it applies to a fieldset that is immediately preceded in the output by three other fieldset elements at the same hierarchical level. (It would also apply to a fieldset preceded by four or more other fieldsets.)

Since none of the elements under .loginFieldsetLeft have classes or ids, it is necessary to describe the child element path all the way down from there, so the rule applies only to that page. Otherwise it could apply to any page that happened to have that sequence of elements.

[Inxie]

That is called "adjacent selectors", and means (in this case) it applies to a fieldset that is immediately preceded in the output by three other fieldset elements at the same hierarchical level. (It would also apply to a fieldset preceded by four or more other fieldsets.)

Since none of the elements under .loginFieldsetLeft have classes or ids, it is necessary to describe the child element path all the way down from there, so the rule applies only to that page. Otherwise it could apply to any page that happened to have that sequence of elements.

I cannot thank you enough for the support you have given me on many so many occasions, god bless you.