YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Logo: einzelne Bilder verlinken » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.361 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Logo: einzelne Bilder verlinken
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
MelRose MelRose ist weiblich
Mitglied


Dabei seit: 15.01.07
Beiträge: 132
Forenversion: 2.3

Fragezeichen Logo: einzelne Bilder verlinken Antworten Zitieren Editieren Melden       UP

Hmm, vielleicht sind hier ja ein paar schlaue Füchse, die einen Laien wie mir weiterhelfen können Freude

Es geht um ein Logo, siehe Dateianhang, welches verschiedene Bilder enthalten soll (weiße Felder). Diese Fotos möchte ich auf verschiedene Seiten verlinkt haben. Belehr

Wer kann mir helfen und verrät mir wie ich das machen kann?

Eine Möglichkeit wäre ja dies hier, doch bei sovielen Zahlen blicke ich nicht mehr durch *mirschwirrtderKopf*:
http://de.selfhtml.org/html/grafiken/ver....htm#definieren


Liebe Grüße
Mel

Dateianhang:
png logo55.png (76 KB, 139 mal heruntergeladen)


__________________
Wer aufhört zu träumen, hat aufgehört zu leben
http://www.tierischeswissen.de
http://www.katzen-hilfe.eu

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von MelRose: 06.06.08 09:44.

06.06.08 09:43 MelRose ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Ja, Imagemaps sind eine Möglichkeit. Die Koordinaten rauszufummeln ist dabei natürlich wirklich nicht einfach.
Falls du Dreamweaver hast, kannst du dort aber um die einzelnen Bilder im Banner Rechtecke zeichnen. Der Dreamweaver spuckt dir die Koordinaten dann aus. Vielleicht können das auch andere Wysiwyg-Editoren.

Eine andere Möglichkeit ist es, den Banner zu slicen/zerschneiden und jede Graphik einzeln in eine Tabelle oder per div-Containern einzufügen.
Dann hast du deine vier Bilder als einzelne Graphiken in dem zerschnippelten Banner und kannst sie ganz normal per <a href...> verlinken.

__________________

06.06.08 09:51 Biggi ist offline Finden Als Freund hinzufügen
MelRose MelRose ist weiblich
Mitglied


Dabei seit: 15.01.07
Beiträge: 132
Forenversion: 2.3

Themenstarter Thema begonnen von MelRose
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Biggi74
Ja, Imagemaps sind eine Möglichkeit. Die Koordinaten rauszufummeln ist dabei natürlich wirklich nicht einfach.
Falls du Dreamweaver hast, kannst du dort aber um die einzelnen Bilder im Banner Rechtecke zeichnen. Der Dreamweaver spuckt dir die Koordinaten dann aus. Vielleicht können das auch andere Wysiwyg-Editoren.


dankööö, für deine Erklärung! Blume

Vielleicht hat ja jemand hier den Dreamweaver (nie gehört) und kann mir die Koordinaten raussuchen? Peinlich

Liebe Grüße
Mel

__________________
Wer aufhört zu träumen, hat aufgehört zu leben
http://www.tierischeswissen.de
http://www.katzen-hilfe.eu

06.06.08 10:02 MelRose ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Den Dreamweaver habe ich gerade nicht installiert. Das ist ein Wysiwyg-Editor für Webseiten von Macromedia/Adobe.

Aber mir ist eingefallen, daß man die Koordinaten ja auch in einem Graphikprogramm bestimmen kann.
Bei Rechtecken ist das ja nicht so kompliziert.

Hier die Koordinaten der vier leeren Stellen in deinem Banner:
1.
88,85,232,180

2.
277,86,421,181

3.
464,86,608,181

4.
655,84,799,179

__________________

06.06.08 10:51 Biggi ist offline Finden Als Freund hinzufügen
MelRose MelRose ist weiblich
Mitglied


Dabei seit: 15.01.07
Beiträge: 132
Forenversion: 2.3

Themenstarter Thema begonnen von MelRose
Antworten Zitieren Editieren Melden       UP

Zitat:
Original von Biggi74
Aber mir ist eingefallen, daß man die Koordinaten ja auch in einem Graphikprogramm bestimmen kann.
Bei Rechtecken ist das ja nicht so kompliziert.



dankööööööööö Blume

Habe jetzt mal den Code von hier http://de.selfhtml.org/html/grafiken/ver....htm#definieren
kopiert und bearbeitet, doch irgendwas mache ich falsch. Ausserdem muss ich ja keinen Text verlinken, sondern Bilder. Diese sind aber in der Grafik mit eingebunden.

Weiß jemand Rat?

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Verweis-sensitive Grafiken definieren - map, area, usemap</title>
</head>
<body>


<p>
  <img src="http://www.katzen-hilfe.eu/logo.gif" width="882" height="262" border="0" alt="Logo" usemap="Header">
  <map name="Header">
    <area shape="rect" coords="88,85,232,180"
          href="http://www.tierischeswissen.de/thread.php?threadid=2863" alt="Jodephine" title="Jodephine">
    <area shape="rect" coords="277,86,421,181"
          href="http://www.tierischeswissen.de/thread.php?threadid=2739" alt="Pünktchen" title="Pünktchen">
    <area shape="rect" coords="464,86,608,181"
          href="http://www.tierischeswissen.de/thread.php?threadid=2738" alt="Haribo" title="Haribo">
    <area shape="rect" coords="655,84,799,179"
          href="http://www.tierischeswissen.de/thread.php?threadid=342" alt="Bonny" title="Bonny">
    
    
  </map>
</p>

</body>
</html>


__________________
Wer aufhört zu träumen, hat aufgehört zu leben
http://www.tierischeswissen.de
http://www.katzen-hilfe.eu

06.06.08 11:08 MelRose ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

usemap="#Header" muß es in Zeile 12 heißen.
Ohne die Raute weiß die Map nicht, daß es sich um einen Anker handelt.

Der Rest ist ok.
Die Bilder werden über die Koordinaten angesprochen.

__________________

06.06.08 11:21 Biggi ist offline Finden Als Freund hinzufügen
MelRose MelRose ist weiblich
Mitglied


Dabei seit: 15.01.07
Beiträge: 132
Forenversion: 2.3

Themenstarter Thema begonnen von MelRose
Antworten Zitieren Editieren Melden       UP

Danköööööööööööö, ach bin ich happy... Knutsch

__________________
Wer aufhört zu träumen, hat aufgehört zu leben
http://www.tierischeswissen.de
http://www.katzen-hilfe.eu

06.06.08 11:29 MelRose ist offline E-Mail WWW Finden Als Freund hinzufügen
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Ich hab' gerne geholfen. smile

__________________

06.06.08 11:39 Biggi ist offline Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Logo: einzelne Bilder verlinken