Jump to content

Edit History

Neopopulas

Neopopulas

I've run into a couple of peculiarities and i was hoping if some of the code wizards couldn't help me out. I'm a bit rusty and my kung fu is not strong..

Question the first: Is there some padding around images by default and is there a way to override them? I've been adding some images and i've noticed there is quite a bit of padding on the right side - double that on the left - when you float images to the left (Image example in the spoiler). I took a look at the source and i couldn't SEE any special padding on the right. If there is some default padding, is there something i could use to shrink it up a bit?
Please ignore the mess i'm so ashamed but i had to line up the table to give a good line to measure to. I couldn't get two measurements but the other side is about 19px.

Padding?

Capture.PNG.791d3c2c972c41453db96664a4daae60.PNG

Question the second: In this same attempt i've noticed that there is a line above the table and i can't for the life of me get rid of it. Deleting it does all sorts of things - usually deleting the image - but even if i remove it in the source it resists my attempts.

Post code

 

spacer.pngThis damn line resists me

Damaia Hazil
AC: 19Armour: 14
Dexterity: +1
Shield: +2
Dueling style +2
| HP: 36 (*Abjuration Ward;
When casting an Abjuration Spell of 1st level or higher.
Gain Wizard level x2+Int mod as a Ward.
Whenever you cast Abjuration magic - even if the ward is at 0 - add a number of hit points equal to twice the level of the spell.
) | Proficiency: +2 | Initiative: +1 | Passive Perception: 12 | Speed: 30ft
Saves: Str +4 | Dex +1 | Con +4 | Int +5 | Wis +0 | Cha +0 | Resistances: Fire, Necrotic, Radiant
Special Abilities: Cloak of StarsEffect: Disadvantage on attacks against you for 1 minute.

As an action, you wrap yourself in a starry cloak, appearing like a silhouette forms of the night sky. When you doe, attack rolls have disadvantage against you. This cloak lasts for 1 minute, until you doff it (no action), or until you die. Once you use this trait, you can't use it again until you finish a long rest.
, Second WindOn turn, bonus action to regain 1d10+Fighter Level HP.

Once per short/long rest.
, Darkvision60ft

Thanks to your Infernal heritage, you have superior Vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in Darkness as if it were dim light. You can’t discern color in Darkness, only Shades of Gray.

Attacks: Long Sword [+2 | 1d8+2 Slashing. (Versatile. 1d10)] | Long Bow [+3 | 1d8+1. 150/600]
Spells; DC: 15. Attack +7. Spells Prepared 7. | Cantrips: Prestidigitation, Mage Hand, Green-Flame Blade, Thaumaturgy
Level 1 [▣ ▣] | Magic Missile | Shield | Burning Hands | Grease | Absorb Elements | False Life | Frost Fingers

 

Question the third: I've noticed this for a little bit and i was wondering what peoples opinions on it were, and if maybe i was just missing a trick to sort of 'fix' it or if its just a default that i can't tweak.

I've noticed that when you use smaller font sizes, the actual line height does some.. interesting things.
For example at font size 14, which i believe is the default, has a line height of 23, when it should be about 21. 4px doesn't seem like much, but it can add up.

In fact, the line height for all font sizes besides the default 14 is larger regardless of whether the font size itself is smaller. Font size 10 has a line height of 25 while the font size of 14 has a line height of 23. Font size 20 has a line height of 30, which actually seems right at 150% of 20

However that means that the font size 10 with a line height of 25 is about 10px too large. which really does add up and can make layout and readability a bit of a hassle when you want to make some small text.

I went ahead and took some measurements because, you know, that sort of shit makes my brain go brr.

Font Size: 10 Line Height: 25 Optimal Height: 15
Font Size: 14 Line Height: 23 Optimal Height: 21
Font Size: 20 Line Height: 30 Optimal Height: 30

As you can see it seems 'perfect' at Font size 20 and just gets progressively more out of whack as it gets smaller. Its not going to break the site and its certainly not on the top of any list but it would be a great QOL improvement if we could bring the line height of the smaller fonts down a little.

Neopopulas

Neopopulas

I've run into a couple of peculiarities and i was hoping if some of the code wizards couldn't help me out. I'm a bit rusty and my kung fu is not strong..

Question the first: Is there some padding around images by default and is there a way to override them? I've been adding some images and i've noticed there is quite a bit of padding on the right side - double that on the left - when you float images to the left (Image example in the spoiler). I took a look at the source and i couldn't SEE any special padding on the right. If there is some default padding, is there something i could use to shrink it up a bit?
Please ignore the mess i'm so ashamed but i had to line up the table to give a good line to measure to. I couldn't get two measurements but the other side is about 19px.

Padding?

Capture.PNG.791d3c2c972c41453db96664a4daae60.PNG

Question the second: In this same attempt i've noticed that there is a line above the table and i can't for the life of me get rid of it. Deleting it does all sorts of things - usually deleting the image - but even if i remove it in the source it resists my attempts.

Post code

 

spacer.pngI can't seem to get rid of this line here

Damaia Hazil
AC: 19Armour: 14
Dexterity: +1
Shield: +2
Dueling style +2
| HP: 36 (*Abjuration Ward;
When casting an Abjuration Spell of 1st level or higher.
Gain Wizard level x2+Int mod as a Ward.
Whenever you cast Abjuration magic - even if the ward is at 0 - add a number of hit points equal to twice the level of the spell.
) | Proficiency: +2 | Initiative: +1 | Passive Perception: 12 | Speed: 30ft
Saves: Str +4 | Dex +1 | Con +4 | Int +5 | Wis +0 | Cha +0
Special Abilities: Cloak of StarsEffect: Disadvantage on attacks against you for 1 minute.

As an action, you wrap yourself in a starry cloak, appearing like a silhouette forms of the night sky. When you doe, attack rolls have disadvantage against you. This cloak lasts for 1 minute, until you doff it (no action), or until you die. Once you use this trait, you can't use it again until you finish a long rest.
, Second WindOn turn, bonus action to regain 1d10+Fighter Level HP.

Once per short/long rest.
, Darkvision60ft

Thanks to your Infernal heritage, you have superior Vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in Darkness as if it were dim light. You can’t discern color in Darkness, only Shades of Gray.
| Resistances: Fire, Necrotic, Radiant
Attacks: Long Sword [+2 | 1d8+2 Slashing. (Versatile. 1d10)] | Long Bow [+3 | 1d8+1. 150/600]
Spells; DC: 15. Attack +7. Spells Prepared 7. | Cantrips: Prestidigitation, Mage Hand, Green-Flame Blade, Thaumaturgy


FIRST LEVEL ▣ ▣ ▣

Magic Missile, Shield, Burning Hands, Grease, Absorb Elements, False Life

SECOND LEVEL □ □

 

 

Question the third: I've noticed this for a little bit and i was wondering what peoples opinions on it were, and if maybe i was just missing a trick to sort of 'fix' it or if its just a default that i can't tweak.

I've noticed that when you use smaller font sizes, the actual line height does some.. interesting things.
For example at font size 14, which i believe is the default, has a line height of 23, when it should be about 21. 4px doesn't seem like much, but it can add up.

In fact, the line height for all font sizes besides the default 14 is larger regardless of whether the font size itself is smaller. Font size 10 has a line height of 25 while the font size of 14 has a line height of 23. Font size 20 has a line height of 30, which actually seems right at 150% of 20

However that means that the font size 10 with a line height of 25 is about 10px too large. which really does add up and can make layout and readability a bit of a hassle when you want to make some small text.

I went ahead and took some measurements because, you know, that sort of shit makes my brain go brr.

Font Size: 10 Line Height: 25 Optimal Height: 15
Font Size: 14 Line Height: 23 Optimal Height: 21
Font Size: 20 Line Height: 30 Optimal Height: 30

As you can see it seems 'perfect' at Font size 20 and just gets progressively more out of whack as it gets smaller. Its not going to break the site and its certainly not on the top of any list but it would be a great QOL improvement if we could bring the line height of the smaller fonts down a little.

Neopopulas

Neopopulas

I've run into a couple of peculiarities and i was hoping if some of the code wizards couldn't help me out. I'm a bit rusty and my kung fu is not strong..

Question the first: Is there some padding around images by default and is there a way to override them? I've been adding some images and i've noticed there is quite a bit of padding on the right side - double that on the left - when you float images to the left (Image example in the spoiler). I took a look at the source and i couldn't SEE any special padding on the right. If there is some default padding, is there something i could use to shrink it up a bit?
Please ignore the mess i'm so ashamed but i had to line up the table to give a good line to measure to. I couldn't get two measurements but the other side is about 19px.

Padding?

Capture.PNG.791d3c2c972c41453db96664a4daae60.PNG

Question the second: In this same attempt i've noticed that there is a line above the table and i can't for the life of me get rid of it. Deleting it does all sorts of things - usually deleting the image - but even if i remove it in the source it resists my attempts.

Post code

 

spacer.pngI can't seem to get rid of this line here

Damaia Hazil
AC: 19Armour: 14
Dexterity: +1
Shield: +2
Dueling style +2
| HP: 36 (*Abjuration Ward;
When casting an Abjuration Spell of 1st level or higher.
Gain Wizard level x2+Int mod as a Ward.
Whenever you cast Abjuration magic - even if the ward is at 0 - add a number of hit points equal to twice the level of the spell.
) | Proficiency: +2 | Initiative: +1 | Passive Perception: 12 | Speed: 30ft
Saves: Str +4 | Dex +1 | Con +4 | Int +5 | Wis +0 | Cha +0
Special Abilities: Cloak of StarsEffect: Disadvantage on attacks against you for 1 minute.

As an action, you wrap yourself in a starry cloak, appearing like a silhouette forms of the night sky. When you doe, attack rolls have disadvantage against you. This cloak lasts for 1 minute, until you doff it (no action), or until you die. Once you use this trait, you can't use it again until you finish a long rest.
, Second WindOn turn, bonus action to regain 1d10+Fighter Level HP.

Once per short/long rest.
, Darkvision60ft

Thanks to your Infernal heritage, you have superior Vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in Darkness as if it were dim light. You can’t discern color in Darkness, only Shades of Gray.
| Resistances: Fire, Necrotic, Radiant
Attacks: Long Sword [+2 | 1d8+2 Slashing. (Versatile. 1d10)] | Long Bow [+3 | 1d8+1. 150/600]
Spells; DC: 15. Attack +7. Spells Prepared 7. | Cantrips: Prestidigitation, Mage Hand, Green-Flame Blade, Thaumaturgy


FIRST LEVEL ▣ ▣ ▣

Magic Missile, Shield, Burning Hands, Grease, Absorb Elements, False Life

SECOND LEVEL □ □

 

 

Question the third: I've noticed this for a little bit and i was wondering what peoples opinions on it were, and if maybe i was just missing a trick to sort of 'fix' it or if its just a default that i can't tweak.

I've noticed that when you use smaller font sizes, the actual line does some.. interesting things.
For example at font size 14, which i believe is the default, has a line height of 23, when it should be about 21. 4px doesn't seem like much, but it can add up.

In fact, the line height for all font sizes besides the default 14 is larger regardless of whether the font size itself is smaller. Font size 10 has a line height of 25 while the font size of 14 has a line height of 23. Font size 20 has a line height of 30, which actually seems right at 150% of 20

However that means that the font size 10 with a line height of 25 is about 10px too large. which really does add up and can make layout and readability a bit of a hassle when you want to make some small text.

I went ahead and took some measurements because, you know, that sort of shit makes my brain go brr.

Font Size: 10 Line Height: 25 Optimal Height: 15
Font Size: 14 Line Height: 23 Optimal Height: 21
Font Size: 20 Line Height: 30 Optimal Height: 30

As you can see it seems 'perfect' at Font size 20 and just gets progressively more out of whack as it gets smaller. Its not going to break the site and its certainly not on the top of any list but it would be a great QOL improvement if we could bring the line height of the smaller fonts down a little.

Neopopulas

Neopopulas

I've run into a couple of peculiarities and i was hoping if some of the code wizards couldn't help me out. I'm a bit rusty and my kung fu is not strong..

