Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Jul 2008
    Posts
    114
    Thanks
    33
    Thanked 0 Times in 0 Posts

    align text wrap in ordered list

    Hi,

    Please see URL http://backstageweb.net/orion/students.htm

    In the ol (e.g., list items 1 & 2), I want the text wrap to align with its preceding text, not the number. Can someone show me how? Code in question:

    Code:
    ol{ 
    	margin-left:10px;
    	/*list:inside decimal;*/
    	list-style-position:inside;
    	color:#666;
    	display:block;
    	}
    	
    .reg {
    	margin:0 0 12px 15px;
    	font-size:94%;
    	line-height:1.3;
        }
    I waste more time fiddling with lists! (I just don't really get them) If anyone can direct me to a great educational source for formatting all kinds of lists, I would sure appreciate it - thanks much.

    John

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Maybe this tutorial can help.
    Teed

  • Users who have thanked teedoff for this post:

    johndove523 (04-07-2011)

  • #3
    Regular Coder
    Join Date
    Jul 2008
    Posts
    114
    Thanks
    33
    Thanked 0 Times in 0 Posts
    Teed, thanks for the source! I will definitely study it when I have a little more time. As for my more immediate problem, any chance you could tell me how to bump that text over to align with the first-line text?

    Thanks so much.

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Remove the:

    Code:
    list-style-position: inside;
    from your <ol>. That seems to work. If you give the ol a larger margin-left( I used 200px), then they all line up perfectly.
    Teed

  • Users who have thanked teedoff for this post:

    johndove523 (04-07-2011)

  • #5
    Regular Coder
    Join Date
    Jul 2008
    Posts
    114
    Thanks
    33
    Thanked 0 Times in 0 Posts
    Tee, thanks very much! And for the web resource too. Maybe one day, I'll actually get lists.

  • #6
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    Teed how can that resource help when it delves into jquery, the poor man cant even do lists yet. http://www.alistapart.com/articles/taminglists/
    Last edited by quartzy; 04-08-2011 at 03:14 AM.

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Quote Originally Posted by quartzy View Post
    Teed how can that resource help when it delves into jquery, the poor man cant even do lists yet. http://www.alistapart.com/articles/taminglists/
    It was a quick response to his initial post. The tutorial gets much deeper than he would have needed anyway based on his problem. The jQuery used is only one of two solutions used for giving beveled looks to colored borders.


    So yes it does give basic steps to create ordered lists. Besides, after I read back through and viewed his code closer, the issue was resolved.
    Teed

  • #8
    Regular Coder
    Join Date
    May 2009
    Posts
    813
    Thanks
    123
    Thanked 24 Times in 24 Posts
    Hi Teed
    thanks for your response, it's just that as a learner, if I find a resource that has php or jquery in it, I dont even read it, as I am not yet ready for that. So I thought he may too. Yes, I gather you did answer his query anyway.

  • #9
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Well the reason I didnt give him the link you posted from alistapart is because this was the only one I knew of that actually used an ordered list for the tutorial rather than unordered lists. Programatically, I guess they're no different, but I figured it would be better for him to see an actual ordered list tutorial.
    Last edited by teedoff; 04-08-2011 at 04:09 AM.
    Teed


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •