Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
Mauscursor bei Hover ändern
zurück: Automatische Weiterleitung von veralteten Sprungmarken weiter: Youtube Video macht mir probleme. Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Offen Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Eberh@rd
Ergonomie-Junkie


Verfasst am:
20. März 2012, 13:24
Rufname:

Mauscursor bei Hover ändern - Mauscursor bei Hover ändern

Nach oben
       

Hi Forum,

auf einer Webseite habe ich ein Navigationsmenu, das folgendermaßen aufgebaut ist:
Code:
<ul id="menu">
<li id="menu1"><a href="seite1.html"><span class="def-but"><span>Seite 1</span></span></a></li>
<li id="menu2"><a href="seite2.html"><span class="def-but"><span>Seite 2</span></span></a></li>
<li id="menu3" class="activ"><span class="def-but"><span>Seite 3</span></span></li>
<li id="menu4"><a href="seite4.html"><span class="def-but"><span>Seite 4</span></span></a></li>
</ul>
Beim Zeigen auf die Menüeinträge soll der Cursor jeweils als Hand-Cursor dargestellt werden (also wie der übliche Cursor beim Zeigen auf Links). Dies ist beim Menüeintrag Nr. 3 jedoch nicht der Fall (da bei diesem kein Link hinterlegt ist). Wo muss ich nun style="cursor:hand" eintragen, damit auch beim Menüeintrag Nr. 3 der Cursor als Hand dargestellt wird?

Vielen Dank schon vorab,
Grüße Eberh@rd

--
Die externen Styles lauten folgendermaßen:
Code:
#menu {
  padding: 0;
  width: 180px;
  position: fixed;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin-top: 0;
  margin-left: 0;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  top: 150px;
}
#menu .def-but {
  width: 180px;
  height: 40px;
  display: block;
}
#menu li {
  width: 180px;
  margin-bottom: 1px;
}
#menu1 {
  background: transparent url(img/menu_1_2.png) no-repeat scroll 0%;
  height: 40px;
}
#menu1.activ {
  background: transparent url(img/menu_1_4.png) no-repeat scroll 0%;
  height: 40px;
}
#menu1.activ:hover {
  background: transparent url(img/menu_1_4.png) no-repeat scroll 0%;
  height: 40px;
}
maninweb
Microsoft Excel MVP 2014


Verfasst am:
20. März 2012, 15:00
Rufname: maninweb
Wohnort: Aachen

AW: Mauscursor bei Hover ändern - AW: Mauscursor bei Hover ändern

Nach oben
       

Hallo Eberh@rd...

versuch' mal für den besagten Menüpunkt einen Link mit einem href="#".

Gruß

_________________
Der größte Aberglaube der Gegenwart ist der Glaube an die Vorfahrt.
Jacques Tatischeff - auch bekannt als Jacques Tati
20FCC4FD0E3240C59522E3F0C4695941
Eberh@rd
Ergonomie-Junkie


Verfasst am:
20. März 2012, 17:55
Rufname:


AW: Mauscursor bei Hover ändern - AW: Mauscursor bei Hover ändern

Nach oben
       

Vielen Dank maninweb,

das hat einwandfrei funktioniert. Nur der Internet Explorer 7 bringt mir nach wie vor den Textcursor, wenn ich auf die Menubuttons zeige, anstelle des Hand-Cursors: (siehe Anhang)

Könnte man da noch irgendwas machen -- insbesondere den Cursor-Style zusätzlich noch irgendwo mit angeben, damit der Internet Explorer 7 sich auch danach richtet?

Beste Grüße
Eberh@rd



Textcursor.png
 Beschreibung:
 Dateigröße:  1.25 KB
 Angeschaut:  1941 mal

Textcursor.png


Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Frontpage Forum: Button form text LINK Funktion ändern 0 kesart 535 28. Dez 2012, 15:43
kesart Button form text LINK Funktion ändern
Keine neuen Beiträge Frontpage Forum: E-Mail Link ändern 0 seppl81 896 13. Sep 2011, 14:40
seppl81 E-Mail Link ändern
Keine neuen Beiträge MS Expression Web Forum: Expression Web Seiteneigenschaften sind nicht zu ändern 1 plositum 1935 30. Jul 2010, 08:42
plositum Expression Web Seiteneigenschaften sind nicht zu ändern
Keine neuen Beiträge Frontpage Forum: Liste mit Autos erstellen,ohne Programmierkenntnisse ändern. 0 aek 1511 23. Jul 2010, 10:42
aek Liste mit Autos erstellen,ohne Programmierkenntnisse ändern.
Keine neuen Beiträge PHP & JavaScript Forum: xml per php ändern 0 MiLie 1672 06. Jun 2010, 00:57
MiLie xml per php ändern
Keine neuen Beiträge PHP & JavaScript Forum: die farbe eines formularfeldes ändern mit javascript 1 prinzessin4444 3403 16. Nov 2008, 20:21
fuddyduddy die farbe eines formularfeldes ändern mit javascript
Keine neuen Beiträge Frontpage Forum: Mauszeiger ändern 1 Bernoldi 2374 11. Jun 2008, 17:02
womaninweb Mauszeiger ändern
Keine neuen Beiträge PHP & JavaScript Forum: js ändern Hilfe 0 urpop 1103 22. Apr 2008, 13:22
urpop js ändern Hilfe
Keine neuen Beiträge Frontpage Forum: Target ändern bei Links in einem Formular 1 Gast 1495 17. Feb 2008, 12:31
maninweb Target ändern bei Links in einem Formular
Keine neuen Beiträge HTML & CSS Forum: CSS li hover im IE6 4 Sagi 5469 17. Jan 2008, 15:55
Sagi CSS li hover im IE6
Keine neuen Beiträge Frontpage Forum: Reihenfolge von Wörten/Bildern ändern? 3 Vorster 1172 22. Aug 2007, 10:28
Vorster Reihenfolge von Wörten/Bildern ändern?
Keine neuen Beiträge Frontpage Forum: Sprache der Oberfläche ändern 1 NeuerNutzer 1921 29. Jul 2007, 09:18
maninweb Sprache der Oberfläche ändern
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Microsoft Excel Tricks