1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

area tag mit css

  • xXx_BaSStar_xXx
  • 12. Januar 2007 um 17:40
  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 12. Januar 2007 um 17:40
    • #1

    Hallo zusammen,

    Kann ich einen area mit mouseover gestalten (wechsel der hintergrundgrafik)
    und dabei auf javascript eventheandler verzichten??? Also kann ich einen area tag
    direkt mit css gestalten und pseudoklassenvergeben?

    thx

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • Ronald
    Forum Guru
    Beiträge
    5.439
    • 12. Januar 2007 um 19:36
    • #2

    Das ist zumindest theoretisch möglich (ich habe es noch nicht ausprobiert).
    Problematik: du mußt irgendein Element pixelgenau über die (Hintergrund)-Grafik legen und kannst dann ja bei hover den Hintergrund des Elementes austauschen, welcher sich ja immer noch optisch vor der generellen Hintergrundgrafik befindet.
    Problematik ist dabei, daß die Elemente immer rechteckig sind und das ganze somit nur funktioniert, wenn auch die Shapes Rechteckig sind. Bei einem 'polygon' oder 'circle' bekommst du Probleme, da wirst du dann nicht um Javascript herumkommen.

    G.a.d.M.

    Ronald

    EDIT: ich habe es doch mal eben getestet, mit übergelagerten Elementen geht es, aber das shape ist dann immer nur rechteckig.

    annunci per coppie

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 12. Januar 2007 um 19:42
    • #3

    naja und das mit dem rechteckig bringt mir dann nichts...
    dann muss ich doch auf js "zurückgreifen".

    mein ziel ist es eine große grafik mit mehren links via
    area tags zu machen... ansich kein problem aber das ganze soll hover
    "sein" leider muss das dann halt mit js geschehen :(

    trotzdem danke Ronald...

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 13. Januar 2007 um 19:24
    • #4
    Code
    <td rowspan="2" width="161" height="72" style="background-image:url('img/weiter_bottom_right.jpg');">
    			<div id="weiter">[url='#top'][/url]</div></td>


    Code
    #weiter { position:relative; top:-12px; left:29px; width:86px; height:44px; z-index:2000; }
    #weiter:hover { background-image:url('img/weitero.jpg'); }

    So habe ich das jetzt umgesetzt ohne js zwar mit rechtecken aber es geht.
    Leider wollte ich das ganze zum Schluss im ie testen jedoch wieder mal passiert
    nichts. Manchmal falsche Positionierung des Links und bei allen keine mouseoverfunktion im IE7 geht es jedoch 6 und darunter nicht...

    Bitte um Hilfe mit diesem "Browserimitat"!

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

  • Dragooni
    Azubi(ne)
    Beiträge
    47
    • 13. Januar 2007 um 23:22
    • #5

    Jop IE 6 unterstützte das noch nicht.
    Aber zum Glück mit IE 7 :)
    Also mit hover etc kannsst in html auf IE6 vergessen...

    Frage: was für Rechtecke meinst du?

    evt focus?

  • xXx_BaSStar_xXx
    Kaiser(in)
    Beiträge
    2.460
    • 13. Januar 2007 um 23:24
    • #6

    Danke für die Info :(
    Nein ich meinte das weil ich sozusagen damit areas imitiere...
    also nix weiter dabei denken...

    [Blockierte Grafik: http://www.x-basstar-x.de/sig/nosup4.gif]

Tags

  • hilfe
  • links
  • style
  • background
  • hintergrund
  • grafik
  • problem
  • code
  • tag
  • bot
  • bottom
  • div
  • javascript
  • position
  • tags
  • css
  • element
  • js
  • hover
  • hintergrundgrafik
  • optisch
  • ie7
  • polygon
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche