can i lose arrow image for level 1 navigation if it has no submenu?
index22.php
is it possible to get rid of the arrow image (arrow.gif) for all level 1 navigation items that have no submenu?
index22.php
is it possible to get rid of the arrow image (arrow.gif) for all level 1 navigation items that have no submenu?
you would need to edit the CSSMenuWriter/cssmw/menu.css file to remove thearrow from all menu items, change:
ul#cssmw > li > a {
background-color: #E0E8F0;
background-image: url("../cssmw_images/arrow.gif");
background-position: 95% 50%;
background-repeat: no-repeat;
border-bottom: dotted 1px #9BB6D2;
color: #353C48;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 20px;
line-height: 20px;
margin: 0 0 0 0;
padding: 5px 10px 5px 5px;
text-decoration: none;
width: 150px;
}
to:
ul#cssmw > li > a {
background-color: #E0E8F0;
/*background-image: url("../cssmw_images/arrow.gif");*/
background-position: 95% 50%;
background-repeat: no-repeat;
border-bottom: dotted 1px #9BB6D2;
color: #353C48;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
height: 20px;
line-height: 20px;
margin: 0 0 0 0;
padding: 5px 10px 5px 5px;
text-decoration: none;
width: 150px;
}
then add an inline style to the menu items that should have the arrow:
<a style="background-image: url('CSSMenuWriter/cssmw_images/arrow.gif');" class="link" href="http://nbwatershed.org/">Home</a>
yes, that makes perfect sense.
however, i can see that i left out a super important detail --> my menu is being dynamically generated from a mySQL db, so i don't see how i can apply the inline style.
is there a way to do that with a dynamically generated menu?
thanks!
jea
no, css menu writer will not support this with a dynamic menu.
if your menu is dynamically created, you could create an extra field in the database to display an arrow image and control the display in your cms as 'show arrow: yes/no' response
Existing Navigation_Page_Name database field name
Create New Navigation_Page_Arrow database field name
- if Yes populate field to the full url of the arrow image on your server
... eg arrow.gif
- if No set to blank or a full url spacer.gif
Then in the menu wizard, set the Page name to display the image field before the the name field
... ie Navigation_Page_Arrow Navigation_Page_Name
... space between Navigation_Page_ArrowNavigation_Page_Name optional depending on how much right spacing you use on the arrow.
Obviously create the arrow image height based on your css font size, and you would have to remove the css style sheet to not show the background arrow.
Hope the work a round helps ... can you offer any return help on setting up a dynamic nested menu see thread showthread.php?t=21453
thanks
Nathan
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.