TOC Instance on WP Blog Formatting Columns in Unusual Way

[DavisShaver]

Hi all,

I'm trying to set up the calendar on my WordPress blog, but the columns in the TOC instance are appearing sloppy... how can I regulate column width?

Here's a picture of what it looks like:

Here is what the relevant TOC code in my ESSstyle.css instance includes:

PHP Code:

.mainTableTOC {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    width: 700x;
    table-layout: fixed;
 }

.navTableTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    font-weight: Normal;
    text-decoration: none;
    color: #003366;
    }

/* Month and Year Row Setup */
.monthYearRowTOC {
    height: 32px;
    background-color: #FEFFFE;
    text-align: left;
    vertical-align: middle;
    margin: 0px;
    padding: 6px;
    }

/* Month and Year Text Setup */
.monthYearTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: Bold;
    color: #355881;
    }

/* Day Names Row Setup */
.dayNamesRowTOC {
    height: 20px;
    background-color: #455678;
    text-align: center;
    vertical-align: middle;
    }

/* Day Name Setup */
.dayNamesTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
    font-size: 10px; 
    font-weight: Bold; 
    color: #FFFFFF;
    }

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
    font-family: Arial, Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #433D27;
    text-align: left;
    vertical-align: top;
    height: 88px;
    }

/* Color of Today's Date */
.todayTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: Bold; 
    color: #FFFF00;
    background-color: #31528E;
    text-align: left;
    vertical-align: top;
    padding: 2px;
    margin: 0px;
    }

.titleTOC {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    padding: 1px;
    margin: 0px;
    }

.daynumTOC {
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: Bold; 
    color: #FBFCEF;
    background-color: #A2A3AE;
    text-align: left;
    vertical-align: top;
    padding: 2px;
    margin: 0px;
    }

.formElements {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.formButtons {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.sOtherTOC {
    background-color: #EEEEEE;
    font-family: Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #BBBBBB;
    vertical-align: top;
    }
.s20TOC {
    background-color: #F7F7F7;
    height: 88px;
    vertical-align: top;
    }
.s20TOC0 {
    background-color: #D4D4D4;
    height: 88px;
    vertical-align: top;
    } 


Here is how I am calling for the instance through the WordPress page template:

PHP Code:

<div id="calendar">
<?php
$TOC=1;
require("calendar/calendar.php");
?>

Here is the relevant code from my main style sheet:

PHP Code:

#calendar {
margin-top:30px;
margin-bottom:100px;
margin-left:20px;
float: center;
table-layout: fixed;

} 


Thanks for your help. Please let me know if there's any other information I could provide!

[ve9gra]

Without a link to your installation, I can't verify ways to fix it. You can give this a try - https://www.easyphpcalendar.com/supp...cleid=18&nav=0

[Outlaw54]

Originally Posted by ve9gra

Without a link to your installation, I can't verify ways to fix it. You can give this a try - https://www.easyphpcalendar.com/supp...cleid=18&nav=0

Here is your link. I work with Davis on this...little stumped. Tried your method and nothing happened.

http://onwardstate.com/events-calendar/

[Brian]

I tried pulling up your page, but I don't see the calendar?

[Outlaw54]

Originally Posted by Brian

I tried pulling up your page, but I don't see the calendar?

Hmm..that is odd it should be there...I think I may have fixed the problem...with the edits we were making, we were not getting any results. I just checked the wordpress page templates and noticed that there were 2 calendar.php pages. The 2nd one was our actual calendar but I believe that the edits we were making were changing the 1st one and not the second.

I am hoping that is it anyways. Who would of thought going to sleep would help me realize that after looking at it all night

[Outlaw54]

Hopefully this is a little bit more of a challenging question than user error like last time...using the same link as before, if you highlight the event, you see the pop up. In between the date and the title is a little transparency. I was wondering if there was any way to remove that gap and actually just have the event date go right on top of the event title.

http://onwardstate.com/events-calendar/