[textile] indentation

Gallex · 2010-10-23 09:51:09

how to get indentation to first line of a paragraph?

Gocom · 2010-10-23 11:00:23

I suppose you are talking about styling, right? If you want to present the browser with indentation, you need to do it with CSS. For example you could target the first letter of the paragraph, or you could tell the browser to show all whitespace you put inside the paragraph.

/*
	Targeting the first letter of the paragraph
	and adding some padding to it:
*/
p:first-letter {
	padding-left: 30px;
	/* etc */
}

See:

“:first-letter”:http://www.w3schools.com/css/pr_pseudo_first-letter.asp
padding
white-space

Last edited by Gocom (2010-10-23 11:06:08)

net-carver · 2010-10-23 11:15:11

Gallex wrote:

how to get indentation to first line of a paragraph?

Textile also has a native format for this but it isn’t as powerful as using a class-based CSS rule as it uses an embedded style on the <p> tag.

p)). Right pad 2em.

The best textile manual I’ve seen is still Zem’s and is worth bookmarking. In this case look for the section called Padding.

Gocom · 2010-10-23 11:23:53

net-carver wrote:

Textile also has a native format for this but it isn’t as powerful as using a class-based CSS rule as it uses an embedded style on the <p> tag.

That adds padding to the whole paragraph, not the the first line ;-)

net-carver · 2010-10-23 12:47:12

Gocom wrote:

That adds padding to the whole paragraph, not the the first line ;-)

Yep. Missed that in the OP. Oh well, it might be useful to someone.

GugUser · 2010-10-23 21:06:18

In addition to Gocoms tip:

In CSS exist several properties that can be used for a similar proposal: text-indent and the pseudo-element :first-line.

Last edited by GugUser (2010-10-23 21:06:43)

Gallex · 2010-10-24 07:06:56

using css solutions, reflects all paragraphs, you won’t have choices when to use it, when not

thebombsite · 2010-10-24 09:06:29

You will if you give the paragraphs that you want indented a class. I think the CSS “text-indent” option is the cleanest solution and does allow for negative indentation if you want it.

Gallex · 2010-10-24 10:52:50

of course! thank’s guys

Calion · 2011-07-21 23:41:40

You can just use p{text-indent:20px}.

But the problem with this option is that you then must put a newline in between every paragraph, which kind of defeats the point of having first line indents.

Otherwise, you have to resort to html:
<div style=“text-indent:20px;”>Your paragraph here…</div>

But that’s a pain. Anybody have a better idea?

Textpattern CMS

Textpattern CMS support forum

#1 2010-10-23 09:51:09

[textile] indentation

#2 2010-10-23 11:00:23

Re: [textile] indentation

#3 2010-10-23 11:15:11

Re: [textile] indentation

#4 2010-10-23 11:23:53

Re: [textile] indentation

#5 2010-10-23 12:47:12

Re: [textile] indentation

#6 2010-10-23 21:06:18

Re: [textile] indentation

#7 2010-10-24 07:06:56

Re: [textile] indentation

#8 2010-10-24 09:06:29

Re: [textile] indentation

#9 2010-10-24 10:52:50

Re: [textile] indentation

#10 2011-07-21 23:41:40

Re: [textile] indentation

Board footer