Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-15-2009, 02:35 AM   PM User | #1
sixrfan
Regular Coder

 
Join Date: Aug 2009
Posts: 395
Thanks: 116
Thanked 0 Times in 0 Posts
sixrfan has a little shameless behaviour in the past
bullet point alignment for long sentences

how do i get the second line of a bullet point, which is on line below where the first line starts to line up vertically with the first letter of the first line?

for instance, if you look at my page here: http://www.bandit4x4.com/products/btd0001.html, how do i get the text "AC4x4 parts" (which is the end of the last 'Features' bullet point) to line begin just where "Compatible..." starts???

thanks in advance!
sixrfan is offline   Reply With Quote
Old 11-15-2009, 02:52 AM   PM User | #2
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Play with this left margin to get it where you want -

Code:
#prodtable ul li {
margin: 0 0 0 15px;
	list-style-position: outside;
	list-style-type: square;
}
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
sixrfan (11-15-2009)
Old 11-15-2009, 03:09 AM   PM User | #3
Donkey
Regular Coder

 
Donkey's Avatar
 
Join Date: Sep 2003
Location: Blackfield UK
Posts: 311
Thanks: 1
Thanked 35 Times in 35 Posts
Donkey is an unknown quantity at this point
Put the last bit of the line inside a paragraph (which is OK to use inside a li) and then in your style sheet do something like:

Code:
li p
{
margin: -2px 0 0 15px;
}
You may need to adjust the values. I found that a negative top margin is necessary to compensate for the change in position caused by the paragraph.
__________________
" 90% of everything is crud" - Theodore Sturgeon
Filthy Beast - a 60's Rock Band
Donkey is offline   Reply With Quote
Old 11-15-2009, 04:06 PM   PM User | #4
sixrfan
Regular Coder

 
Join Date: Aug 2009
Posts: 395
Thanks: 116
Thanked 0 Times in 0 Posts
sixrfan has a little shameless behaviour in the past
Quote:
Originally Posted by Excavator View Post
Play with this left margin to get it where you want -

Code:
#prodtable ul li {
margin: 0 0 0 15px;
	list-style-position: outside;
	list-style-type: square;
}
this worked. thanks!!!
sixrfan is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:28 PM.


Advertisement
Log in to turn off these ads.