wie kann man einen hover Effekt mit dem Logo erzeugen

Das sind zwei verschiedene Bilder wenn ich mich nicht irre.
Es wurden zwei die selben Bilder bis auf die Description erstellt.

http://www.google.de/#hl=de&source=…9934b00c623671d

Sollte Dir weiter helfen.

LG

nicht dafür.
Kannst es dann ja mal zeigen.

LG

ja, das würde mich durchaus auch mal interessieren - bitte mal hier posten, was du gmeacht hast! ich danke schonmal

Servus Geri,

ganz einfach (macht man auch bei Sprites so > Google): Beide Bilder in zB Photoshop untereinander legen und nur ein Bild daraus machen. Dann zB

<div id="dein_bild"></div>

und in deiner css-datei

#dein_bild {
display: block;
width: XYpx;
height: XYpx; // B&H wichtig für das IE-Boxmodel
overflow: hidden; // damit der hover-state verborgen wird
background: url('pfad/angabe/im/theme/bild.png') no-repeat 0 0;
}
#dein_bild:hover {
background-position: 150px 0; // damit rutscht das Bild beim MouseOver hin und her
}

Kluge Sache, die kein [x] zeigt, weil der hover-state gleich mit dem Ausgangsbild geladen wird. :mrgreen:

warum? also bei mir klappts wunderbar - danke für den hinweis!

geri: Falls Du Probleme mit dem Html-Layout hast, kann ich Dir folgende Css-Frameworks (nachstehende Links) empfehlen. Ich selbst verwende in erster Linie blueprint. Das einarbeiten und testweise erstellen von 2-3 Vorlagen dauert ca. 2h. Dann hast Du für längere Zeit Ruhe von diesen Problemen und musst Dich nicht immer damit herum ärgern:

* Mein heiß geliebtes blueprint: http://www.blueprintcss.org/ (solltest Du damit umgehen können, schick mir eine PN und ich schick Dir meine Ergänzungen retour)
* 960 Grid: http://960.gs/ (auch gut, aber weniger flexibel)
* Nicht wirklich für den Produktionseinsatz, aber gut zum Lernen wie man Layout und Content-Struktur auseinander hält: http://github.com/stubbornella/oocss
* Nur falls Du ziemlich gut mit Js bist: http://desandro.com/resources/jquery-masonry
* Falls Du noch andere Alternativen durchsehen willst: http://www.tripwiremagazine.com/2009/06/45-css…hould-know.html

die seite ist noch offline, mal sehen, wann ichs schaffe mit online-stellen - dann kommt der link!