Solved

CSS ul li image separator

Posted on 2008-10-26
2
4,230 Views
Last Modified: 2009-02-20
Hi there
I have a vertical navigation bar, defined as <ul> <li>, I'd like to use an image as a separator rather than declare a bottom border style. How could I go about this?
Thanks for any advice.
0
Comment
Question by:mike99c
2 Comments
 
LVL 30

Accepted Solution

by:
Steggs earned 500 total points
ID: 22807106
Hello,

You could use background images on the list items... something like this:

ul#menu li {
background: url(yourImage.gif) no-repeat left bottom
}

<ul id="menu"><li><a href="">Link</a></li></ul>


Let me know if you have any questions or need more help

Thanks
Steggs
0
 

Author Comment

by:mike99c
ID: 22807899
Thanks, that fixed it.
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now