Solved

different bulletpoints

Posted on 2011-02-24
4
314 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
ID: 34972623
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
ID: 34973113
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
ID: 34974052
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
ID: 34974354
thanks
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
highcharts wont fix inside a bootstrap modal window 6 53
Remove lines by logo 2 30
manage footer size 4 54
How to create a textarea which saves text in HTML 8 37
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

773 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