anoniem Geplaatst: 15 februari 2012 Delen Geplaatst: 15 februari 2012 Beste mensen, ik heb een website gebouwd met dreamweaver en daarin een vertikaal spry-menu. Bij items waar geen submenu onder zit verdwijnt de tekst als daar met de muis overheen gegaan wordt. ( daar waar wel een submenu onderzit blijft de tekst goed zichtbaar staan) Waar kan ik in het script dat veranderen? Moet ik dat in de css zoeken of in het .js bestand? CSS code: [code:1:234b00a276] /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #fff7d2; cursor: default; width: 8em; } ul.MenuBarActive { z-index: 1000; } ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 11em; } ul.MenuBarVertical ul { margin: -5% 0 0 95%; padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 12.2em; left: -1000em; top: 0; } ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; } ul.MenuBarVertical ul li { width: 12.2em; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ ul.MenuBarVertical { border: 2px solid #fff7d2 } ul.MenuBarVertical ul { border: 2px solid #fff7d2; } ul.MenuBarVertical a { display: block; cursor: pointer; background-color: #fff7d2; padding: 0.5em 0.75em; color: #fff7d2; background-image:url(../images/mkr.gif); border: 1px solid #fff7d2; text-decoration: none; } ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { background-color: #fff7d2; color: #b01a2a; } ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #fff7d2; color: #b01a1a; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ ul.MenuBarVertical a.MenuBarItemSubmenu { background-color: #fff7d2; } ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; } ul.MenuBarVertical iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } @media screen, projection { ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: #FFF; } }[/code:1:234b00a276] js bestand nog maar even niet geplaatst is erg groot met dank Quote Link naar reactie
anoniem Geplaatst: 15 februari 2012 Auteur Delen Geplaatst: 15 februari 2012 Heb je misschien een voorbeeld online staan? Dat maakt het makkelijker om er naar te kijken en mee te spelen. - Bas Quote Link naar reactie
anoniem Geplaatst: 16 februari 2012 Auteur Delen Geplaatst: 16 februari 2012 Er staat een backslash in f\loat: left; maar daar zal het niet aan liggen lijkt me. Quote Link naar reactie
anoniem Geplaatst: 20 februari 2012 Auteur Delen Geplaatst: 20 februari 2012 de test staat hier: http://www.kizuri.nl/test/ @glompie: backslahs verwijderd, maar daar ligt het inderdaad niet aan, is wel slordigheidje Quote Link naar reactie
anoniem Geplaatst: 20 februari 2012 Auteur Delen Geplaatst: 20 februari 2012 In de code van het bestand [i:a6787b872e]SpryAssets/SpryMenuBarVertical.css[/i:a6787b872e] zie ik dit staan:[code:1:a6787b872e]/* Menu items are a light block with padding and no text decoration geel*/ ul.MenuBarVertical a { display: block; cursor: pointer; background-color: #fff7d2; padding: 0.5em 0.75em; color: #fff7d2; background-image:url(../images/mkr.gif); border: 1px solid #fff7d2; text-decoration: none; }[/code:1:a6787b872e][i:a6787b872e]background-color[/i:a6787b872e] en [i:a6787b872e]color[/i:a6787b872e] hebben dezelfde waarde, zou dat het probleem kunnen zijn? - Bas Quote Link naar reactie
anoniem Geplaatst: 22 februari 2012 Auteur Delen Geplaatst: 22 februari 2012 helaas, dat is het niet. Quote Link naar reactie
anoniem Geplaatst: 22 februari 2012 Auteur Delen Geplaatst: 22 februari 2012 ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { color: #B01A1A; } ---> verander de color in #fff ofzo en de tekst blijft zichtbaar! Quote Link naar reactie
anoniem Geplaatst: 22 februari 2012 Auteur Delen Geplaatst: 22 februari 2012 nee helaas ook niet de oplossing Quote Link naar reactie
anoniem Geplaatst: 22 februari 2012 Auteur Delen Geplaatst: 22 februari 2012 Bij mij werkt het anders toch als ik dat aanpas... raar... Quote Link naar reactie
anoniem Geplaatst: 23 februari 2012 Auteur Delen Geplaatst: 23 februari 2012 ik ben er uit, hoewel nog niet tevreden met het resultaat: reageerders dank. Het zit hem in het feit dat ik een afbeelding gebruik in het betreffende sprymenuutje en bij mouse over de tekst in diezelfde kleur gebruikte (#B01A1A) Nu de mouseover tekst op #000 gezet en het is leesbaar. Wat ik wilde is eigenlijk een afbeelding als achtergrond en daarop de gele tekst, en bij de volgende stap een gele achtergrond met een rode tekst. Zal eens gaan proberen als ik bij de mouseover ook een afbeelding gebruik. en anders maar tevreden zijn met dit resultaat, het is in ieder geval leesbaar ;-) Quote Link naar reactie
anoniem Geplaatst: 23 februari 2012 Auteur Delen Geplaatst: 23 februari 2012 Ha dan had ik het toch juist... :D Quote Link naar reactie
anoniem Geplaatst: 23 februari 2012 Auteur Delen Geplaatst: 23 februari 2012 [quote:22d9217e1b="mikesmikkel"]Ha dan had ik het toch juist... :D[/quote:22d9217e1b] beetje wel, maar snap je waar ik tegen aan gelopen ben? Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen