View Single Post
Old 06-15-2020, 02:41 PM   #64
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,796
Karma: 146391129
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Turtle91 View Post
For Sarmat89 to complain that the default <h?> styling is not to their liking and requires too complex CSS to make it look right, while ignoring the fact that the same CSS would be required for a <div> or <p> is, well, rather ludicrous.

Methinks Sarmat89 is arguing just for the sake of argument, rather than looking at the issue from a logical standpoint. If that is not the case, then Sarmat89 is woefully under-educated about the purposes and uses of CSS. I can't see anyone with a basic knowledge of CSS thinking that this is too complex:

Spoiler:
Code:
body {font-size:100%; margin:0; padding:0; font-weight:normal}
p    {text-indent:1.2em; margin:0; line-height:1}

/* Headers */
h1, h2, h3 {
   display:block; 
   text-align:center; 
   text-indent:0; 
   margin:1em 0; 
   page-break-after:avoid; 
   font-style:normal; 
   font-weight:bold; 
   font-family:serif}

h1 {font-size:1.7em}
h2 {font-size:1.4em}
h3 {font-size:1.4em; font-variant:small-caps}

div {
   margin:2em;
   text-indent:0}
That CSS does look a bit overly complicated with excess lines.

Code:
body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
}
h1, h2, h3 {
  font-family: sans-serif;
  text-align: center;
  text-indent: 0;
  margin: 1em 0;
  font-weight: bold;
}
h1 {
  font-size: 1.7em;
}
h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.12em;
}
div {
  margin: 2em;
  text-indent: 0;
}
The <div> at a margin of 2em makes no sense. I had to fix <h3> as the font-varient doesn't work in all cases so you need to set a font size for small caps.

As for the margins, I dislike the margins shorthand. I much prefer the long form and if I recall correctly, some nooks don't like the margins shorthand. Also, CSS all on one line is no as easy to read.
JSWolf is offline   Reply With Quote