Bereich anklickbar machen

[pacapa]

Hallo Leute,

ich habe mir was in den kopf gesetzt, womit ich leider nichts anfangen kann... ^^
und zwar möchte ich bei meiner homepage einen bereich um die icons anklickbar machen & dass dann der entsprechende inhalt in dem rot markiertem feld angezeigt wird!

ich hoffe, ihr versteht was ich mein. hier noch ein bild was das ganze veranschaulicht:


jetzt meine frage,
wie mach ich sowas?
also was muss ich in mein stylesheet & in die html datei reinschreiben?

 

[msblacky]

AW: Bereich anklickbar machen

Hallo,

einfach dem Bild einen Link verpassen mit <a href=.....>, anscheinend fehlen bei Dir Grundkenntnisse in html.

msblacky

 

[pacapa]

AW: Bereich anklickbar machen

hmm... das problem ist, dass der header (also blauer hintergrund) & die icons zusammen eine jpg datei ergeben!

 

[Jaelina]

AW: Bereich anklickbar machen

Dann such mal nach "map"

 

[micr0]

AW: Bereich anklickbar machen

Infobox hat einen ähnlichen effekt. Musst nur noch u,stellen dass auf Klick deine Box aufgeht

Hier ein kleines Tut.
WebDesign - Tips und Tricks: CSS-Infobox

gruß micr0

 

[Myhar]

AW: Bereich anklickbar machen

hmm... das problem ist, dass der header (also blauer hintergrund) & die icons zusammen eine jpg datei ergeben!

Das ist doch unsinnig, das als ein großes Bild einzubinden. Schneide das mit einem Bildbearbeitungsprogramm zurecht, dann kannst du die Sachen auch auf dem 'normalen' Weg ohne imagemap einbinden. Außerdem sind die einzelnen Grafiken sicher um einiges kleiner als ein großes .jpeg

L. G.

 

[ccm_bla]

AW: Bereich anklickbar machen

Hallo,
Macromedia Hotspot (maps wie oben bereits erwähnt"

script:
<img src="bild.jpg" width="980" height="170" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="94,78,184,142" href="axvb.html" />
<area shape="rect" coords="203,77,304,148" href="xyz.html" />
<area shape="rect" coords="320,78,431,146" href="abc.html" />
</map>

shapes könne rund, eckig, polygon sein

 

[Solla]

AW: Bereich anklickbar machen

Verstehe auch nicht ganz, warum das alles in einem Bild sein muss! Damit machst Du es Dir nur unnötig schwer.

Mach einfach die Bilder klein, gib dem Header die blaue Farbe und platziere die einzelnen kleinen Bilder mit einem <a href="http://www.psd-tutorials.de/forum/46_x-html-css/.."><img....>... umschlossen als Link ein. Das ist sauber und wenn Du willst kannst Du an der Stelle auch noch mit einem Hovereffekt das Bild beim Überfahren mit der Maus (- nein, das ist nicht schmerzhaft solange die Maus nicht die jenige ist, die überfahren wird - *grins*) andersfarbig gestalten.

Ich hoffe das war nicht zuviel Fachchinesisch, wenn Doch, frag bitte einfach nochmal nach. Wir haben ja schließlich alle mal klein angefangen. Also trau Dich, auch wenn manche hier meinen, sich über Mitglieder, die noch nicht ganz so weit sind erheben zu müssen - lass Dich davon nicht abbringen zu fragen. Notfalls kannst auch gerne ne PM an mich schicken.

B.G.
Solla

 

[pacapa]

AW: Bereich anklickbar machen

das hat sich schon erledigt, trotzdem danke!!

 

[simonpicos]

AW: Bereich anklickbar machen

imagemap.
googles mal, oder schau direkt bei selfhtml nach

 

[sokie]

AW: Bereich anklickbar machen

auch wenn es sich erledigt hat... hier wird doch sehr schnell zu der komplizierten lösung per imagemap gegriffen (was ja einen eingriff in das html voraussetzt). in dem Beispiel tuts auch eine ganz gewöhnliche naviliste (so wie sie aus einem CMS herauskommt) und CSS. Die Grafik wird dabei als Hintergrund für die Mavigationsliste gesetzt und die a elemente mit transparentem Hintergrund entsprechend darüber plaziert.