nicht angemeldet
Hallo!
Ich hoffe hier kann mir einer helfen. Hab unmengen an Forums durchgegraben und nichts passendes gefunden. Wie man mit CSS Grafiken nahtlos aneinanderfügt ist mir klar. Nur mit PHP und CSS mouseover-Effekt habe ich bisher noch keine Lösung gefunden.
Zum Eigentlichen: Ich erstelle eine Art Belegungsplan für Fahrzeuge. Oben erscheinen die Wochentage und links in den Zeilen das jeweilige Fahrzeug. Der Zeitraum, in dem ein Fahrzeug belegt ist wird mit einem roten Balken versehen. Realisiert habe ich das mittels einer Abfrage in PHP und zwei Grafiken (ein rotes und ein weißes Stückchen vom Balken). Über PHP frage ich nun ab, ob belegt, wenn ja, roten Abschnitt einfügen, wenn nein, weißen Abschnitt einfügen.
Die Abfrage:
***
while($laeuferTag < $letzterTaginAnsicht){
$Arbeitszeitbeginn = 21600;
$Arbeitszeitende = 61200;
$laeuferZeit = $Arbeitszeitbeginn;
while($laeuferZeit < $Arbeitszeitende){
if (($laeuferTag + $laeuferZeit) >= $anfangDatumZeitReserv && ($laeuferTag + $laeuferZeit) < $endeDatumZeitReserv){
echo "<img src='/gfx/balken_rot.gif'>";
}else{
echo "<img src='/gfx/balken_weiß.gif'>";
}***
Das funktioniert einwandfrei und wird richtig dargestellt. Den Balken möchte ich nun mit einem CSS mouseover-Effekt versehen, der nach Aktivieren weitere Informationen zur Belegung darstellt. Nur erscheinen die Abschnitte nicht nahtlos, sondern mit einem Abstand. Die Infobox wird korrekt mit Inhalt angezeigt. Viele Lösungsvorschläge in den Foren habe ich ausprobiert, funktionierten aber nicht wirklich.
Die CSS-Definiton:
***
a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox:hover { cursor:help; color:#c30; background:white; }
a.infobox span { visibility:hidden; position:absolute; padding:0px; text-decoration:none; }
***
Ich hoffe mir kann diesbezüglich jemand helfen. Wenn jemand eine bessere Lösung (z. B. ohne Grafiken) hat und hierzu eine Alternative hat, wäre ich auch sehr dankbar!!
Schon mal im voraus besten Dank!!!
Gruss
Thomas