Can't get alignment of categories fixed

[tkmi07]

Hi,

i'm rebuilding a website for a club and installed the phoca gallery because they used that on the previous version.
That previous version was running on joomla 1.5 and it worked perfectly.

Now I've installed J2.5 and installed phoca gallery 3.1.4
It all installed fine and in the backend it works great, but at the frontend I get this weird alignment of the categories.
Check it here:
http://www.derietkampers.nl/jupgrade/in ... otoalbum16

I tried using Firefox and IE and neither show it correctly. I also tried a different pc, all the same.

I was thinking it might be a conflict between css styles of the template and the gallery, but can't find out what that would be.
Can't get it right with the configuration either.

Any thoughts anyone?

[Benno]

Hi,
did you check this with the j2.5 standard template beez_20 for testing?

Kind regards,
Benno

[tkmi07]

Forgot that, just tried it and it is the way it should be with the beez_20 template. So it is an issue with the template, now I just have to figure out what that is

[Benno]

Hi,
perhaps you can ask the developer of your template for help...?

Kind regards,
Benno

[tkmi07]

sadly, i created the template myself, and it was the first time I made one into a joomla template

here is the css code that might affect the gallery in the template

Code: Select all

body {
text-align: center;
margin: 0px auto;
font-family: tahoma;
background-color: #f5f5f5;
background-image: url('../images/background.jpg');
background-repeat: repeat-x;
background-position: 0px 0px;
}

#container {
width: 970px;
margin: 0px auto;
}

#main_content {
float: left;
position: relative;
width: 680px;
margin-top: 30px;
padding-right: 55px;
background-image: url('../images/vertical_separator.jpg');
background-repeat: no-repeat;
background-position: top right;
overflow: hidden;
}

.post {
position:relative;
width: 625px;
}
 
.post_text {
width: 625px;
clear: left;
position: relative;
overflow: hidden;
}

.post_text ul {
float: left;
text-align: left;
font-family: tahoma;
color: #aeaeae;
margin-top: 12px;
margin-bottom: 10px;
}
 
.post_text ul li {

}
 
.post_text p {
float: left;
width: 625px;
font-family: tahoma;
font-size: 11px;
color: #404040;
text-align: justify;
line-height: 20px;
}

.post_text div {
float: left;
width: 625px;
font-family: tahoma;
font-size: 11px;
color: #404040;
text-align: justify;
line-height: 20px;
}

.post_text em {
float: left;
width: 625px;
font-family: tahoma;
font-size: 11px;
color: #404040;
text-align: justify;
line-height: 20px;
}
 
.post_text p a:link { color: #f8c800; text-decoration: none; font-weight: bold; }
.post_text p a:visited { color: #f8c800; text-decoration: none; font-weight: bold; }
.post_text p a:hover { color: #6f6f6f; text-decoration: none; }
.post_text p a:active { color: #f8c800; text-decoration: none; font-weight: bold; } 

does anyone see anything wrong with it (there's probably a lot wrong), or something that might conflict with the galleries style