Help with HTML lists!?
OK, so I have a list and the code is: <html> <body> <h4>Disc bullets list:</h4> <ul> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> </body> </html> and it turns out to be like this: Disc bullets list: ++++Apples ++++Bananas ++++ Lemons ++++Oranges Just pretend the plus signs are just blank spaces. See how the list is a little to the right of the text Disc bullets list:? How can you make it so that the list is aligned with the title? So I want it to look like this: Disc bullets list: *Apples *Bananas *Lemons *Oranges Pretend the * is a bullet. Please explain or edit the code for me. Thanks! If I leave the <ul> out then how can I position it? If I do ul {text-indent:-20px} it will look really crappy in Firefox.
Public Comments
- Change the <li> to <br>
- the <ul> tells it to indent. Try removing the <ul> and </ul>
- It be easier to help if you linked to a live example.
- alt + 7 press alt, then seven. :)
- you can't because its a sub category, remove the ul and li codes
- http://www.htmlgoodies.com/tutorials/getting_started/article.php/3479461
- edit: will answer on your other question post
- the <ul> code "unordered list" code automatically indents. Since you only want bullets, you can leave the list code out, and just do like this <li>apples</li> <li>bananas</li> <li>lemons</li> <li>Oranges</li> If you need an ordered list with the <ol> code and you don't want it indented though, you're out of luck, just write it out manually. But for just a bulleted list without intendation, leave out the <ul>
- You have to modify the <li> style. Change the style for the <li> tage (either in an external css or within the <head></head> tag on the page) li { text-indent: -20px; } It won't be exactly -20px. You have to play with it to see what looks right. The point is to make it a negative number -.
- Try this <html> <body> <h4>Disc bullets list:</h4> <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </body> </html>
- Here you go- you just need to add some specifications to your unordered list tag. Instead of <ul> put in this: <ul style= "margin:0 0 0 15px; padding:0;" > .............................................................................. Your complete code should look like this: <html> <body> <h4>Disc bullets list:</h4> <ul style= "margin:0 0 0 15px; padding:0;" > <li>Apples</li> <li>Bananas</li> <li>Lemons</li> <li>Oranges</li> </ul> </body> </html>
Powered by Yahoo! Answers