Aloha from Hawaii.
I've got Ver. 5.0 Build 6 (registered) of Web Calendar. I can export and publish to the web no problem using the internal tools.
When viewing the calendar online, it's on the left side of the window, not centered. Yet in preview mode using the program, the calendar is centered. Could someone help with a centering tip <grin>. I can edit the code using MS Expression.
I'm still reading to learn how to nest it inside another html page that I would rather use.
Thanks for any help . . . it's been quite a while since needing to use the forum. Glad you're here. I'm an old back yard html'er.
Gary
Gary Lloyd
Registered User
14 posts
Jim Cantrell
Ambassador
1,524 posts
You can try this.
Place the calendar code between the div tags.
Place the calendar code between the div tags.
<div align="center"> Calendar Code goes here </div>
Jim
---------------------------
---------------------------
Inger
Senior Advisor
14,454 posts
Jim, I have found that by using that method, the calendar itself gets centered, but the events are left behind, left oriented.
See the discussion here: http://www.coffeecup.com/forums/web-cal … post142182
Only the posts from the last couple of days apply, of course.l
See the discussion here: http://www.coffeecup.com/forums/web-cal … post142182
Only the posts from the last couple of days apply, of course.l
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Gary Lloyd
Registered User
14 posts
Aloha Jim,
That's the ticket. Mahalo my brother!!
That's the ticket. Mahalo my brother!!
Gary Lloyd
Registered User
14 posts
Well, well.... I spoke too soon, Jim. Like other post I've read, the calendar center purrrfectly but my saved meetings did not. They aligned towards the left of the calendar <bummer>. ~gary
Eric Rohloff
Senior Advisor
20,190 posts
Online Now
I had the same problem centering my calendar using this.
It looked ok on the web page but when I clicked an event the page took on the view of the attached IMG. Does any body else get the same view in IE when they click an event?
I lost the close button on the event detail pop up.Fire Fox didn't seem to care about the code but IE8 was the issue. I ended up using an Iframe window to make IE8 show the close button.
I set the frame to be a little wider then the calendar which isn't a problem for fire fox because it supports back ground colors for Iframes. IE8 doesn't so there's a white band down the right side. I'm going to try to place an img the same color as the back ground over this area.
<div align="center">
<!-- 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("12/01/2011");
var mindate=new Date("01/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script></div>
<!-- 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("12/01/2011");
var mindate=new Date("01/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script></div>
It looked ok on the web page but when I clicked an event the page took on the view of the attached IMG. Does any body else get the same view in IE when they click an event?
I lost the close button on the event detail pop up.Fire Fox didn't seem to care about the code but IE8 was the issue. I ended up using an Iframe window to make IE8 show the close button.
<div align="center"><iframe width="500px" height="488px" src="calendar.html" frameborder="0" class="center" style="background-color: #339966"></iframe></div>
<!-- This is where the calendar HTML will be inserted -->
<!-- this loads the calendar --><script type="text/javascript">
var maxdate=new Date("12/01/2011");
var mindate=new Date("01/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>
<!-- This is where the calendar HTML will be inserted -->
<!-- this loads the calendar --><script type="text/javascript">
var maxdate=new Date("12/01/2011");
var mindate=new Date("01/01/2011");
loadTodaysCalendar(mindate,maxdate,"calendar");
</script>
I set the frame to be a little wider then the calendar which isn't a problem for fire fox because it supports back ground colors for Iframes. IE8 doesn't so there's a white band down the right side. I'm going to try to place an img the same color as the back ground over this area.
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
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
Scott Swedorski
VP of Software Development
0 posts
The issue with IE is because you do not have a valid DOCTYPE.
http://www.coffeecup.com/help/articles/ … -explorer/
http://www.coffeecup.com/help/articles/ … -explorer/
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.
Eric Rohloff
Senior Advisor
20,190 posts
Online Now
Thanks Scott, Thats what I needed before. I'll give it a try.
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
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
Scott Swedorski
VP of Software Development
0 posts
You now have 2 DOCTYPES on your page.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
and
<!DOCTYPE html>
<html lang="en">
You need to remove the first one.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
and
<!DOCTYPE html>
<html lang="en">
You need to remove the first one.
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.
Inger
Senior Advisor
14,454 posts
Eric, are you using the HTML Editor 2008? With a html5 doctype you need the latest build, I think. If you are a registered user of that programme, you can download all updates for free.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.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.
