Jump to content
xisto Community
Sign in to follow this  
candrid

Buttons Misaligned In Ie Only Buttons make a staircase shape

Recommended Posts

I think you need to add a float: left to your css code with the li.

So change your css code from

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;}

to:
li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;	float								 :left;}

And see if that does the trick.

Share this post


Link to post
Share on other sites

Did I mention I'm pretty new at this?

I searched through the files but I cant even find the reference to the LI items you referenced.
Everyone else can - I seem to be missing something obvious.

Thanks for the reply by the way.

- mike

I think you need to add a float: left to your css code with the li.
So change your css code from

li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;}

to:
li {	line-height			: 15px;	padding-left		: 15px;	padding-top			: 0px;	background			: url(../images/file.png) 0 3px no-repeat;	float								 :left;}

And see if that does the trick.

Share this post


Link to post
Share on other sites

Did I mention I'm pretty new at this?
I searched through the files but I cant even find the reference to the LI items you referenced.
Everyone else can - I seem to be missing something obvious.

Thanks for the reply by the way.

- mike


Share this post


Link to post
Share on other sites

Ya, I checked it out - the float left does fix it, however it makes the shoutbox on the site.. misaligned (the text inside the shoutbox).Any suggestions.Thanks for all this feedback. Anyone need anything I might be able to help with?

Share this post


Link to post
Share on other sites

You should be able to fix the shoutbox by adding some css code (again to the same place).

Try adding the following code and see if it works:

#chatoutput li{float: none;}

just add this to the end of that css file. And let us know if it works or not.

Share this post


Link to post
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
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.