?
Solved

CSS ul li image separator

Posted on 2008-10-26
2
Medium Priority
?
4,258 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 30

Accepted Solution

by:
Steggs earned 2000 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses
Course of the Month10 days, 23 hours left to enroll

770 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