Solved

different bulletpoints

Posted on 2011-02-24
4
313 Views
Last Modified: 2012-06-21
is there a way to do

<div 1>
ul list style with a picture
<div 2>
ul list style circle
</div> end of div2
</div> end of div1


should I use id or class
0
Comment
Question by:rgb192
  • 2
4 Comments
 

Expert Comment

by:sshull
Comment Utility
Here's a good example to replace a style, say square, with an image. From there you can incorporate that into your design so when you code the UL, set the one you want the image to replace as a square, and set the other UL as the circle style.

W3 CSS UL Image
0
 

Author Comment

by:rgb192
Comment Utility
i want one ul style nested in another ul style

<div 1>
ul list style with a picture
<div 2>
ul list style circle
</div> end of div2
</div> end of div1




I cant find that in the link
0
 
LVL 16

Accepted Solution

by:
SSupreme earned 500 total points
Comment Utility
Add any div to this markup and it should be fine:
 
<html>
<head>
<style type="text/css">
ul.b {list-style-type:circle;}
ul.a {list-style-image: url(http://www.w3schools.com/css/sqorange.gif);}
</style>
</head>
<body>
<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
<ul class="b">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
</body>
</html>

Open in new window

0
 

Author Closing Comment

by:rgb192
Comment Utility
thanks
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Suggested Solutions

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 tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

728 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

13 Experts available now in Live!

Get 1:1 Help Now