Yahoo Answers is shutting down on May 4th, 2021 (Eastern Time) and beginning April 20th, 2021 (Eastern Time) the Yahoo Answers website will be in read-only mode. There will be no changes to other Yahoo properties or services, or your Yahoo account. You can find more information about the Yahoo Answers shutdown and how to download your data on this help page.
Trending News
Can you help me with my CSS for an ordered list?
I have two questions. This is the page:
http://www.concretesealerandblanket.org/concrete-s...
1. I'd like to make each item in the ordered list have some space between them.
2. I'd like to move the indentation for each item in the ordered list more to the left. It's taking too much space as it is.
Can anyone help me? I'd very much appreciate it.
pimpmast... I was talking about the small div box in the content. I'm using div tags and #box i the CSS for all things regarding this type of div. I'm using Dreamweaver/
Thank you for your help so far!
I think I'm a little bit ahead of you. This is what I had so far:
#box {
width: 240px;
border:1px;
border-style:solid;
border-color:#003300;
margin: 0 0 15px 15px;
float:right;
h-space:5px;
padding-bottom:5px;
}
#box ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#box ul li {
list-style-type: disc;
list-style-position: inside;
padding-left:4px; }
}
#box ol {
padding-left:4px;
margin:0px;
padding:0px;
}
#box ol li {
list-style-type: disc;
list-style-position: inside;
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:4px;
}
OK, that helped a lot. :-) I think I figured it out now! Thank you!
1 Answer
- 1 decade agoFavorite Answer
Ok, are you talking about the navbar at the top or on the left hand side? I can help you out. And also, are you using div tags or tables? If you are using div tags ( i reccomend it) are you using id styles or class styles?oh and which program are u using?(dreamweaver....microsoft expression web...
Ah ok thanks. hang tight a few minutes, im typing up your instructions :)
Ok I assume you know how to change the size of the div (height width) already through the id style so.
The first thing you want to do is create a new id style. The name needs to begin w/ the same name as your div tag. So if your div tag is named #box then the new name will be #box li
(quick fact: padding is space between the border and inside, margin is space between border and outlying objects around the div)
What your doing is targeting anything inside the #box div tag with the tag li. Next go under the box setting and look at padding. Uncheck the box above making them all the same, and on top and bottom put however much space you want in. example 5 pixels. Do the same for bottom. This will add space between each list item in the ol list. Make the other two at 0, unless you want space to the right. Click ok.
You shouldn’t have to apply it, it should apply itself because of the name. if it doesn’t check the name.
Next create #box ol for the ordered list. If you want to move the text to the left or right, simply put padding on the left, right, top or bottom as you see fit.Hope that helps! tell me if it doesnt work. im still here.
Charlie.
if that fails, then simply find the ol tag in the code and simply type in the padding you want, or the margin. and you can do the same for the li tags as well.
Example <ol style="padding-left: 10px;">
<li style="padding-top: 5px;">
ok well i did both ways, code and through id styles and they both worked with putting space above and below each li. then w/ moving the ol and all the li's to the left. maybe i didnt have what your asking correct?
