css override code for margins?

Amalthia · 08-09-2009, 03:03 AM

Hi,

I'm not sure what code to use in the override box to get the page to use my margins instead of the settings in Calibre?

I'm trying to get the top and bottom margin down to 0.

I'd appreciate any and all help.

Thanks

Nate the great · 08-09-2009, 08:56 AM

It should look something like the following (change the numbers to suit your preferences):

body {
margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom:0;
}

Amalthia · 08-09-2009, 06:01 PM

Quote:

Originally Posted by Nate the great

It should look something like the following (change the numbers to suit your preferences):

body {
margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom:0;
}

Thanks!

Amalthia · 08-10-2009, 03:08 PM

Quote:

Originally Posted by Nate the great

It should look something like the following (change the numbers to suit your preferences):

body {
margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom:0;
}

I tried that code but it didn't seem to affect the bottom and top margins. I tried

p {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom:0;}

and that seemed to work better. Not sure if it's proper coding or not but at least I no longer have 1 inch margins at the bottom of my files.

Nate the great · 08-10-2009, 05:06 PM

Oops. You caught a typo. I wrote margin_bottom; it should read margin-bottom.

Amalthia · 08-10-2009, 06:17 PM

Quote:

Originally Posted by Nate the great

Oops. You caught a typo. I wrote margin_bottom; it should read margin-bottom.

that may explain why the code didn't work...

slantybard · 08-11-2009, 01:28 AM

I use:

Code:

p {
  margin-top: 0pt; margin-bottom:0pt;padding:0pt; text-indent:20pt
}

and I leave the margins on the page setup dialog all as 0.0.

Amalthia · 08-11-2009, 03:55 PM

Quote:

Originally Posted by Nate the great

Oops. You caught a typo. I wrote margin_bottom; it should read margin-bottom.

I'm a bit confused, in almost all css codes I've looked at you it seems like you're supposed to end properties with a colon, but on this one code you end with a period?

is the body selector just different from other selectors? Or is there more going on?

And is

body {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom.0;}

more correct than

p {margin-top: 0pt; margin-bottom: 0pt; padding: 0pt;
text-indent: 15pt;}

Amalthia · 08-11-2009, 03:59 PM

Quote:

Originally Posted by slantybard

I use:

Code:

p {
  margin-top: 0pt; margin-bottom:0pt;padding:0pt; text-indent:20pt
}

and I leave the margins on the page setup dialog all as 0.0.

I've started doing the same. Still not sure what the difference is between body and p but p seems to work.

Nate the great · 08-11-2009, 04:05 PM

Quote:

Originally Posted by Amalthia

I'm a bit confused, in almost all css codes I've looked at you it seems like you're supposed to end properties with a colon, but on this one code you end with a period?

is the body selector just different from other selectors? Or is there more going on?

And is

body {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom.0;}

more correct than

p {margin-top: 0pt; margin-bottom: 0pt; padding: 0pt;
text-indent: 15pt;}

I ended the sentence with the period; it was not part of the css term.

Jellby · 08-11-2009, 04:16 PM

Quote:

Originally Posted by Amalthia

I'm a bit confused, in almost all css codes I've looked at you it seems like you're supposed to end properties with a colon, but on this one code you end with a period?

Property name and value must be separated by a colon (consider it like a = sign). After the value, a semicolon is needed; it is optional just before the closing brace, but it's safest to always add it.

Quote:

And is

body {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom.0;}

more correct than

p {margin-top: 0pt; margin-bottom: 0pt; padding: 0pt;
text-indent: 15pt;}

0 and 0pt are the same, when the value is 0 you don't need to specify the units. body and p are different elements (p is inside body), so modifying them can give different results. You probably want both things, I'd use:

Code:

body { margin: 0; }
p { margin: 0; padding: 0; text-indent: (whatever); }

Amalthia · 08-11-2009, 05:01 PM

Quote:

Originally Posted by Nate the great

I ended the sentence with the period; it was not part of the css term.

okay to be absolutely clear this is the correct css code?

body {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom.0
}

I'm still confused if this is correct as to why you would not have a semicolon at the end of margin_bottom.0

Amalthia · 08-11-2009, 05:02 PM

Quote:

Originally Posted by Jellby

Property name and value must be separated by a colon (consider it like a = sign). After the value, a semicolon is needed; it is optional just before the closing brace, but it's safest to always add it.

0 and 0pt are the same, when the value is 0 you don't need to specify the units. body and p are different elements (p is inside body), so modifying them can give different results. You probably want both things, I'd use:

Code:

body { margin: 0; }
p { margin: 0; padding: 0; text-indent: (whatever); }

I'll try that out and see what happens.

Thanks!

Nate the great · 08-11-2009, 05:36 PM

Quote:

Originally Posted by Amalthia

okay to be absolutely clear this is the correct css code?

body {margin-left:0;
margin-right:0;
margin-top:0;
margin_bottom.0
}

I'm still confused if this is correct as to why you would not have a semicolon at the end of margin_bottom.0

No, that's wrong. don't understand why you removed the semicolon but left the period.

I also don't understand why you think I dropped the semicolon. I didn't. Go look at my first post in this thread. The only error in it is that I used an underscore instead of a dash.

JSWolf · 08-11-2009, 05:40 PM

The correct code is....

Code:

body {
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
}
p {
   text-indent: 1.1em
}

08-09-2009, 03:03 AM	#1
Amalthia Wizard Posts: 1,190 Karma: 32370 Join Date: Jan 2007 Location: Anchorage, AK Device: Sony Reader PRS-505, PRS-650, PRS-T3, Pocketbook HD2	css override code for margins? Hi, I'm not sure what code to use in the override box to get the page to use my margins instead of the settings in Calibre? I'm trying to get the top and bottom margin down to 0. I'd appreciate any and all help. Thanks

08-11-2009, 01:28 AM	#7
slantybard my parent's oops... Posts: 493 Karma: 1477572 Join Date: Feb 2009 Device: Vx->Handera->Clie-> Axim->505->650->KPW/Aura ->L2->iOS/CBW	I use: Code: p { margin-top: 0pt; margin-bottom:0pt;padding:0pt; text-indent:20pt } and I leave the margins on the page setup dialog all as 0.0.

08-11-2009, 05:40 PM	#15
JSWolf Resident Curmudgeon Posts: 80,782 Karma: 150249619 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	The correct code is.... Code: body { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } p { text-indent: 1.1em }

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Embedding Chinese font using CSS override?	kome17	Calibre	0	09-18-2009 01:57 AM
IMG css override not working anymore?	Amalthia	Calibre	10	08-03-2009 02:12 AM
help with Claibre CSS override	sideburnt	Calibre	7	05-28-2009 09:25 PM
centering images with css override?	Amalthia	Calibre	2	03-30-2009 02:53 PM
css override code for <h2> and <h1> tags	Amalthia	Calibre	2	03-29-2009 07:51 PM

08-09-2009, 08:56 AM	#2
Nate the great Sir Penguin of Edinburgh Posts: 12,375 Karma: 23555235 Join Date: Apr 2007 Location: DC Metro area Device: Shake a stick plus 1	It should look something like the following (change the numbers to suit your preferences): body { margin-left:0; margin-right:0; margin-top:0; margin_bottom:0; }

08-10-2009, 05:06 PM	#5
Nate the great Sir Penguin of Edinburgh Posts: 12,375 Karma: 23555235 Join Date: Apr 2007 Location: DC Metro area Device: Shake a stick plus 1	Oops. You caught a typo. I wrote margin_bottom; it should read margin-bottom.