Wie "area shape" in Kombination mit FW-Image (Background Image?) & HTML-Code nutzen

[Metzilein]

Hi Leute,

habe ein kleines Problem:

Mit FW habe ich einen Frame-Inhalt erstellt und wollte darüber den HTML-Code eines Kontakt-scripts legen.
Ging via DW nicht ganz so einfach, also habe ich das ganze via CSS als Background Image mit der Option NoRepeat erstellt.

Es funktioniert bloß kann ich nun die Links nicht mehr via HotSpot über Area Shape definieren, denn es gelingt mir nicht, das Background Image als Ziel der Hotspots zu definieren.

Hat jemand eine kleine Idee für mich?
Wäre seehr dankbar

[seb]

Eine Client-Side Image Map (Element <map>) einem per CSS definierten Hintergrundbild zuzuordnen, ist nicht möglich. Für sowas musst Du das Bild per <img> einbinden.

[Metzilein]

Moin, moin,

erstmal Danke für die Antwort.
Habe schon befürchtet dass es so nicht geht.
Gibts denn eine Möglichkeit, mit der ich das Image per IMG Tag einbinden und den HTML Code so drüber legen kann, wie es momentan mit CSS aussieht? Das wäre mir sogar selbst noch angenehmer.

Ansonsten würde ich es mal probieren, zusätzlich noch ein transparentes Image in der gleichen Größe mit dem IMG tag einzufügen, dem ich dann das Map-Element zuorden würde.

[seb]

Mit der CSS-Eigenschaft "position:absolute" (+ "left"- und "top"-Angaben) kannst Du Text auch über ein per <img> eingebundenes Bild legen.

[Metzilein]

Hmm,

geht mir ja nicht nur um Text sondern um ein Formular und das dürfte mit CSS nicht so einfach gehen, oder?

Möchte halt - nach Möglichkeit - einfach das Bild plus HTML Code

[Rinaldo]

Normal müsste man auch Formulare per CSS "stylen" können.

[seb]

Du kannst jedes beliebige Element per CSS positionieren, also auch ein <form>. Und wenn es sich um mehrere aneinandergereihte Elemente handelt, kannst Du sie z.B. mit einem umfassenden <div> gruppieren und das positionieren. Alles, was darin steht, rückt dann mit.

[Metzilein]

Hi Seb,

würde das formatieren via CSS denn auch zulassen, dass ich das Bild als image einbinde, und HotSpots via AreaShape definieren kann?
Sprich, wäre mit der Definition des Form-Bereichs mittels div und schließender Ausrichtung via CSS eine entsprechende Anordnung ÜBER dem Bild möglich?

Ansonsten muss ich den umständlicheren Weg gehen und versuchen, einen Teil des Bilds als Background zu definieren und den Rest via Tabelle einzubinden.

Sofern die Positionierung via CSS möglich sein sollte, kannst du mir kurz unter die Arme greifen und mir sagen, wie ich das ganze am Besten einbinden?
Hab mal auf SelfHTML ein wenig gewühlt, teste das aber auch heute Abend so nochmal durch.

[Adromir]

Du kannst das Image in einen Layer stecken und genau darüber einen anderen Layer. Beiden gibst du einen Unterschiedlichen z-index (schau mal bei SELFHTML beim CSS-Syntax nach).
Damit solltest du das so hinbekommen..

[Metzilein]

Komischerweise habe ich das mit Frontpage eben ohne Probleme hinbekommen. Die Idee mit den Layern kam mir selbst zu spät
Scheint aber ganz gut auszusehen...

[Metzilein]

Jupp, Layer ist die Lösung. Das funktioniert auch 1a

Merci!