CGCalender template problem

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
tcdk
Forum Members
Forum Members
Posts: 64
Joined: Wed Jan 17, 2007 10:39 am

CGCalender template problem

Post by tcdk »

I have some problems with styling a upcoming-list.

As you can see here, the text is outside the table:
http://dogsite.dk/konfus/index.php?page ... -koncerter

Here is my template code:

Code: Select all

<div class="cal-upcominglist">

{foreach from=$events key=key item=event}

		
<table border="0" bordercolor="#000000" style="background-color:#cccccc"  cellpadding="0" width="100%" height="100px" cellspacing="0">
	<tr>
<td align="center" valign="middle" width="100px">
	
	{assign var=month_number value=$event.event_date_start|date_format:"%m"}
	{assign var=end_month_number value=$event.event_date_end|date_format:"%m"}
	{if $event.event_date_start == $event.event_date_end || $event.event_date_end == 0}
	<b><font size="15">{$event.event_date_start|date_format:"%e"}</font></b><br> {$month_names[$month_number]} {$event.event_date_start|date_format:"%Y"}
	{else}
	{if $event.event_date_start|date_format:"%d%m%Y" == $event.event_date_end|date_format:"%d%m%Y"}
	{$event.event_date_start|date_format:"%e"} {$month_names[$month_number]} {$event.event_date_start|date_format:"%Y %H:%M"} {$lang.to} {$event.event_date_end|date_format:"%H:%M"}
	{else}
	{$event.event_date_start|date_format:"%e"} {$month_names[$month_number]} {$event.event_date_start|date_format:"%Y %H:%M"} {$lang.to} {$event.event_date_end|date_format:"%d"} {$month_names[$end_month_number]} {$event.event_date_end|date_format:"%Y %H:%M"}
	{/if}
	{/if}

</td>

		<td align="left" valign="middle">
	<a href="{$event.url}"><font size="5">{$event.event_title}</font></a>
{if $event.event_summary !="" && ($detail != 1 || ($event.event_details =="" ||  $event.event_details == ""))}
		<br />{$event.event_summary}
	{/if}</td>

	</tr>
</table>
	
	<br />
{/foreach}
{if $return_url != ""}
<div class="calendar-returnlink">{$return_url}</div>
{/if}
</div>
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CGCalender template problem

Post by Dr.CSS »

You have a very large font size but it uses default line-height, it is better to use CSS to style then to hard code it in the HTML...

<b><font size="15">14</font></b>
tcdk
Forum Members
Forum Members
Posts: 64
Joined: Wed Jan 17, 2007 10:39 am

Re: CGCalender template problem

Post by tcdk »

Yes I know, but I usually hardcode and then make the CSS.

Any suggestions to get this to work?
Post Reply

Return to “Layout and Design (CSS & HTML)”