• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild als Link?

Status
Für weitere Antworten geschlossen.

MissAkira

Neues Mitglied
Hallo!

ich hab ein Problem, ich will eine Homepage für mich machen, die anfangsseite (auch die anderen dann) besteht aus einem großen Bild, der Text ist auch IN diesem Bild als Bild natürlich (Photoshop). Nun will ich ein durchsichtigen kasten um diese Texte (Home, About me....) machen und den als anklickbare Links umwandeln.

Dreamwaver biete dafür ja auch Hotspots an, aber das geht bei dem Bild komischerweise nicht, dass ich den text umranden kann.

Dann hab ich diese Bild-Texte bei photohop ausgeschnitten und sie einzeln eingefügt bei Dreamweaver in meine HP, geht trotzdem net.

Kann mir jemand helfen?? :-?
 
Werbung:
Hallo!

ich hab ein Problem, ich will eine Homepage für mich machen, die anfangsseite (auch die anderen dann) besteht aus einem großen Bild, der Text ist auch IN diesem Bild als Bild natürlich (Photoshop). Nun will ich ein durchsichtigen kasten um diese Texte (Home, About me....) machen und den als anklickbare Links umwandeln.

Dreamwaver biete dafür ja auch Hotspots an, aber das geht bei dem Bild komischerweise nicht, dass ich den text umranden kann.

Dann hab ich diese Bild-Texte bei photohop ausgeschnitten und sie einzeln eingefügt bei Dreamweaver in meine HP, geht trotzdem net.

Kann mir jemand helfen?? :-?

Meinst du's so:
HTML:
<a href="link.xhtml"><img src="bild.jpg" alt="Mein Bild" /></a>
Da du's ins CSS Board geschrieben hast, dachte ich, du hättest das Problem mit den Rahmen um die Bilder, falls das so ist, hier:
HTML:
<a href="link.xhtml"><img style="0px none;" src="bild.jpg" alt="Mein Bild" /></a>
oder
HTML:
<style type="text/css">
img {
  border:0px none;
}
</style>
Hoffe konnte mit etwas helfen..


Kann aber auch sein, dass du ne ImageMap machen willst:
HTML:
<map name="map"> 
    <area shape="rect" coords="194,10,274,30" href="link.xhtml" / > 
  </map>
<img src="bilder/imagemap.gif" usemap="#map" alt="Ein Bild für eine Imagemap" height="36" width="373">
----
ERAZR!
 
Jaaa genau ich glaub genau das letzte kann ich benutzen ;Jump

thx,

nur leider hab ich ein prob wie kann ich das verschieben?

durch: coords="194,10,274,30" ? geht irgendwie aber nicht

bin noch ziemlich ne Anfängerin :cool:
 
Werbung:
Jaaa genau ich glaub genau das letzte kann ich benutzen ;Jump

thx,

nur leider hab ich ein prob wie kann ich das verschieben?

durch: coords="194,10,274,30" ? geht irgendwie aber nicht

bin noch ziemlich ne Anfängerin :cool:
Bei coords geben Sie die Koordinaten der verweis-sensitiven Flächen an. Die Pixelangaben bedeuten absolute Werte innerhalb der Grafik, die verweis-sensitiv sein soll. Trennen Sie alle Pixelwerte durch Kommata.
  • Ein Viereck (shape="rect") definieren Sie mit den Koordinaten für x1,y1,x2,y2
    wobei bedeuten:
    x1 = linke obere Ecke, Pixel von links
    y1 = linke obere Ecke, Pixel von oben
    x2 = rechte untere Ecke, Pixel von links
    y2 = rechte untere Ecke, Pixel von oben
  • Einen Kreis (shape="circle") definieren Sie mit den Koordinaten für x,y,r
    wobei bedeuten:
    x = Mittelpunkt, Pixel von links
    y = Mittelpunkt, Pixel von oben
    r = Radius in Pixel
  • Ein Polygon (shape="poly") definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn
    wobei bedeuten:
    x = Pixel einer Ecke von links
    y = Pixel einer Ecke von oben
    Sie können so viele Ecken definieren wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.
Quelle: selfHTML, hab kZ

---
ERAZR COMPANY!
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben