✔ Bild in einem Bild einfügen?

[vaporizer]

Hallo zusammen

ich steh wieder mal vor einem Problem
also ich hab auf der linken Seite meiner Page ein Bild(jpg) eingefügt ca50*150
in diesem Bild will ich nun meine Buttons(jpg) haben
die ich dann anklicken kann um an mein Ziel zu kommen
wie füge ich meine Buttons(jpg) in dieses Bild ein?
kann mir da jemand weiterhelfen?
hab mir auch überlegt das bild mit den Buttons fertig zu gestallten
und dann die Anklickflächen der Buttons zu koordinieren
wie lässt sich dies umsetzten?
was wäre vernünftiger?
hoffe ihr könnt mir weiter helfen

Schöne Grüße von vaporizer

 

[Markus Kolletzky]

Hi,

Zu 1.) Du kannst Dein "Hintergrundbild" als Tabellenhintergrund machen und dann die Buttons da rauf setzen.

<td background="bild.png"><a href="URL.htm"><img src="button.png"></a></td>

oder
2.) Dein Bild per Maps gestalten

<img src="Dein_hintergrundbild.png" width="xxx" height="xxxx" usemap="#Map"><area shape="rect" coords="xyz,zyx,yxz,zxy" href="URL_deiner_wahl.html">

Mit den Maps funktioniert das in Dreamweaver recht einfach, zu finden unter den Eigenschaften; siehe Screenshot:

 

[vaporizer]

also ich hab nun mein Bild als Hintergrund für die Zelle gewählt
nur leider sieht man nur den linken oberen Teil des Bildes
gibts eine Möglichkeit die Größe des bildes an die Zelle anzupassen?

 

[Markus Kolletzky]

Ja, gibt es. Indem Du die Größe der Zelle an Dein Bild anpasst:

<td height="Größe_der_Zelle, je_nach_Bild" width="das_Gleiche">

oder gleich mit %-Angaben arbeitest.

 

[vaporizer]

aber es muß doch möglich sein das jpg an die zelle anzupassen
oder etwa nicht?

 

[Helge]

Ja klar in dem du das bild auf die größe bringst:
- Entweder du machst ein neues Bild mit den richtigen Größen in dem Grafikprogramm deiner Wahl
- Oder du vergrößerst das bild in dem Grafikprogramm deiner Wahl ( meist geringer Qualitätsverlust, je nach vergrößerung )
- oder du gibst die neue Größe im HTML Code an: meinetwegen bei einem 25*75px großen bild: " <img src="25x75.gif" style="width: 50px; height: 150px; " alt="" /> " ( größerer Qualitätsverlust )

 

[christhebaer]

Hallo!

Ich habe da vielleicht mal einen Tipp.

Ich benutze für sowas immer eine transparente Grafik (1x1 Pixel groß als GIF).
Diese lege ich dann in eine td und gebe der dann die gewünschte Höhe,
da die Höhenangabe bei TDs nicht von jeden Browser umgesetzt werden.

Gruß
christhebaer

 

[vaporizer]

also meine Zeile sieht so aus
<td style="background-image:url(links.jpg); width:100px; height:150px;">
aber egal wieviele px ich angebe
das hintergrundbild bleibt immer gleich groß
woran liegt das?

 

[SilentWarrior]

vaporizer: Die Grösse des Hintergrundbildes kannst du afaik auch nicht verändern, dazu muss das Bild schon als expliziter Inhalt der Zelle angegeben werden.

christhebaer: http://selfhtml.teamone.de/grafik/sorten.htm#blinde_pixel

 

[Sven Mintel]

Ich würd die Bilder gleich fertig mit Button machen... über ne Imagemap kannst du dann bewirken, dass lediglich der Bereich mit dem Button klickbar ist.