Solved

CSS ul li image separator

Posted on 2008-10-26
2
4,232 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
css, html 6 51
Css issue on scroll 1 38
Adding a hidden div to each row in a table 6 62
Help position a graphic properly via CSS 4 23
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

867 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

18 Experts available now in Live!

Get 1:1 Help Now