Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Links active makenvia CSS

5 antwoorden
  • Ik ben druk bezig met het ombouwen van mij menu, zodat de actieve linken via de body ID worden aangegeven. Helaas werkt het niet :( Alle knoppen blijven actief .. Mijn css script: (voor het menu) [code:1:c8bd992896].mainmenu{ position: relative; padding: 0 0 0 34px; margin: 0 auto 0 auto; background: url(../media/menub_bg.gif) repeat-x; /*tab background image path*/ height: 46px; list-style: none; } .mainmenu li{ float:left; } .mainmenu li a{ float: left; display: block; color:#000; text-decoration: none; font-family: sans-serif; font-size: 13px; font-weight: bold; padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/ height: 46px; line-height: 46px; text-align: center; cursor: pointer; } #home li.home a b, #information li.info a b, #services li.services a b, #products li.products a b, #contact li.contact a b, #links li.links a b, .mainmenu li a b{ float: left; display: block; padding: 0 24px 0 8px; /*Padding of menu items*/ } .mainmenu li.home a, .mainmenu li a:hover{ color: #fff; background: url(../media/menub_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left; } .mainmenu li.home a b, .mainmenu li a:hover b{ color: #fff; background: url(../media/menub_hover_right.gif) no-repeat right top; /*right tab image path*/ }[/code:1:c8bd992896] Bjj het toevoegen van: [code:1:c8bd992896] .mainmenu li.info a, .mainmenu li a:hover{ color: #fff; background: url(../media/menub_hover_left.gif) no-repeat; /*left tab image path*/ background-position: left; } [/code:1:c8bd992896]en[code:1:c8bd992896] .mainmenu li.info a b, .mainmenu li a:hover b{ color: #fff; background: url(../media/menub_hover_right.gif) no-repeat right top; /*right tab image path*/ }[/code:1:c8bd992896] blijven ondank de body id ="home" tag, zowel home button als info button actief. de code voor mijn menu is nogal wat omslachtig heb ik t idee. Kan iemand me helpen :)? gr. Michel
  • Met de bijbehorende HTML zou het verhaal een stuk duidelijker zijn, en wat bedoel je met 'actief'? Zet even een voorbeeld online.
  • Body id? :? Bij mijn weten is er maar 1 body, een id is dus helemaal niet van toepassing. Verder snap ik ook totaal niet wat je nu bedoelt...
  • Oke, Ik bedoel als men op home klikt dat de button actief blijft. dus heb je dit als code: li class="active" Als men dan op services klikt, krijgt de knop/link services de status (li class="active") Hoop dat ik het zo goed uitleg. dit is de html: [code:1:7e29e79625] <li class="home"><a href="javascript:ajaxpage('external/home.php', 'contentext');"><b>Home</b></a></li> <li class="info"><a href="javascript:ajaxpage('external/info.php', 'contentext');"><b>Information</b></a></li> <li class="services"><a href="javascript:ajaxpage('external/services.php', 'contentext');"><b>Services</b></a></li> <li class="products"><a href="javascript:ajaxpage('external/products.php', 'contentext');"><b>Products</b></a></li> <li class="contact"><a href="javascript:ajaxpage('external/contact.php', 'contentext');"><b>Contact</b></a></li> <li class="links"><a href="javascript:ajaxpage('external/links.php', 'contentext');"><b>Links</b></a></li>[/code:1:7e29e79625] Dit staat in een apart bestand en wordt via PHP script (include function) ingeladen. voorbeeld van mijn menu: [url]http://www.dynamicdrive.com/style/csslibrary/item/glossy_horizontal_menu/[/url] ander voorbeeld wat ik bedoel (met misschien beter uitleg): [url]http://www.designerstalk.com/forums/help-me/33576-problems-using-li-class-active.html[/url]
  • Ik kan het probleem wel voor je oplossen, maar je snapt blijkbaar niet wat je aan het doen bent, behalve wat copy-paste-werk. Waarom bouw je om te testen niet eerst een lege pagina met alleen het menu met daarin een link naar een tweede pagina waarop datzelfde menu staat? En wat is volgens jou het nut van de code die je extra toevoegt [de code waarbij je zegt 'bij het toevoegen van ...']? Los daarvan zal je site natuurlijk nooit goed geïndexeerd worden door javascriptlinks, maar da's een ander verhaal...

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.