zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Imagemap

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.11.2013, 22:08
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard Imagemap

Hi, ich habe eine Frage: Ich mochte gern ein Imagemap darstellen das in sich selber verlinkt um den aktiven Ramen anzuzeigen. Leider springt der Link nicht zur id.

Scriptly: Imagemap-Assistent | Bad Langensalza
HTML-Code:
<map name="imagemap">
    <area id="markierter-Text" title="markierter Text" shape="circle" coords="8,181,25,198" href="http://gabischatz.bplaced.net/?p=1696#markierter-Text" alt="markierter Text" />
    <area id="aktuelle-Datei" title="Aktuelle Datei" shape="circle" coords="7,197,26,216" href="http://gabischatz.bplaced.net/?p=1696#Aktuelle-Datei" alt="aktuelle Datei" />
    <area id="Ersetzen" title="Ersetzen" shape="rect" coords="32,125,183,144" href="/?p=1696#Ersetzen" alt="ersetzen" />
    <area id="Suchen" title="Suchen" shape="rect" coords="32,84,163,103" href="http://gabischatz.bplaced.net/?p=1696#Suchen" alt="suchen" />
    <area id="Register-Karte" title="Register-Karte" shape="poly" coords="5,58,95,58,95,39,164,39,164,57,166,58,230,58,230,266,226,267,226,63,4,63,4,59,5,58,5,57,5,57" href="/?p=1696#Register-Karte" alt="suchen-register" />
</map>
<img src="http://gabischatz.bplaced.net/scriptly/ersetzen-236x270.png" alt="Imagemap" width="236"
 height="270"  usemap="#imagemap"
style="border: 0px; float: left; clear: left; vertical-align: top;
margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px;" />
Gibt es da eine andere Lösung?
Mit freundlichen Grüßen gabischatz
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.11.2013, 22:18
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

SELFHTML: HTML/XHTML / Grafiken / Verweis-sensitive Grafiken (Image Maps)
Da steht alles was möglich ist, mehr geht nicht.

Rahmen um den verweissensitiven Teil kann man mit CSS nicht erstellen, zumindest ist das meine Erfahrung.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.11.2013, 22:47
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Hi die Ramen werden ja erstellt nur werden die ID nicht angesprungen. Liegen die ID außerhalb der Grafik springt die Seite zur ID.
Mit Zitat antworten
  #4 (permalink)  
Alt 02.11.2013, 23:01
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Doch die Ids werden angesprungen, nur das das immer das Bild ist auf der Seite.
Wenn du statt des Links deiner Seite mit dem Anker eine andere URL nimmst wirst du sehen das es geht.


Edit: Ah, jetzt sehe ich was los ist.
Du hast da eine Weiterleitung drin?
Man muss dann nämlich erst mal wieder auf F5 drücken, damit es übernommen wird.
Mache daraus abslute Urls, dann müsste es gehen.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Geändert von explanator (02.11.2013 um 23:08 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 03.11.2013, 14:19
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Es scheint ja jetzt zu funktionieren, Du schreibst da aber man sieht dort einen orangen Rahmen.
Bei welchem Browser hast du denn einen Rahmen?
Ich habe FF und Chrome getestet und habe keinen Rahmen, nur einen orangen Pfeil.
Ich denke du hast den Pfeil genommen, weil es mit dem Rahmen nicht ging, oder hast du das doch hinbekommen, dass dort ein Rahmen um den ausgewählten Bereich erscheint?
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #6 (permalink)  
Alt 04.11.2013, 01:26
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Hi ich habe noch zusätzlich den Pfeil eingebaut.
Ich benutze Chrome als Browser und ie, bei FF und Opera scheint es nicht angezeigt zu werden.

Im übrigen ist der orange Ramen um den Link eine CSS-Eigenschaft die anzeigt welcher Link Input aktiv ist, komme gerade nicht auf den Namen.
Im IE ist die Farbe grau wie ich gerade Festgestellt habe.
Halte mal die Maus-Taste fest beim drücken, dann müsstest du den Rahmen Sehen.
Nachtrag: Der Name heißt outline.
HTML-Code:
area:hover{
    outline: solid 1px #D45E00;
}
Das reicht jedenfalls nicht aus um den Ramen in FF und Opera anzuzeigen.
Gruss

Geändert von gabischatz (04.11.2013 um 08:47 Uhr) Grund: Nachtrag
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Profifrage: Imagemap auf div mit background-image? freejay (X)HTML 1 12.03.2011 14:04
skalierbare css imagemap karstenhl CSS 0 31.08.2010 15:37
Area und CSS - Tooltip in Imagemap mit CSS poppaea (X)HTML 6 03.04.2009 19:14
imagemap markuskoehler (X)HTML 4 22.02.2008 23:58
Imagemap Problem - Doppelte Anzeige im IE nevermind CSS 10 17.07.2006 22:38


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:16 Uhr.