Goggle Kalender in Homepage einfügen ?

**Superduke** · 26.02.2009 06:33

Hallo zusammen

Ich würde gerne einen Google Kalender in unsere Homepage vom Karnevalsverein einfügen, bekomme es aber nicht ohne Hilfe hin.
Ich bin eigentlich Anfänger und habe nicht sehr viel Ahnung.

Dieser Quelltext ist vom Goggle Kalender und soll in unsere Seite eingebunden werden.

<iframe src="//www.google.com/calendar/embed?height=400&wkst=1&hl=de&bgcolor=%23ff0000&src=ktm%40supermotopage.de&color=%232952A3&ctz=Europe%2FBerlin" style=" border:solid 1px #777 " width="600" height="400" frameborder="0" scrolling="no"></iframe>

Wie muss ich das den tun? egal wo ich schon diesen Text rein kopiert habe es Funktioniert nicht und mein Go Live 6.0 hängt sich auf.
Hier der Link unserer Seite vieleicht stimmt ja da was nicht http://www.hcg-hockenheim.de.ms wenn ich links auf Termine klicke wollte ich das der Goggle Kalender auf der Seite Termine erscheind.
Wäre seht Nett wenn jemand mich unterstüzen könnte.

Danke und Gruß Dieter

**jayjay** · 26.02.2009 09:02

moin, ich hoffe ich habe dich richtig verstanden. schau dir den link-termine an, was soll er zeigen/verlinken - das tut er auch. in dieser seite solltest du dein iframe einbinden http://www.supermotopage.de/hp66z/Termine.html
übrigens, die hundert   hintereinander und einiges mehr könnte man eleganter/übersichtlicher mit css lösen, guckst du hier: http://www.css4you.de

**UweB** · 26.02.2009 09:14

Hallo Dieter,
so wie du es versuchst, sollte das schon richtig sein.
Dass GoLive 6.0 sich gerne mal verabschiedet hat, ist leider nicht ganz unbekannt.
Insbesondere natürlich, wenn der Quellcode nicht sauber ist.
In deinem Fall scheint der Quellcode so im laufe der Jahre gewachsen zu sein.
Einige Formatierungen sind falsch, bzw. scheinen aus MS-Office zu stammen.
Mal arbeitest du mit Klassen und IDs, dann wieder mit alten Tags wie font und align. Das ist nicht direkt verkehrt, nur unübersichtlich und führt u.U. zu Widersprüchen.
Auch die Größen deiner Tabellen scheinen nicht zusammenzupassen ( wobei ich das jetzt nicht genau untersucht habe, da mir der Quellcode zu unübersichtlich ist ).

Der html validator zeigt dir einige Fehler, wenn du die Seite termine.html testest ( nicht den umgebenden Frame testen ! ).
Unter Anderem benutzt du falsche Attribute, benutzt IDs mehrfach und schließt Elemente die nicht vorhanden sind.
Letzterer Fehler könnte auch daher kommen, dass diese Elemente fehlerhaft geöffnet wurden.

Die Summer dieser Fehler könnte die Ursache für die Abstürze von GoLive sein.
Ich würde die Seite Termine an deiner Stelle neu erstellen. Das dürfte der schnellste Weg zum gewünschten Ergebnis sein.

Gruß
Uwe

**jayjay** · 26.02.2009 12:18

vielleicht bringt das dich weiter, es ist noch nicht 100%-ig aber als idee....

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Termine</title>
<style type="text/css">
<!--
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 20px 0;
    background: #FFFFFF;
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

a {
    color: #666666;
}

a:hover {
    text-decoration: none;
    color: #333333;
}
input, textarea, select {
    color: #0A50A1;
    background-color: #FFFFFF;
    border:#0A50A1 solid 1px;
}
input:hover, textarea:hover, select:hover {
    border:#FF7F00 solid 1px;
}
#header {
    width: 860px;
    height: 215px;
    margin: 0 auto;
    background: #CCCCCC;
    border: 1px #000 solid
}
#form {
    float: left;
    width:205px;
    height:39px;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    background-color: #F0F0F0;
}
#banner {
    float: right;
    width:654px;
    height:39px;
    background: #999999;
    border-bottom: 1px #000 solid
}
#banner p {
    text-align: center;
    width: 604px;
    margin: 20px;
    padding-top: 2px;
    border: 1px #000 solid
}
#logo {
    float: left;
    width:205px;
    height:175px;
    border-right: 1px #000 solid;
    background: #999999;
}
#topnavi {
    margin-top: 143px;
    float: left;
    width:600px;
    height:30px;
}
#topnavi ul {
    height: 5px;
    list-style: none;
}

#topnavi li {
    display: inline;
}

