I am styling the Telerik menu using only CSS (no skins). It is working fine and the results are good, except...I would like to visually separate cascading groups.
I have attached a small screen capture of the current menu with the "Buy" menu selected, and the detail "Search..." item selected. The items to the right (Search by City, Search by Zip Code, etc.) are items under "Search...".
I would like to visually separate the lower level group (Search by City, Search by Zip Code, etc.) from the second level (Search..., Buying a Home, etc.) with a small (say 3 or 4 pixel) gap where the RED line is drawn on the graphic.
I should probably add that I am NOT setting the width of the items, I am letting the width "float" automatically based on the text contents.
Can you tell me how I can do this using CSS?
Thank you in advance for the assistance!
Lynn
I have attached a small screen capture of the current menu with the "Buy" menu selected, and the detail "Search..." item selected. The items to the right (Search by City, Search by Zip Code, etc.) are items under "Search...".
I would like to visually separate the lower level group (Search by City, Search by Zip Code, etc.) from the second level (Search..., Buying a Home, etc.) with a small (say 3 or 4 pixel) gap where the RED line is drawn on the graphic.
I should probably add that I am NOT setting the width of the items, I am letting the width "float" automatically based on the text contents.
Can you tell me how I can do this using CSS?
Thank you in advance for the assistance!
Lynn