Question for the CSS experts

crutledge · 06-05-2011, 07:32 AM

I've run across a book from PG that uses a lot of the following to format poetry.

Code:

style="margin-left: 65%;"
style="margin-left: 33%;"

I could build

Code:

.marginleft65{
margin-left: 65%;
}
.marginleft33{
margin-left: 33%;
}

I began to wonder if there is some way to parameterize a CSS definition so that the actual value can be inserted as needed. e.g.

Code:

.marginleft{
margin-left: ??;
}

I've done a lot of searching throught the references but no luck. Probably not possible,

.

Pablo · 06-05-2011, 07:35 AM

What are those two margins for?

Jellby · 06-05-2011, 07:41 AM

Not possible. At least not in CSS2 and without scripting.

By the way, I'd probably want the margins changed to something that wouldn't waste 65% of the limited width of a 5" screen... PG texts are often designed for computer screens.

theducks · 06-05-2011, 10:29 AM

Quote:

Originally Posted by Jellby

Not possible. At least not in CSS2 and without scripting.

By the way, I'd probably want the margins changed to something that wouldn't waste 65% of the limited width of a 5" screen... PG texts are often designed for computer screens.

I sometimes us high numbers to 'place' things in chapter headers.
I normally use 2 px just to clear the bezel edge

crutledge · 06-05-2011, 12:09 PM

Quote:

Originally Posted by Jellby

Not possible. At least not in CSS2 and without scripting.

By the way, I'd probably want the margins changed to something that wouldn't waste 65% of the limited width of a 5" screen... PG texts are often designed for computer screens.

I don't use them but it did get me wondering about methods to do something in CSS.

Jellby · 06-05-2011, 01:30 PM

Quote:

Originally Posted by theducks

I normally use 2 px just to clear the bezel edge

For that, it's better to use a 2px margin in @page, and zero margin elsewhere

EowynCarter · 06-09-2011, 09:46 AM

@page ??

Jellby · 06-09-2011, 01:27 PM

You can define a rule like:

Code:

@page { margin: 2px; }

and it will be applied (in compliant readers) to all screens. See here

EowynCarter · 06-10-2011, 04:13 PM

Ok. Good to know.

Tanks;

06-05-2011, 07:32 AM	#1
crutledge eBook FANatic Posts: 18,301 Karma: 16078357 Join Date: Apr 2008 Location: Alabama, USA Device: HP ipac RX5915 Wife's Kindle	Question for the CSS experts I've run across a book from PG that uses a lot of the following to format poetry. Code: style="margin-left: 65%;" style="margin-left: 33%;" I could build Code: .marginleft65{ margin-left: 65%; } .marginleft33{ margin-left: 33%; } I began to wonder if there is some way to parameterize a CSS definition so that the actual value can be inserted as needed. e.g. Code: .marginleft{ margin-left: ??; } I've done a lot of searching throught the references but no luck. Probably not possible, . Last edited by Jellby; 06-05-2011 at 07:42 AM.

06-09-2011, 01:27 PM	#8
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	You can define a rule like: Code: @page { margin: 2px; } and it will be applied (in compliant readers) to all screens. See here

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Question about validation and items referenced in css	ldolse	Sigil	9	02-02-2011 04:17 AM
stupid question about epub? (nook + css)	hapax legomenon	ePub	0	10-31-2010 03:35 AM
newbie with a question for the experts	swimr29	Amazon Kindle	7	11-09-2009 11:34 AM
A question about CSS: widows and orphans	Jellby	ePub	5	08-31-2009 03:54 PM
Question to Experts	srinivasvaradar	Sony Reader	3	09-30-2007 04:05 PM

06-05-2011, 07:35 AM	#2
Pablo Guru Posts: 974 Karma: 4999999 Join Date: Mar 2009 Location: Rosario, Argentina Device: SONY PRS-T2, Kindle Paperwhite 11th gen	What are those two margins for?

06-05-2011, 07:41 AM	#3
Jellby frumious Bandersnatch Posts: 7,570 Karma: 20150435 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Not possible. At least not in CSS2 and without scripting. By the way, I'd probably want the margins changed to something that wouldn't waste 65% of the limited width of a 5" screen... PG texts are often designed for computer screens.

06-09-2011, 09:46 AM	#7
EowynCarter Wizard Posts: 4,338 Karma: 4000000 Join Date: Oct 2008 Location: Paris Device: Cybooks; Sony PRS-T1	@page ??

06-10-2011, 04:13 PM	#9
EowynCarter Wizard Posts: 4,338 Karma: 4000000 Join Date: Oct 2008 Location: Paris Device: Cybooks; Sony PRS-T1	Ok. Good to know. Tanks;

Advert

Advert