Font and Font Size on Geekzone

Forums › Geekzone › Font and Font Size on Geekzone

1 | ... | 3 | 4 | 5 | 6 | 7 | 8

freitasm

BDFL - Memuneh
80653 posts

Uber Geek
+1 received by user: 41045

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#1423112 8-Nov-2015 12:20

I tried lots of solutions, including CSS stuff but really each browser does it different and wrap words without considering spacing, etc.

At the end we just rely on people reporting long URLs. These only happen once or twice a week, really.

Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

gzt

18684 posts

Uber Geek
+1 received by user: 7824

Lifetime subscriber

#1423117 8-Nov-2015 12:39

This one is interesting - two long links. The one in the quote block looks like a good wrap:

http://www.geekzone.co.nz/forums.asp?forumid=48&topicid=183938&page_no=13

I assume the other one is the cause of failure.

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#1423122 8-Nov-2015 12:56

gzt: I noticed in many the cause is a long hyperlink at the end of an existing line. Is it possible to force a break prior? Ie; where text and href are the same. That would prevent a fair proportion.

But what is a long term solution for this?

The problem really lies with the use of tables for layout. They're quite hard to get right, and table cells are generally flexible no matter how you try to style them, which causes all sorts of trouble such as browsers being unable to calculate the width of the container so that words can break properly.

(Think about it - if you have a flexible box, why is it that you need to break words? Why not just resize them to fit the content - which is exactly what happens.)

So the long term solution really is to properly use block elements and/or flexbox. However I do have something in mind for tables that I'll be posting soon.

gzt: This one is interesting - two long links. The one in the quote block looks like a good wrap:

http://www.geekzone.co.nz/forums.asp?forumid=48&topicid=183938&page_no=13

That happens to break properly because it has a hyphen which generally breaks well in most browsers.

If I don't use nicely worded links...

EDIT: Fixed wording

Find me on Twitter!

I posted 1, 2 x 10^3 times!

manhinli

2483 posts

Uber Geek
+1 received by user: 4

Trusted

#1423123 8-Nov-2015 13:03

Following on from my previous post: How about setting the table element that holds the main part of the thread and each forum post as "table-layout: fixed"?

I can't explicitly name the elements (because there are no class/ids

) but applying them fixes them very easily in my short time messing about in my browser.

EDIT: Before you think that it's not possible to have variable widths with "table-layout: fixed" - it is possible!

Find me on Twitter!

I posted 1, 2 x 10^3 times!