|
|||
Problem mit Menu -> Rollover Images
Hallo Allerseits,
1. Unsere neue Bandhomepage soll so aussehen: http://people.freenet.de/olli666/new/html/index.html ... Menu funzt aber nicht im IE, nur im FF. Das CSS für diese Seite befindet sich hier: http://people.freenet.de/olli666/new/css/the.css 2. Dann hab ich diese Lösung gefunden: http://www.simplebits.com/notebook/2...rollovers.html ... finde ich sehr nett 3. Danach habe ich testweise versucht, das Menu alleine dazustellen: http://people.freenet.de/olli666/new/html/menu.html ... aber es werden nicht mal die Bilder angezeigt! Das CSS ist im HTML integriert. Wer weiß wie ich das Problem, wie unter Punkt 2. vorgeschlagen, lösen kann oder wer hat eine funktionierende Lösung parat um das Menu unter den gängigsten Browsern zum laufen zu bekommen? Ich wäre wirklich überglücklich wenn das Menu endlich funktioniert, so dass die Page endlich online gehen kann. Dank' und Gruß im Voraus, Oliver
__________________
www.the-unchallenged.de |
Sponsored Links |
|
||||
Code:
/* menu */ * { margin:0; padding:0; } #menu { width: 738px; height: 49px; background: #000; border:1px solid red; } #nav { list-style: none; width: 738px; height: 49px; } #nav li { display: inline; list-style: none; } #nav a { float:left; height: 49px; } #nav a:hover { background-position: 0 -49px; } #news a { width: 68px; background: url('../pics/menu/news.jpg') top left no-repeat; } #bio a { width: 44px; background: url('../pics/menu/bio.jpg') top left no-repeat; } #members a { width: 90px; background: url('../pics/menu/members.jpg') top left no-repeat; } #live a { width: 54px; background: url('../pics/menu/live.jpg') top left no-repeat; } #media a { width: 71px; background: url('../pics/menu/media.jpg') top left no-repeat; } #promo a { width: 68px; background: url('../pics/menu/promo.jpg') top left no-repeat; } #shop a { width: 56px; background: url('../pics/menu/shop.jpg') top left no-repeat; } #contact a { width: 94px; background: url('../pics/menu/contact.jpg') top left no-repeat; } #guest a { width: 114px; background: url('../pics/menu/guest.jpg') top left no-repeat; } #links a { width: 72px; background: url('../pics/menu/links.jpg') top left no-repeat; } du darfst nicht vergessen die Bilder auch korrekt zusammen zu schneiden! Du musst in einem Bild sowohl den normalen als auch den Hover-Status haben! mit dem background-position: verschiebst du dann beim hover das Bild![/b]
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Sponsored Links |
|
|||
Hi Doc,
... you are my hero Zitat:
1000 Dank nochmal! Gruß Oliver
__________________
www.the-unchallenged.de |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Menu mit Rollover | g0ser | CSS | 1 | 28.08.2011 11:47 |
Css Menu Problem | Rapidement | CSS | 11 | 16.06.2011 14:38 |
CSS Spry Menu Problem mit Hintergrund bei Mouseover | myron | CSS | 9 | 12.07.2009 13:34 |
problem mit layout --> testcase | andip | CSS | 5 | 29.02.2008 14:10 |
Problem mit Menu auf der rechten Seite | kix | (X)HTML | 1 | 24.09.2004 09:33 |