Hi
I recently used Perch CMS package on a website I created in DW.
This was the worst experience I have ever encountered and would like to first say if your a designer DO NOT USE PERCH.
I have had so much trouble with it and their support system is far from adequete.
I thought I had finally got it up and running but I have just discovered that the events listing is displaying the events wrong.
See here: http://www.tavcafe.com/events.php
instead of displaying future events in the centeral scroll box it is displaying past events there and future events are crammed against the left hand side of the page, making it hideous to look and impossible to read.
This is my CSS code for the events listing:
/* --- LISTING --- */
ul.events {
width: 200px;
list-style: none;
margin: 10px;
padding: 0;
border-top: 1px solid #bed6ec;
}
ul.events li {
border-right: 1px solid #bed6ec;
border-bottom: 1px solid #bed6ec;
vertical-align: top;
background-color: #bed6ec;
clear: left;
}
ul.events li ul {
list-style: none;
}
ul.events li li {
border: none;
border-bottom: 1px dotted #999;
min-height: 0;
margin-left: 25px;
padding: 10px;
background-color: #fff;
clear: none;
}
ul.events li li:last-child {
border-bottom: 0;
}
ul.events li li span.time {
color: #999;
font-style: italic;
font-size: 90%;
width: 60px;
text-align: right;
display: inline-block;
}
ul.events li li div.description {
margin: 5px 0 0 63px;
font-size: 86%;
color: #555;
}
ul.events li li div.description p {
margin: 0 0 1em 0;
}
ul.events li span.day {
font-weight: bold;
font-size: 250%;
float: left;
color: #0a86d2;
text-align: right;
width: 50px;
margin: 0 0 0 1px;
padding: 0 15px 0 0;
line-height: 1;
border-top: 1px solid #fff;
}
ul.events li:first-child span.day {
border-top-color: #bed6ec;
}
ul.event-listing-nav {
width: 200px;
list-style: none;
margin: 10px;
padding: 0;
clear: both;
}
ul.event-listing-nav li {
width: 33.3%;
list-style: none;
margin: 0;
padding: 0 0 10px 0;
display: block;
float: left;
text-align: center;
}
ul.event-listing-nav li:first-child {
text-align: left;
}
ul.event-listing-nav li:last-child {
text-align: right;
}
ul.event-listing-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul.custom-listing {
margin: 0;
padding: 0;
list-style: none;
width: 200px;
}
ul.custom-listing li {
padding: 0 0 1em 0;
margin: 0 0 1em 0;
border-bottom: 1px solid #ccc;
}
table.calendar td div.event {
position: absolute;
display: none; /* keeps the popup hidden if no JS available */
}
table.calendar td {
position: relative;
}
Can anyone please suggest a possible solution?