Link um Bild: Link mit BG-Bild neben Bild?

[cssler]

Hallo

Ich möchte verschiedene Thumbnails-Bilder auf die Orginalbilder verlinken. Dazu möchte ich jeweils neben dem Thumbnail-Bild eine Lupe haben. Damit ich die Lupe nicht als Bild neben dem Thb-Bild setzen muss, möchte ich dies gerne per css machen:
<a class"MEINECLASSE" href=""><img .......></a>

Wie kann ich aber das Hintergrundbild des Linkes (also meine lupe) rechts neben dem Bild positionieren?
Problempunkt 1: Die Thb-Bilder sind nicht immer gleich breit / gross!
Problempunkt 2: Thb-Bilder müssen auch neben einander angelegt werden können (display:block kann somit nicht benutzt werden!

Hat jemand eine Idee?

Gruss damian

[wahsaga]

hi,

<a class"MEINECLASSE" href=""><img .......></a>

Wie kann ich aber das Hintergrundbild des Linkes (also meine lupe) rechts neben dem Bild positionieren?

padding-right, background-position.

gruß,
wahsaga

[cssler]

Hallo

Danke, ja das Funzt, nur habe ich diesen komischen Effekt im Firefox , warum:

Vorschau:
http://www.kirtz.org/guckmal.gif

Mein Code:
  background-image:url(/images/icons/ico_lupe.gif);
  background-position : right bottom;
  background-repeat: no-repeat;
  border: 1px solid black;
  padding-right: 3.4em;
  padding-left: 0px;
  padding-bottom:  0px;
  padding-top:  0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom:  0px;
  margin-top:  0px;

[wahsaga]

hi,

Danke, ja das Funzt, nur habe ich diesen komischen Effekt im Firefox , warum:

Welchen?

Vorschau:
http://www.kirtz.org/guckmal.gif

503 Service Unavailable

padding-right: 3.4em;

Warum in em?
Dein Hintergrundbild hat doch wohl eine feste Größe, da ist es m.E. wenig sinnvoll, den nötigen Abstand mit einer relativen Einheit erzeugen zu wollen.

gruß,
wahsaga

[cssler]

Hallo

http://www.kirtz.org/guckmal.gif
--> sollte aber gehen....probiers noch mal (-;

3.4em -> Stimmt (-;

Gruss Damian