Hilfe
Neues Thema
Antworten
Ich - habwegs erfahren m Gadget-Bauen und mit den Grundfunktionen soweit vertraut
- benötige mal den entscheidenden Tip.Folgendes Problem:
Das in meinem gerade entstehendem "Farbuhr"-Gadget verwendete Hintergrundbild will einfach nicht transparent angezeigt werden.
Ich habe ein Script - siehe unten - in dem festgelegt ist, dass zu einer bestimmten Uhrzeit ein bestimmtes Hintergrundbild innerhalb des Gadgets angezeigt wird. (So soll es zumindest mal sein) dies ließe sich dann erweitern, so dass stündlich, zweistündlich, wie auch immer, das Hintergrundbild im Gadget wechselt - je nach Uhrzeit eben.....
Hier mal das Script:
<html>
<head>
<title>Farbuhr</title>
<style>
body {
width: 130px;
height: 67px;
font-family: Tahoma, Helvetica, sans-serif; color: white;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: bold;
}
#time {
width: 130px;
height: 67px;
margin: 0px;
padding: 0px;
}
.red {
background-image: url(images/red.png);
}
.yellow {
background-image: url(images/yellow.png);
}
</style>
<script>
function doTime()
{
var Time = new Date();
var hours = Time.getHours();
var minutes = Time.getMinutes();
var seconds = Time.getSeconds();
var timeclass = "yellow";
var h = "h";
if (hours < 12) {
ampm = "h";
} else {
ampm = "h";
}
if (hours < 8) {
timeclass = "red";
} else if(hours > 18) {
timeclass = "red";
}
if (hours > 12) {
hours = hours;
}
if (minutes < 10) {
minutes = "0"+minutes;
}
if (seconds < 10) {
seconds = "0"+seconds;
}
div = document.getElementById('time');
div.innerHTML = hours+":"+minutes+" "+ampm;
div.className = timeclass;
setTimeout("doTime()",1000);
}
</script>
</head>
<body onLoad="doTime()">
<div id="time" align="right"></div>
</body>
</html>
Nun das folgende Problem:
Obwohl ich diese Grafik hier verwende: (datei 0001.png) welche überall transparent angezeigt wird, wird es im Gedget je nach Einstellung entweder mit einem weißen Rahmen umgeben (welcher dann genau die 130*67 px misst), oder wenn man 2 Grafiken übereinander legt, ist das Ergebnis "rosa" umrandet. Irgendwas scheint da zu stören....
Und ich scheine nicht alleine auf die Lösung zu kommen. Kann mir bitte jemand helfen?
Wenn man in die Zeile so verändert :
Body {
width: 130px;
height: 67px;
background-image: url(images/yellow.png);
font-family: Tahoma, Helvetica, sans-serif; color: white;
font-size: 18px;
padding: 0px;
margin: 0px;
font-weight: bold; "
...kmmt der Rosa - Rahmen um die Bilder .... (weil sie übereinanderliegen?)-(Anlage 2: Erbgebis.jpg)
...läßt man die Zeile (fett) weg und nimmt "nur" ein Hintergrundbild, ist der weiße Rahmen da, wo es transparent sein sollte - Hat jemand dazu eine Idee, oder einen Vorschlag wie man das elegan lösen könnte?
DANKE! Gruß - Ford
Nach oben
