Text bleeds out over cell. Topic is solved

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
TheINIC
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Text bleeds out over cell.

Post by TheINIC » Sat Apr 06, 2019 8:37 pm

This is new!


ISSUE:
Using any editor, when adding any text into a Table cell, be it typed or pasted in, and setting size to 24p or H1, the text height is higher than the cell. The cell does not expand height to fit the text.

TESTS:
I tried this with JCE, TinyMice, JoomlaCK, and checking if any changes via Codemirror as well. Same thing.
The template is the generic Protostar - plugins, addons, or other bells or whistles are used.

DETAILED:
  1. Log into Joomla Admin
  2. Open Modlule > New > Custom
  3. In editor body, create a 2x2 table (2 rows, 2 colums)
  4. In left top cell, type ANYTHING and top right cell, type (TM)
  5. In left top cell, highlight "ANYTHING" and size to 26p
  6. In top right cell, highlight (TM) and size to 8p, then make it Superscript
  7. Select all cells, and I have dine this prior to adding text, set cell alignment to TOP
The results are shown in the attached image. The cells outline was too light so I placed lines over the cell light-light-light-grey so you can see the text overlay.

FLUFF:
This started right after the last JCE up(?)grade at which time, Joomla was also up(?)graded.

BEFORE IT'S SAID:
I could set the height, but this needs to be a Responsive page.

Thanks to the polite responders, your help around here truly is invaluable,

t.i.
[/attachment]
You do not have the required permissions to view the files attached to this post.
Official Head Computer Whisperer(Someone had to do it.)

User avatar
sozzled
Joomla! Champion
Joomla! Champion
Posts: 7151
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia
Contact:

Re: Text bleeds out over cell.

Post by sozzled » Sat Apr 06, 2019 8:51 pm

TheINIC wrote:
Sat Apr 06, 2019 8:37 pm
... setting size to 24p ...
I've heard of px (pixels), pt (points) and pc (picas) but, sorry, I've never heard of p units.

https://developer.mozilla.org/en-US/doc ... _and_units
https://www.kuneze.com/blog
Former member of Kunena project team
If you think I’m wrong then say “I think you're wrong.” If you say “You’re wrong!”, how do you know?

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 25662
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: Text bleeds out over cell.

Post by Per Yngve Berg » Sat Apr 06, 2019 9:03 pm

What font are you using?

The font may not be installed on the client system and a replacement is shown that does not match the height.
Use a web safe font.

Also use the 'em' unit for font size. 1em is the size of the base font. 1.2em is 20% bigger.

TheINIC
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Text bleeds out over cell.

Post by TheINIC » Sun Apr 07, 2019 9:51 pm

Per Yngve Berg wrote:
Sat Apr 06, 2019 9:03 pm
What font are you using?

The font may not be installed on the client system and a replacement is shown that does not match the height.
Use a web safe font.

Also use the 'em' unit for font size. 1em is the size of the base font. 1.2em is 20% bigger.
This page does NOT use any Stalkers - hence zero Google. The site owner visitors are assured that there are no Stalkers, Cookies, Trackers, Beacons, CCs, SPTs, or other nefarious spies. So this site uses generic Arial, Helvetia, Tahoma.

In JCE (and others) I set it to "24PT" (it doesn't show 'em') and Font Family is Arial (plain). I think by now, Arial is on almost all computers, and I know it is on mine, which I test with so I think it's on the client system. The image I provided shows how it appears in the JCE editor within Joomla.

As for using Google Fonts - why? There are about loads on any new digital devices and they don't report back to Google 24/7/365

Thanks for the response and help. REALLY!

~ti~
Last edited by TheINIC on Sun Apr 07, 2019 10:00 pm, edited 1 time in total.
Official Head Computer Whisperer(Someone had to do it.)

User avatar
sozzled
Joomla! Champion
Joomla! Champion
Posts: 7151
Joined: Sun Jul 05, 2009 3:30 am
Location: Canberra, Australia
Contact:

Re: Text bleeds out over cell.

Post by sozzled » Sun Apr 07, 2019 9:56 pm

pt (points) or px and pc units are not scalable; they are absolute.

If you want to use scalable font sizes then do not use absolute units like pt or px or pc. See https://andy-carter.com/blog/using-scal ... font-sizes

I agree with @Per
https://www.kuneze.com/blog
Former member of Kunena project team
If you think I’m wrong then say “I think you're wrong.” If you say “You’re wrong!”, how do you know?

TheINIC
Joomla! Intern
Joomla! Intern
Posts: 82
Joined: Thu Feb 17, 2011 5:27 am
Location: Earth - but that too is temporary.
Contact:

Re: Text bleeds out over cell.

Post by TheINIC » Sun Apr 07, 2019 10:09 pm

sozzled wrote:
Sat Apr 06, 2019 8:51 pm
TheINIC wrote:
Sat Apr 06, 2019 8:37 pm
... setting size to 24p ...
I've heard of px (pixels), pt (points) and pc (picas) but, sorry, I've never heard of p units.

https://developer.mozilla.org/en-US/doc ... _and_units
I'm sorry if I should have provided more detail explaining that JCE is used and it uses "PT" and "24p" = typo.

S o r r e e e e!
Official Head Computer Whisperer(Someone had to do it.)

PieterBum
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Fri Jul 13, 2018 10:40 am

Re: Text bleeds out over cell.

Post by PieterBum » Mon Apr 08, 2019 9:03 am

Another option could be to use font-size: calc(24px + 3vw);
or mediaqueries, if you know how. There you could simply change the font-size by screen-size.
(Thus for font-size or [min-]height)


Post Reply

Return to “Extensions for Joomla! 3.x”