Last post Jun 21, 2007 12:27 PM by Falcon
Jun 09, 2007 08:22 PM|AusClans|LINK
Hey everyone I'm trying to create a menu that looks like this
Home | Products | Contact Us
A dodge approach saw me appending | at the end of each item except the last.. However having issues with firefox not liking the IE7 css stuff and i can't find a way to get both to work.
So i've been left here with creating the | as a separating image.. I've seen some code that works when CSS adapters is disabled using the OnMenuItemDataBound event..
can i use css adapters to do this?
or is there a way i could use a back ground image in my css style sheet i have no idea what to do
Jun 12, 2007 12:44 AM|AusClans|LINK
I've modified the CSS Adapter to include separating text
if anyone would like to see this code please let me know
Jun 12, 2007 02:01 PM|tuhin|LINK
Would you please share your modification?
Jun 14, 2007 11:26 AM|AusClans|LINK
Damn it.. lol was hoping no one would ask lol.. but I'll still show hehe
Replace the existing function in the MenuAdapter.cs file found in the App_Code/Adapters folder
// This is where i've modified...
sorry about the indentation i've had a couple of drinks tonight gettting harder to see lol.. but it's alright i'm an Aussie :D
Jun 17, 2007 02:05 AM|asp2designer|LINK
It is just a matter of applying a right border to the "li" (list) element.
Jun 17, 2007 10:43 AM|neps|LINK
But then it'll be something like
Home | Products | Contact Us |
with an unneeded "seperator" at the end
Jun 21, 2007 12:27 PM|Falcon|LINK
Are you able to add an IE7 specific stylesheet?
<link rel="stylesheet" type="text/css" href="iehacks.css" />