Ergebnis 1 bis 6 von 6

Thema: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

  1. #1
    HTML Newbie
    Registriert seit
    02.12.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    Hallo!
    Ich möchte, dass beim mouseover ein Text im/über dem Bild erscheint. Das habe ich soweit schon umgesetzt bekommen. Nur möchte ich das ganze jetzt bei einem größeren Bild auf Hotspots aufteilen.

    Hier schonmal eine funktionierende Version ohne Hotspot:
    HTML-Code:
    <html>
    <head>
    <style type="text/css">
      p.link a:hover {background-color: #2B2E21;;color:#EEEEEE;}
      p.link a:link span{display: none;}
      p.link a:visited span{display: none;}
      p.link a:hover span {
      position: absolute;
      margin:5px 0px 0px 10px;
      background-color: #EEEEEE;
      max-width:220;
      padding: 2px 10px 2px 10px;
      border: 1px solid #C0C0C0;
      font: normal 10px/12px verdana;
      color: #000000;
      text-align:left;
      display: block;}
    </style>
    </head>
    <body>
    <p class="link"><a href="#"><img src="image.jpg"><span>Text erscheint bei mouseover</span></a></p>
    </body>
    </html>
    Und hier eine Version mit Hotspot, bei dem der Mouseover-Effekt nur auf das ganze Bild übertragen wird und noch nicht auf den Hotspot:
    HTML-Code:
    <html>
    <head>
    <style type="text/css">
      p.link a:hover {background-color: #2B2E21;;color:#EEEEEE;}
      p.link a:link span{display: none;}
      p.link a:visited span{display: none;}
      p.link a:hover span {
      position: absolute;
      margin:5px 0px 0px 10px;
      background-color: #EEEEEE;
      max-width:220;
      padding: 2px 10px 2px 10px;
      border: 1px solid #C0C0C0;
      font: normal 10px/12px verdana;
      color: #000000;
      text-align:left;
      display: block;}
    </style>
    </head>
    <body>
    <p class="link"><a href="#"><img src="image.jpg" width="96" height="96" usemap="#ImageMap1"><span>Text erscheint bei mouseover</span></a></p>
    <map name="ImageMap1">
    <area shape="circle" coords="37, 60, 18" href="#">
    </map></body>
    </html>
    Würde mich echt freuen, wenn das einer hinkriegen würde, dass der Text nur über dem Hotspot auftaucht.

    Schon mal danke für eure Mühe!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    wenn du genau hinsiehst wirste feststellen, dass nen hotspot kein inneres html erlaubt bzw hat...
    check mal des hier: http://www.forum-hilfe.de/showthread.php?t=45638

    ich denke das wird dir weiterhelfen
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Unregistriert
    Gast

    Standard AW: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    Danke für die schnelle Antwort.
    Leider bin ich nicht fündig geworden.
    Ich habe schon sämtliche mir bekannte Varianten ausprobiert, jedoch kriege ich das einfach nicht hin. Es muss doch eine Möglichkeit geben!

    Die einzige Möglichkeit wäre, das Bild aufzuteilen, um so ohne Hotspots zu arbeiten und dann jedes Bild seperat mit einem mouseover zu versehen. Meiner Meinung nach eine hässliche Variante.

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    hallo?!? da is nen code von mir geschrieben, damit kanste letztlich deine infotexte via javascript aufpoppen lassen, musste halt des script mit deinen werten füllen!
    sollte das vorletzte posting sein.. da gibt es HTML-CODE
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  5. #5
    Unregistriert
    Gast

    Standard AW: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    Ja genau das wird es wohl sein. Leider funktioniert der Code nicht, wenn ich ihn 1:1 übernehme. Ich erhalte immer einen Fehler. Ist da ein Fehler im Code oder muss ich noch was ändern?

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    02.12.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text erscheint bei Mouseover / nur nicht bei einem Hotspot

    Habe es hinbekommen!
    Vielen Dank dafür!

    PS: Würde gerne edit beim letzten Post machen, hatte aber nicht die automatische Anmeldung eingestellt.

Ähnliche Themen

  1. Text, der nur erscheint wenn Explorer NICHT Internet Explore
    Von hirkammett im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 15.02.2008, 19:29
  2. Text, Ergebnis erscheint in bestimmtem Bereich?
    Von Alienx im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.11.2007, 19:37
  3. Rollover & Hotspot in einem
    Von zegi im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 16.03.2005, 10:23
  4. Beitragstext erscheint nicht
    Von unique im Forum Forum-Hilfe.de intern
    Antworten: 26
    Letzter Beitrag: 26.05.2004, 16:28
  5. Scrollbalken erscheint nicht
    Von unbekannter im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.09.2003, 21:00

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •