...

View Full Version : Extra text padding for next lines



Atais
05-24-2010, 01:10 AM
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>)

BulletTimeBill
05-24-2010, 06:58 AM
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?

abduraooft
05-24-2010, 12:36 PM
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?

Atais
05-24-2010, 02:57 PM
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/ff323/d2ata/?action=view&current=whatitis.png

abduraooft
05-24-2010, 03:12 PM
Can't you simply use a nested unordered list? See an example at http://programming.top54u.com/post/HTML-Nested-ul-Unordered-List-Bullets.aspx

Atais
05-24-2010, 03:19 PM
actually that is what i am using :(

but with type=none

abduraooft
05-24-2010, 03:52 PM
Sorry, I was looking at the text at the top.

Apostropartheid
05-25-2010, 05:14 AM
Experiment using padding and a negative text-indent.

Atais
05-25-2010, 12:40 PM
Awesome! Why i didn't think about negative value!
Thanks very much!.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum