Web Calendar 5.0 - Page 5

User 166008 Photo


Registered User
388 posts

1. Make sure you export the files to your working folder
2. If you are putting the coding into another page make sure you name the calendar file or your calendar page different file names.
3.. Make sure you have no color coding on your site for links that conflicts with the calendar program coding. (I had issues with seeing events too and it was because I had link coding on the page)
User 103173 Photo


VP of Software Development
0 posts

Mark Sleep wrote:
Yes I have it installed and uploaded.

It took a while to figure it out and get it on my site and something in my coding is screwing it up.

http://cedarstreetchurch.org/calendar.html


Install Firebug with Firefox and it will help you track all those css issues down Mark.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 166008 Photo


Registered User
388 posts

I did.

1. No idea how to use it.

2. It looks worse in FF. Events show off the calendar to the left.
User 103173 Photo


VP of Software Development
0 posts

Time to start learning CSS :)

Make this change:
<div id="cc_calendar_container" style="width:400px">
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 166008 Photo


Registered User
388 posts

Thanks Scott but no luck.
User 122279 Photo


Senior Advisor
14,456 posts
Online Now

Correction!!

I have edited the code below today (Nov.5th) after having got back home to my desktop pc. When I originally wrote the bold code line:
#cc_webcalendar { margin: 0 50%;}
I was on a Linux machine with an old FF browser, and I had a distorted view of what was actually happening. The code above will center the left edge of the calendar, not the calendar itself.

The code below will center the calendar:

How about inserting this line into the monthstyles.css:

/** base calendar styles **/
#cc_calendar a:link, a:visited{text-decoration:none; border-bottom:0px; color:#4f4c4d;}
#cc_calendar_container { position:relative; }
#cc_webcalendar {margin: 0 auto; width: 400px;}
#cc_webcalendar a:link, a:visited{text-decoration:none; border-bottom:0px; color:#000000;}


See the line in bold. This will center the calendar. You'll have to set the width matching that of your own calendar. The 0 for top and bottom can be changed into some other value, like 20px or something.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,190 posts

Check out these post. http://www.coffeecup.com/forums/web-cal … -calendar/ If your using IE8 it should help. I had a bunch of issues that had to do with the page lang. and how the calendar CSS style was marked up. Try the things I did to get it working.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 187934 Photo


Senior Advisor
20,190 posts

Mark Sleep wrote:
Thanks Scott but no luck.


Change this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


To this
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 103173 Photo


VP of Software Development
0 posts

Mark Sleep wrote:
Thanks Scott but no luck.

I don't show that you even made that change though Mark.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,190 posts

Change this
<td valign="center" align="middle">
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_webcalendar">
<p>Error, content did not load.</p>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("11/01/2011");
var mindate=new Date("08/01/2010");
loadTodaysCalendar(mindate,maxdate,"church_calendar");
</script>


To this

<td valign="center" align="middle">
<!-- This is where the calendar HTML will be inserted -->
<div id="cc_calendar_container" style="width:400px">
<p>Error, content did not load.</p>
</div>

<!-- this loads the calendar -->
<script type="text/javascript">
var maxdate=new Date("11/01/2011");
var mindate=new Date("08/01/2010");
loadTodaysCalendar(mindate,maxdate,"church_calendar");
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.