Forums / Templates, Stylesheets, Page Layout / Login page buttons image handling strange

Login page buttons image handling strange

Locked

Started by janks on 15 Jun 2010, 9:57 PM · Views: 642

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
15 Jun 2010, 9:57 PM
#1
janks avatar

janks

New Zenner

Join Date:
May 2006
Posts:
30
Plugin Contributions:
1

Login page buttons image handling strange

http://www.glossi.com.au/cart/index.php?main_page=login

I can not figure out after hours of troubleshooting,
as to why these buttons (and only these ones)
are being forced to be displayed stretched.

Is there something obvious that i am missing?

-Jai

16 Jun 2010, 8:31 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Login page buttons image handling strange

why these buttons (and only these ones)
are being forced to be displayed stretched.
They appear normal to me

Zen-Venom Get Bitten

16 Jun 2010, 9:20 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Login page buttons image handling strange

The 'Login' and 'Submit' buttons look fine to me in all browsers, too.

Your radio buttons are a little squished in IE7.

16 Jun 2010, 10:21 AM
#4
janks avatar

janks

New Zenner

Join Date:
May 2006
Posts:
30
Plugin Contributions:
1

Re: Login page buttons image handling strange

So your not seeing this then?

I am trying in several different browsers with the same result.

16 Jun 2010, 10:23 AM
#5
janks avatar

janks

New Zenner

Join Date:
May 2006
Posts:
30
Plugin Contributions:
1

Re: Login page buttons image handling strange

My bad. As a guest, you need an item in your cart, then click checkout to see this particular page.

16 Jun 2010, 10:30 AM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Login page buttons image handling strange

Probably the culprit here:

#loginDefault fieldset input{width:200px;}

17 Jun 2010, 2:35 AM
#7
janks avatar

janks

New Zenner

Join Date:
May 2006
Posts:
30
Plugin Contributions:
1

Re: Login page buttons image handling strange

Ahh yes, thankyou stevesh!

I can either reduce the fieldset input CSS to the image size to display them correctly. But this will also reduce the input boxes.

Or

I can place the HTML IMG tags outside the fieldset but inside the form. But this will place the images outside the neat box.

Hmm, any other options?

17 Jun 2010, 3:13 AM
#8
janks avatar

janks

New Zenner

Join Date:
May 2006
Posts:
30
Plugin Contributions:
1

Re: Login page buttons image handling strange

Ok, solved with a bit of a work around.

Comment out the FIELDSET CSS line stevesh mentioned because it wasn't necessary.
#loginDefault fieldset input{width:200px;}

This made the input boxes shrink, so manually set them by changing the HTML.

<?php echo zen_draw_password_field('password', '', 'size="34" id="login-password"'); ?>

Then I removed the LABEL class to bring the label inline with the input box.
<label class="inputLabel" for="login-password"><?php echo ENTRY_PASSWORD; ?></label>

Looks great now. ( I just hope no where else was calling for the fieldset css, but i guess i will find out soon )