#topnavi a {
    display: block;
    float: left;
    padding: 5px 15px 0 15px;
    text-decoration: none;
    font-weight: bold;
    background-color: #000;
    color: #6f6f6f;
    line-height: 26px;
    border: 1px #666 solid;
}
#topnavi a:hover {
    background-color: #d45252;
    color: #000000;
    text-decoration: none;
}
#page {
    width: 860px;
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
/* Content */
#content {
    float: right;
    width: 614px;
    padding: 20px;
    border-left: 1px #000 solid;
}
#sidenavi {
    text-align:right;
    padding-left: 54px;
    float: left;
    width: 151px;
    background-color: #881E1E;
}
#sidenavi ul {
    list-style-type: none;
}
#sidenavi li {
    margin: 0px;
}
#sidenavi a {
    width: 140px;
    display: block;
    float: left;
    padding: 5px 5px 0 5px;
    text-decoration: none;
    font-weight: bold;
    background-color:#000;
    color:#6f6f6f;
    line-height:22px;
    border: 1px #666 solid;
    font-style: italic;
}
#sidenavi a:hover {
    background-color:#d45252;
    color:#000000;
    text-decoration:none;
    font-style:normal;
}
/* Footer */
#footer {
    width: 860px;
    height: 44px;
    margin: 0 auto;
    padding: 0;
    border: 1px #000 solid;
    text-align: center;
}
#copy {
    float: right;
    width: 604px;
    margin: 12px 20px;
    padding-top: 2px;
    border: 1px #000 solid
}
#topper {
    float: left;
    width: 205px;
    height: 34px;
    background-color: #F0F0F0;
    padding-top: 10px;
    border-right: 1px #000 solid
}
-->
</style>
</head>

<body>
<div id="header">
    <div id="form"><form name="anzeige"><input size=10 name="date" class="datum" ></form> <form name="anzeige2" ><input type="text" name="time" size="10" class="zeit" ></form></div>
    <div id="banner"><p>Willkommen bei der Erstne Grossen Hockenheimer Carnevals-Gesellschaft 1954 e.v.</p></div>
    <div id="logo"></div>
    <div id="topnavi">        
        <ul>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Impressum</a></li>
        </ul>
    </div>
</div>
<div id="page">
    <div id="sidenavi">
        <ul>
            <li><a href="index.html" onfocus="this.blur()">Home</a></li>
            <li><a href="Trainingszeiten.html" onfocus="this.blur()">Trainingszeiten</a></li>
            <li><a href="Aktiven.html" onfocus="this.blur()">Aktiven</a></li>
            <li><a href="UHUS.html" onfocus="this.blur()">Die UHU,s</a></li>
            <li><a href="Garde.html" onfocus="this.blur()">Garde</a></li>
            <li><a href="Purzelgarde.html" onfocus="this.blur()">Purzelgarde</a></li>
            <li><a href="Anmeldung.html" onfocus="this.blur()">Anmelde Formular</a></li>
            <li><a href="Termine.html" onfocus="this.blur()">Termine</a></li>
            <li><a href="Narrenring.html" onfocus="this.blur()">Narrenring</a></li>
            <li><a href="index.html" onfocus="this.blur()">Home</a></li>
        </ul>
    </div>
    <div id="content">
        <h1>Termine der HCG Hockenheim 2008/2009</h1>
        <p>Veranstaltungen</p>
        <p>Der Ersten Großen Hockenheimer Carnevals-Gesellschaft 2008</p>
        <iframe src="//www.google.com/calendar/embed?height=400&amp;wkst=1&amp;hl=de&amp;bgcolor=%23ff0000&amp;src=ktm%40supermotopage.de&amp;color=%232952A3&amp;ctz=Europe%2FBerlin" style=" border:solid 1px #777 " width="600" height="400" frameborder="0" scrolling="no"></iframe>
    </div>
    <div style="clear: both; height: 0px;"></div>
</div>
<div id="footer">
    <div id="topper"><a href="#">nach oben</a></div>
    <div id="copy">Anschrift HCG Hockenheim Thomas Wünsche Hirschstr 52 68766 Hockenheim</div>
</div>
</body>
</html>

**Superduke** · 26.02.2009 18:06

Hallo jayjay und Uwe B

Ich werde es mal versuchen mit den Quelltext von Dir jay jay werde mich melden wenn es funktioniert.
Vorab mal Vielen Dank.

LG Dieter

zur Startseite vom TP

Thema: Goggle Kalender in Homepage einfügen ?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

Goggle Kalender in Homepage einfügen ?

Ähnliche Themen

mp3s zum anhören auf Homepage einfügen ???

Kalender für die Homepage

Stink normales Bild in Homepage einfügen und auf webspace laden ???

Webcam in die Homepage einfügen

fw menu in asp homepage einfügen?

Aktive Benutzer

Aktive Benutzer