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
    New to the CF scene
    Join Date
    May 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Extra text padding for next lines

    Hello!

    Cutting long story short.

    I've got a HTML + CSS website, and in one div I got some text.

    This text is formatted as a list, but I am not using any markers, because it is multilevel list and when I want to be W3C strict a new level list is an object of previous:

    So it looks like this

    + text (list1)
    + text2 (list1)
    +
    ....1. list2 text
    ....2. list2 text
    + text3 (list1)
    What looks better with no markers:
    text
    text
    ....text2
    ....text2
    text
    Its nice, but still I am not satisfied with one thing.
    Because text is sometimes longer than 1 line, I want next lines to be sticked out;

    Now:
    texttexttext
    texttexttext
    I want:
    texttexttext
    ....texttexttext
    Is it possible?
    I can move the first line, but i want to move all but the first :/
    Its important to mention: "texttexttexttexttexttext" is one object of list (<li> text...text</li>)
    Last edited by Atais; 05-24-2010 at 12:14 AM.

  • #2
    Regular Coder
    Join Date
    May 2010
    Location
    Bathurst, Australia
    Posts
    180
    Thanks
    1
    Thanked 22 Times in 22 Posts
    I'm not 100% on what you're trying to do but if you ad an id to your first tag and leave the rest of them you should be able to css it slighty more to the left yeah?

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    This text is formatted as a list, but I am not using any markers, because it is multilevel list and when I want to be W3C strict a new level list is an object of previous:
    Sorry, I don't understand this. Could you please post your markup?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Ok.

    I will try to explain the problem.

    : My website :
    www.toya.net.pl/~atais/doc/jak.html

    So as you can see
    There are some paragraphs and in each there is a list of things.

    Every new element of list is starting with BOLD letter, so it's easier to spot, and I also managed to move first line with extra padding for <li> element.

    But as you can see, when text is long its going to the next line without the padding i set for the 1st line - and that is what I want to set - the padding for all but the 1st line (I will turn it off for the 1st one - for now its just an extra)


    In more graphic way:
    http://s536.photobucket.com/albums/f...t=whatitis.png
    Last edited by Atais; 05-24-2010 at 02:03 PM.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Can't you simply use a nested unordered list? See an example at http://programming.top54u.com/post/H...t-Bullets.aspx
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New to the CF scene
    Join Date
    May 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    actually that is what i am using

    but with type=none

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Sorry, I was looking at the text at the top.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Experiment using padding and a negative text-indent.

  • Users who have thanked Apostropartheid for this post:

    Atais (05-25-2010)

  • #9
    New to the CF scene
    Join Date
    May 2010
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Awesome! Why i didn't think about negative value!
    Thanks very much!.


  •  

    Posting Permissions

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