Jump to content

Problem with unordered list with image bullets


Speedy007
 Share

Recommended Posts

I'm rusty and can't figure this out. My home page won't validate and is having a problem with my list.

I have small images next to them instead of bullets. The only way I can make them line up vertically is to put several breaks in, which is what won't validate.

I'm assuming it's a problem to line them up the normal way because of the ul navbar code but I don't know how to override that.

Any help is greatly appreciated. Here's the website:  nancyrobinson.biz

Thank you in advance!

 

 

Link to comment
Share on other sites

If you use CSS to set a large line-height to the <li> elements you won't need the <br> elements. You can also use margin or padding, there are a lot of options with CSS to style anything.

You really should never need a <br /> element anywhere, but especially not as direct children of a <ul> element.

Link to comment
Share on other sites

You use a reference that will distinguish nav bar unordered list from custom unordered list and lastly a default unordered list styling

for nav bar

/*default normal ul li styling*/
ul {
/*yada yada yada */
}
li{
/*yada yada yada */
}

#navbar ul {
/*yada yada yada */
}
#navbar li {
/*yada yada yada */
}

#content .home {
/*yada yada yada */
}
#content .home li {
/*yada yada yada */
}

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...