[solved] CSS: "Lists" Problem: Album

[asim]

Hi,

I recently installed the "Album" module, after loading my images into two example albums, I viewed the page in my browser and unfortunately the albums are not being displayed as they should, I know what the reason is - but do not know how to correct problem after attempting several methods, my main stylesheet has formatted "lists" for all pages like this:

Code: Select all

div#main ul li,
div#main ol li {
margin: 0 0 0.25em 1.4em;
padding: 0 3em 1em 0;
list-style-position:outside;
list-style-image:url(uploads/jmt/arrow.gif);
}

However the "Album" stylesheet uses a list to display the thumbnails, but instead of using the albums styles for lists, its picking up the style from my main stylesheet, here is what the "Albums" CSS looks like:

Code: Select all

/* Album List UL */
.albumlist ul
{
margin-left:0;
padding-left:0;
}

/* Picture List UL */
.picturelist ul
{
margin-left:0;
padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
padding:0;
width:auto;
margin:0 0.5em 0.5em 0;
border:#FF0000 2px solid;
    
/* Thumbnail spacing */
text-decoration:none;
line-height:normal;
list-style-type:none;
text-align:center;
float:left;
}

I want to keep both "list" styles separate/independent, so that I have full control of how the "Album" page should look. Can anybody help?

Cheers.

[Dr.CSS]

Have link?...

Check your page source to make sure your album list has the .albumlist class call , if not you will need to adjust the album template you are using...

BTW which album template are you using, I believe the latest album uses the greybox as default so you may have to attach the CSS for it to make it work...

[RonnyK]

I think you didn't attach the CSS that comes with the installation of the Album-module, called "Album Template Stylesheet". As Mark mentioned this module has greybox inlcuded. To get that running you have to give full rights to the specific folders under "Modules/Album/templates/db/" called "greybox" and "lightbox".

Ronny

[asim]

Hi,

Here is the link; http://www.jenniemarshtrust.org/index.php?page=photo-gallery

I’m using the “default” template.

I gave the troubling a 2 px red and green border, just to make it standout, this was done in the Stylesheet attached to the album, "Album Template Stylesheet". So the stylesheet is definitely attached to the template.

Just as a test, I also commented out in my main stylesheet the default settings for and the gallery aligned correctly, that’s why I'm sure it’s the default styles that are affecting the Albums layout of the thumbnails...

RonnyK, I tried giving full writes to the folders you mentioned above that made no difference, so I’m sure that it’s the div “#main” within my global stylesheet that is affecting how the gallery is being rendered. I think this is proven in Firefox which displays the bullets I used within the “#main” div and . So I think problem is related to descendent elements, but I have no idea how to fix the problem without getting rid of one of the styles, which I do not want to do.

Appreciate the help!

[Dr.CSS]

Try using #main in front of all the calls for the .albumlist & etc., the .albumlist doesn't need ul after it as it is a class call for the ul as in , since you have an ul li call for main already you may need to use the #main to call attention to another list in main...

#main .albumlist li {yourstyling} worked for me...

[asim]

Thank you Mark, that sorted the problem.