How to Use Image in an Unordered List for Bullets With CSS in WordPress

Save
Next Video:
CSS for Changing Links to Different Colors in WordPress....5

Using an image in an unordered list on WordPress requires the use of both HTML and CSS. Use an image in an unordered list on WordPress with HTML and CSS with help from a programmer and web designer in this free video clip.

Part of the Video Series: Web Design & WordPress
Promoted By Zergnet

Comments

Video Transcript

Hi, I'm Omar and I'm a programmer. Today, I'm going to explain to you how to use an image in an unordered list in HTML and CSS. Now, the first thing you need to do is have an HTML file. You can have one in Notepad or TextEdit or whatever your HTML editor of choice is. I'm using TextEdit for the Mac just for demonstration purposes. As you can see, there is an empty file and I'm just going to add you know, basic boiler plate HTML code in there. Notice that this is just a test page so I'm adding test page and of course I'm going to have to add a body and I'm going to show you that I added a body and in the body I have a list. It's just item one and item two. Now I already put the class in here because what I'm going to show you is how to set the style of this list. So let's go ahead and add the style here and what you want to do is put it in the head tag. I forgot to close out the head and this is the style you want to put on your image list. Notice that the style's name is image list and what you want to do to add an image to your bullet point is add this piece of code in there. Imagestyle-image, and put that as a URL and where I put your image here, put the URL of the image that you want to use. And that is it. I'm Omar, and I just showed you how to use an image in an unordered list in HTML and CSS. Thanks for watching.

Featured

Related Searches

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!