Problems with Lists

[swarfega]

Hi Guys

I am currently in the process of redesigning my website (view here: http://thriplow.org.uk/new-design.php) and I am having problems with lists.

If you look at the Site Updates column on the right there are a number of issues.

Recently Updated: The date doesn't match the rest of the text. There must be some css causing this but I cant find it.

Poster Archive: This is rather broken. There is a line break after the file type icon and also after the filename.

I am using cmsms 1.11.3, Below are pastes of the code.

Main template: http://pastebin.com/gHE1ksH6
Right panel global content block: http://pastebin.com/fuxDEjPa
Main website stylesheet: http://pastebin.com/b1DqfQfZ

I would be grateful for any assistance with this.

[velden]

Poster Archive: This is rather broken. There is a line break after the file type icon and also after the filename.

Use a decent web-inspector to solve those css issues (I use Firefox with Firebird.

Type icon, name and filesize are inside a spans that have 'display: block'

This is CSS path of that span
html body div.main div.wrap div.sidebar div.sidebar_right_bottom div.login_form div.file_list ul li span

This is (part of) applied style:

Code: Select all

.login_form span {
    color: #6A6A6A;
    display: block;  <-- here you tell it to behave like it does now
    font-family: 'ambleregular';
    padding-bottom: 5px;
    text-transform: none;
}

note that same applies to anchors too!

Code: Select all

.login_form A {
    color: #6A6A6A;
    display: block; <-- this one
    font-family: 'ambleregular';
    padding-bottom: 5px;
    text-transform: none;
}

[swarfega]

Thanks for your reply. So should I remove all instances of display:block?

[velden]

Thanks for your reply. So should I remove all instances of display:block?

I can't tell you what to do. I just point you in the right direction.
You need to know how css styles work and why a specific style is applied to a specific element.

Without a web inspector it will be very hard to troubleshoot.

You could also remove the login_form class from the div. Did not test that.

[swarfega]

I managed to fix the formatting issue with the images, following your advice. Thanks.