[solved] CSS: "Lists" Problem: Album
Posted: Tue Apr 24, 2007 3:30 pm
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:
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:
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.
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);
}
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;
}
Cheers.