CSS Image Map

[ScorpionXP]

Hallo,

ich erstelle gerade eine Homepage. Dabei verwende ich stylesheets.

Der HTML Teil sieht wiefolgt aus:

<table align="center" id="main"   cellspacing="0" cellpadding="0" border="0" >
    <tr>
        <td>

Dazu kommt folgender CSS Code:

#main {width:0px;width:100%;
background-color: #;
background-image:url(images/header2.jpg);background-repeat:no-repeat;
background-position:center top;
}

Ich würde gerne erreichen, dass wenn ich im Linken Bereich des Bildes header2.jpg klicke, sich ein Link öffnet. Wie groß der Bereich ist spielt erstmal keine Rolle, kann ich ja immer noch ändern.

Dazu muss ich wohl ein ImageMap verwenden. Wie ich das genau aber erstelle weiß ich nicht.

Wer kann mir helfen, wäre echt toll.

Viele Grüße, Nico

 

[threadi]

Dein "HTML Teil" ist auch wirklich nur ein Teil - völlig unbrauchbar für deine Frage und hoffentlich nicht das einzige was du hast.

Ein ImageMap erstellt man mittels HTML-Code: SELFHTML: HTML/XHTML / Grafiken / Verweis-sensitive Grafiken (Image Maps) - mittels CSS könnte man sowas auch machen, aber ist eher Handarbeit (absolut die Punkte positionieren etc.).
​

 

[ScorpionXP]

Hallo,

der HTML Teil soll auch lediglich zeigen, dass ich die Hintergrundgrafik in einem <table> Befehl einbinde!

 

[Efchen]

der HTML Teil soll auch lediglich zeigen, dass ich die Hintergrundgrafik in einem <table> Befehl einbinde!

Abgesehen davon, dass es weder in HTML noch in CSS Befehle gibt (sowas gibts nur in Programmiersprachen), hoffe ich, dass Du dann auch tabellarische Daten mit Deiner Tabelle auszeichnest und diese nicht zu Layoutzwecken missbrauchst.

 

[Asterixus]

Um dir mal eine Antwort zu geben; die dir hilft und die nicht nur da ist um kundzugeben, ach wie gut man sich doch informiert hat:
Mach ein Transparentes .gif von 1*1
Dann positionierst du es, da wo es hingehören sollte. Da ich keinen Link habe, kann ich dir dabei nicht helfen. Größengabe soll die gleiche sein, wie das Hintergrundbild.
Formatierung so:

img[src="transparentes.gif"] {
  width:10px;
  height:20px;
  /* USW. */
}

<img usemap="#meine_map" src="transparentes.gif" />
<map name="meine_map" id="meine_map">
<area alt="" shape="rect" coords="0,0,10,20" href="datei.php" />
</map>

 

[ScorpionXP]

Gibt es denn keine Möglichkeit, ein ImageMap auf eine Grafik zu machen, die aus CSS kommt und in einem <table> eingebunden ist? Oder vielleicht ein table background ?

 

[threadi]

eine Grafik zu machen, die aus CSS kommt und in einem <table> eingebunden ist?

Das ist doch ein Tabellenhindergrund den du meinst? Und nein, daraus kann man kein HTML-ImageMap machen.

 

[bokkers]

Du könntest ein transparentes gif auf Dein Hintergrundbild legen und dann für dieses gif eine Imagemap machen.