Question the first: Is there some padding around images by default and is there a way to override them? I've been adding some images and i've noticed there is quite a bit of padding on the right side - double that on the left - when you float images to the left (Image example in the spoiler). I took a look at the source and i couldn't SEE any special padding on the right. If there is some default padding, is there something i could use to shrink it up a bit?
Please ignore the mess i'm so ashamed but i had to line up the table to give a good line to measure to. I couldn't get two measurements but the other side is about 19px.

Padding?

Capture.PNG.791d3c2c972c41453db96664a4daae60.PNG

Question the second: In this same attempt i've noticed that there is a line above the table and i can't for the life of me get rid of it. Deleting it does all sorts of things - usually deleting the image - but even if i remove it in the source it resists my attempts.

Post code

 

spacer.pngI can't seem to get rid of this line here

Damaia Hazil
AC: 19Armour: 14
Dexterity: +1
Shield: +2
Dueling style +2
| HP: 36 (*Abjuration Ward;
When casting an Abjuration Spell of 1st level or higher.
Gain Wizard level x2+Int mod as a Ward.
Whenever you cast Abjuration magic - even if the ward is at 0 - add a number of hit points equal to twice the level of the spell.
) | Proficiency: +2 | Initiative: +1 | Passive Perception: 12 | Speed: 30ft
Saves: Str +4 | Dex +1 | Con +4 | Int +5 | Wis +0 | Cha +0
Special Abilities: Cloak of StarsEffect: Disadvantage on attacks against you for 1 minute.

As an action, you wrap yourself in a starry cloak, appearing like a silhouette forms of the night sky. When you doe, attack rolls have disadvantage against you. This cloak lasts for 1 minute, until you doff it (no action), or until you die. Once you use this trait, you can't use it again until you finish a long rest.
, Second WindOn turn, bonus action to regain 1d10+Fighter Level HP.

Once per short/long rest.
, Darkvision60ft

Thanks to your Infernal heritage, you have superior Vision in dark and dim conditions. You can see in dim light within 60 feet of you as if it were bright light, and in Darkness as if it were dim light. You can’t discern color in Darkness, only Shades of Gray.
| Resistances: Fire, Necrotic, Radiant
Attacks: Long Sword [+2 | 1d8+2 Slashing. (Versatile. 1d10)] | Long Bow [+3 | 1d8+1. 150/600]
Spells; DC: 15. Attack +7. Spells Prepared 7. | Cantrips: Prestidigitation, Mage Hand, Green-Flame Blade, Thaumaturgy


FIRST LEVEL ▣ ▣ ▣

Magic Missile, Shield, Burning Hands, Grease, Absorb Elements, False Life

SECOND LEVEL □ □

 

Text goes here

Question the third: I've noticed this for a little bit and i was wondering what peoples opinions on it were, and if maybe i was just missing a trick to sort of 'fix' it or if its just a default that i can't tweak.

I've noticed that when you use smaller font sizes, the actual line does some.. interesting things.
For example at font size 14, which i believe is the default, has a line height of 23, when it should be about 21. 4px doesn't seem like much, but it can add up.

In fact, the line height for all font sizes besides the default 14 is larger regardless of whether the font size itself is smaller. Font size 10 has a line height of 25 while the font size of 14 has a line height of 23. Font size 20 has a line height of 30, which actually seems right at 150% of 20

However that means that the font size 10 with a line height of 25 is about 10px too large. which really does add up and can make layout and readability a bit of a hassle when you want to make some small text.

I went ahead and took some measurements because, you know, that sort of shit makes my brain go brr.

Font Size: 10 Line Height: 25 Optimal Height: 15
Font Size: 14 Line Height: 23 Optimal Height: 21
Font Size: 20 Line Height: 30 Optimal Height: 30

As you can see it seems 'perfect' at Font size 20 and just gets progressively more out of whack as it gets smaller. Its not going to break the site and its certainly not on the top of any list but it would be a great QOL improvement if we could bring the line height of the smaller fonts down a little.

10 Font Size.PNG

10 Line Height.PNG

14 Font Size Height default.PNG

14 Line Height default.PNG

20 Font Size.PNG

20 Line Size.PNG

×
×
  • Create New...