Textpattern CMS

#1 2008-11-05 21:38:39

vid

New Member

Registered: 2008-07-07

Posts: 5

Lines with footnotes are higher

Hi. My problem is that lines containing footnotes are higher than lines without footnotes, creating weird gaps, and making it harder to tell paragraph bounds.

I use the default CSS, just with following tweak (to separate consectutive footnotes visually):

sup.footnote { margin: 0 2px; }

I quess this would need just some small tweak in style sheet, but i don’t know CSS :(

Thanks.

Last edited by vid (2008-11-05 21:40:16)

#2 2008-11-06 10:55:37

vid

New Member

Registered: 2008-07-07

Posts: 5

Re: Lines with footnotes are higher

I just discovered that this problem doesn’t manifest in FireFox. In Internet Explorer, lines are a bit higher (not too much), but in Opera they are much higher, causing ugly effects.

Is it problem in default CSS, or is it caused by that small modification I mentioned?

#3 2008-11-06 14:30:01

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: Lines with footnotes are higher

vid wrote:

is it caused by that small modification I mentioned?

I doubt that, it’s setting a top and bottom margin of 0. You could try adding a line-height and/or a padding: 0;. If that doesn’t help, do you have a link to the page in question?

Last edited by els (2008-11-06 14:30:51)

#4 2008-11-06 15:40:04

vid

New Member

Registered: 2008-07-07

Posts: 5

Re: Lines with footnotes are higher

Adding “line-height: 0%” solved it, thanks.