[SOLVED] greybox nav buttons misaligned?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Gillian.Hesse
Forum Members
Forum Members
Posts: 37
Joined: Thu Nov 08, 2007 1:29 pm

[SOLVED] greybox nav buttons misaligned?

Post by Gillian.Hesse »

Hi there,

I want to use the greybox album template but the navigation buttons are always misaligned (see attached screenshot).

This happens whether I have image titles and comments or not.  I haven't touched the template.

I'm running cmsms v 1.2 with album 0.9.2.

Any ideas what I can do to correct it.  I have looked at a few other sites using it, and they son't have the problem.

Thanks

Gill
Attachments
Snapshot 2007-11-28 21-38-25.jpg
Last edited by Gillian.Hesse on Thu Dec 06, 2007 10:51 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: greybox nav buttons misaligned?

Post by Dr.CSS »

How are you getting the Album CSS?
User avatar
Gillian.Hesse
Forum Members
Forum Members
Posts: 37
Joined: Thu Nov 08, 2007 1:29 pm

Re: greybox nav buttons misaligned?

Post by Gillian.Hesse »

I did your CSS trick to get the lightbox navigation buttons to work.

So I switched off the autolink to the default stylesheet in the album options, and attached a copied version of the stylesheet directly to the template I am using directly.

But I'm pretty sure that the problem existed prior to doing that.

thanks

Gill
User avatar
Gillian.Hesse
Forum Members
Forum Members
Posts: 37
Joined: Thu Nov 08, 2007 1:29 pm

Re: greybox nav buttons misaligned?

Post by Gillian.Hesse »

Finally found the problem.....

I am using the and01.zip theme and the style sheet contains the following lines for a right and left class

Code: Select all

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}
These seem to intefer with the the right and left classes used for the arrow images in the album.  I removed the lines from my stylesheet, and hey presto, it works.

Gill
Post Reply

Return to “Layout and Design (CSS & HTML)”