WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 11-20-2003, 10:09 AM
pcanning's Avatar
WebProWorld New Member
 

Join Date: Sep 2003
Location: Norwich, UK
Posts: 6
pcanning RepRank 0
Default bullets/text alignment

Does anyone know of a trick which will enable text to vertically align in a list?

usually the second line does not indent - that's what my perfectionist (graphic originating, hence the anal-ity) designer is after!

I know I can ditch actual list bullets and do it in a table with icons not bullets, but I'm wondering if anyone has a trick?
__________________
Paul Canning
Web Editor
LJ Group
Creators of Education and Training Resources
Francis Way, Bowthorpe
Norwich NR5 9JA
Tel: (01603) 748001 X261
Fax: (01603) 746340
e-mail: pcanning@ljgroup.com
web: ljgroup.com
Reply With Quote
  #2 (permalink)  
Old 11-20-2003, 12:02 PM
ranjan's Avatar
WebProWorld Pro
 

Join Date: Sep 2003
Location: CA
Posts: 174
ranjan RepRank 0
Default

http://css.maxdesign.com.au/listutorial/01.htm
__________________
ranjan | Macromedia Certified Dreamweaver MX Developer
http://www.dreamlettes.net - a dreamweaver resource
http://www.ranjan.ws - got blog?
http://www.total-impact.com - a web design community
Reply With Quote
  #3 (permalink)  
Old 11-20-2003, 12:56 PM
WebProWorld Veteran
 

Join Date: Jul 2003
Location: Bristol, UK
Posts: 965
carbonize RepRank 0
Default

Use CSS.

<style type="text/css">
<!--
li, ol, ul { text-align: left; }
-->
</style>

Thats just a quick example. Delete the ul, ol, li as required.
__________________
Carbonize
Reply With Quote
  #4 (permalink)  
Old 11-20-2003, 03:11 PM
Narasinha's Avatar
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Urbana, Illinois, US
Posts: 306
Narasinha RepRank 1
Default Re: bullets/text alignment

Quote:
Originally Posted by pcanning
Does anyone know of a trick which will enable text to vertically align in a list?

usually the second line does not indent - that's what my perfectionist (graphic originating, hence the anal-ity) designer is after!

I know I can ditch actual list bullets and do it in a table with icons not bullets, but I'm wondering if anyone has a trick?
Hello Paul,
The alignment of the text of a list item, whether in an ordered list or unordered list, is controlled in style sheets by an attribute called list-style-position. By default, all of the text is supposed to be aligned on the left edge of the first character of the first line. This is not always the case, however, so this attribute can be set to allow more control.

In the style sheet (inline or external) the list-style-type is used to set the type of bullet or numbering used. the list-style-position can be set to inside or outside. Using the value outside will allow lines of text that are longer than the container to wrap with the left margin at the left edge of the bullet or number. Using the value inside will align this text with the left edge of the first character of the first line.

This may sound confusing, so I put a demonstration of these options at http://www.soltec.net/~dmg/test/list.html to illustrate the difference.

Best Regards,
Narasinha
Reply With Quote
  #5 (permalink)  
Old 11-20-2003, 04:39 PM
WebProWorld Veteran
 

Join Date: Jul 2003
Location: Bristol, UK
Posts: 965
carbonize RepRank 0
Default

The Australian feng Shui expert hath spoken.
__________________
Carbonize
Reply With Quote
  #6 (permalink)  
Old 11-20-2003, 05:46 PM
Narasinha's Avatar
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Urbana, Illinois, US
Posts: 306
Narasinha RepRank 1
Default Feng Shui

Quote:
Originally Posted by carbonize
The Australian feng Shui expert hath spoken.
I still haven't seen that commercial! I wish they put their commercials online. I checked the Foster's web site but couldn't find anything.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: ,



Thread Tools
Display Modes

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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0