nicht angemeldet
Guten Tag,
da ich noch ein Anfänger in Sachen Webdesign bin und trotz Suche keine Lösung für mein Problem gefunden habe, hoffe ich mit diesem Eintrag eine Lösung zu finden.
Zur Website:
Ich wollte eine grafisch ansprechende Website anfertigen die etwas anders als gewohnte Seiten funktioniert und darum habe ich zuerst per Adobe Photoshop ein Bild der Website gezeichnet um es danach im ImageReady durch sog. "Slices" zu bearbeiten (Leute mit Adobe Erfahrung wissen wahrscheinlich was ich meine) und als html direkt abzuspeichern (ja... ein generiertes Script). Dies mit dem Ziel danach positionierte Einzelbilder zu haben, die ich mit Rollover Buttons austauschen kann. Das nun "zerstückelte" Bild habe ich also an den entsprechenden Bildstücken mit einem Javascript für Rollover effekte ausgestattet, wobei sich allerdings schnell herausstellte, dass diese "Stücke" nicht mehr zu passen schienen und sich verschoben.
Wie könnte ich diese Verschiebung wieder "ausgleichen" oder verhindern? (Die Rollover Grafiken 1 und 2 haben jeweils exakt die gleichen Masse)
(Vielleicht wichtig zu wissen: ImageReady generiert das Bild neu in einer Tabelle und benutzt ein sog. "spacer.gif" zum Ausgleich von allfälligen Leerräumen (oder so). Es scheint keinen Einfluss zu haben, welchen Browser ich benutzte, "border" sind jeweils auf "0", bei Bedarf liefere ich auch gerne das script und/oder den html code)
Screenshots:
So sollte es mit Rollover buttons aussehen
http://www.pic-upload.de/07.08.08/lncv5n.jpg
So sieht es mit Rollover buttons aus
http://www.pic-upload.de/07.08.08/rb245p.jpg
Vielen Dank fürs durchlesen und helfen im Vorraus!
mfg
(so nebenbei: die Spacer.gif dateien habe ich bereits Stunden lang versucht anzupassen, die Leerräume ändern sich zwar um jeweils etwa 1 px, aber das ganze ist wirklich kein Spass und führt zu nichts, besser geworden ist es insgesamt nicht)