Hallo zusammen
Ich habe einen Google Kalender und möchte den gerne in meine Webseite einbinden.
Da nun jedoch mein Content sehr klein ist, kann ich das IFRAM von Google nicht gebrauch, respektiv ich sollte das CSS anpasse.
Nun habe ich es probiert mit einer Klasse zu ändern, jedoch scheint das nicht einfach so zu funktionieren.
Ich habe euch mal den Cod rein kopiert.
Ist es überhaubt möglich das mit einer Klasse zu machen oder habe ich keine Chance das Google CSS zu umgehen.
Ich möchte eigentlich nur ein paar kleine änderungen machen. Die schrift ein wenig kleiner, dass man den ganzen Termin sieht usw.
Besten Dank für eure Hilfe!
Hier ist der Code, ich habe extra ein wenig extrem Tags eingeführt:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.ifram {
font-size:9px;
background-color: #00FFFF;
border-color: #B1D1FA;
font-family: "Courier New", Courier, monospace;
border-bottom:#FFFFFF
}
-->
</style>
</head>
<body>
<iframe class="ifram" src="http://www.google.com/calendar/embed?src=1h75t3cpsnn5uucp130ns8ifqo%40group.calendar.google.com&ctz=Europe/Zurich" style="border: 0" width="500" height="500" frameborder="0" scrolling="no"></iframe>
</body>
</html>
Ich habe einen Google Kalender und möchte den gerne in meine Webseite einbinden.
Da nun jedoch mein Content sehr klein ist, kann ich das IFRAM von Google nicht gebrauch, respektiv ich sollte das CSS anpasse.
Nun habe ich es probiert mit einer Klasse zu ändern, jedoch scheint das nicht einfach so zu funktionieren.
Ich habe euch mal den Cod rein kopiert.
Ist es überhaubt möglich das mit einer Klasse zu machen oder habe ich keine Chance das Google CSS zu umgehen.
Ich möchte eigentlich nur ein paar kleine änderungen machen. Die schrift ein wenig kleiner, dass man den ganzen Termin sieht usw.
Besten Dank für eure Hilfe!
Hier ist der Code, ich habe extra ein wenig extrem Tags eingeführt:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.ifram {
font-size:9px;
background-color: #00FFFF;
border-color: #B1D1FA;
font-family: "Courier New", Courier, monospace;
border-bottom:#FFFFFF
}
-->
</style>
</head>
<body>
<iframe class="ifram" src="http://www.google.com/calendar/embed?src=1h75t3cpsnn5uucp130ns8ifqo%40group.calendar.google.com&ctz=Europe/Zurich" style="border: 0" width="500" height="500" frameborder="0" scrolling="no"></iframe>
</body>
</html>