SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: lists

  1. #1
    SitePoint Zealot DigitalCreation's Avatar
    Join Date
    Jun 2002
    Location
    'down under'
    Posts
    186
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    lists

    Something I thought I'd throw in the air and see where I come up.

    I currently have three divs one that contains this entire 'cell' one that contains an image that is floated to the left, of the container div, and a div for content, which is also inside of the container div. The content itself is comprised of a list. I'm trying to keep the list inline as long as the entire content can fit on that line within the contaiing div, if not next line.
    Code:
    ------------------------------------
    |image|list1andits value list2 and its |
    |image|list3 with it's long value so	|
    |image|list 4 should lie right here	  |
    list 5 and it's contents here list 6 here|
    list 7 etc etc etc 
    ------------------------------------
    ^ best I could do at 2 am


    I keep running into problems,either the list having line breaks in odd places, the content not wrapping the image well, or the list having it's text cut off and going to the next line. Anyone have any ideas on how I could accomplish this? I'd like to keep it as a list as structurally it is a list. But I'm wanting to try and format it (and marker it) as a paragraph so to speak. Any ideas would be most welcomed.

    Cheers
    Robby

  2. #2
    SitePoint Addict
    Join Date
    Sep 2003
    Location
    Europe
    Posts
    222
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Throw in some code or link to online example!
    And check out these:
    http://www.maxdesign.com.au/presentation/listamatic/
    http://www.maxdesign.com.au/presentation/listutorial/

  3. #3
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by yngwin
    Off Topic:


    At the Listamatic site I saw the excellent examples and selected one of Eric Meyer's to adapt for my site (Eric Meyer's Strengthening the Links) It looks great in Firebird, but there is an extra line between each list item in IE6. To get around this, I had to put all the <li></li> on one continuous line.

    Just thought I'd offer this as a word to the wise, if anyone uses this technique.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,547
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    If you want to keep the list item together you could try using white-space:nowrap.

    e.g.
    Code:
    #navlist span {white-space: nowrap;}
    
    html:
    
    <ul id="navlist">
    <li><span>Item one kljkler klj eklj elkj lkje lkj</span></li>
    <li><span>Item two hjklj lkj lklj lklj lkjlk</span></li>
    </ul>
    That should keep the list from breaking half way through each list item (I hope).

    Paul


Bookmarks

Posting Permissions

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