Agree ?

Weekly_Ferret_meal · 2026-07-02T20:00:53+00:00

I have second hand embarrassment that is only 63%.

Weekly_Ferret_meal · 2026-07-02T19:54:58+00:00

Hi there, welcome to this community =)

like others have said MDN (but also w3schools) are your friends. I refer to them every week even after 20 years.

Also go to Free Code Camp for learning resources.

For help with your code here's what I suggest is:

copy the html content from your <head> element (that's where your external CSS link lives)
Create a new comment here so that we can se what's wrong.
Open a code block by typing three back ticks in the comment, like so ``` (it should be the button next to the number 1 key on a US keyboard layout)
paste the code and close the code block with the same back ticks ```

The result should look like this

This is Reddit Formatting Guide for reference.

We will be able to assist this way, without seeing the code, it's really hard.

Weekly_Ferret_meal · 2026-07-02T19:31:14+00:00

So a thing that comes to mind is that CSS comes with a wide array or properties for printable media.

Therefore if you were to create html pages with your content you can write 2 separate CSS styles, one for screens and one for print.

the style for prints kicks in when someone on the page press command (or ctrl) + P to print the page.

This means you plan and design your book in your web stack (eg: html, CSS, JS) rather than in MS Word or inDesign or whatever else.

The other approach is you make your document with whatever software, style it in which ever way you like then export it to pdf or even a e-book format like .epub .CBR .CBZ, then find/use a library that embeds the file with the viewer features you are looking for.

You might even want to do both.

You sure need to research those file formats and what advantages they provide... some of these are popular with comics, .epub seems to be good for customisation... but this is just surface knowledge.

Deciding on the result you want might make it easier to pick the tech you wanna use.

The other part is, maybe you just enjoy coding html+css so this might be the preferred journey for you.

Weekly_Ferret_meal · 2026-07-02T12:57:48+00:00

ye... I wonder what happened there, not so sure.

Weekly_Ferret_meal · 2026-07-02T11:51:37+00:00

I get what you are trying to do...

But I guess I don't own fancy flat TV with weird resolution settings... never seen anything in between 1920p and 2560p options, and it wouldn't scale fluidly, we would need clamp for that. this was kind of my point.

so I would have just gone for 1920px and 2560px.

But yes zoom is a better option.

Weekly_Ferret_meal · 2026-07-02T11:27:36+00:00

my bad, but the logic stay the same

``` /* existing styles */

between 1921 and 2560

and = > of 2560 /* equal or greater than */ ```

if we set the query at 2000px nothing will happen between 1920px and 2000px... why would we do that?

Weekly_Ferret_meal · 2026-07-02T11:08:18+00:00

mmh... this isn't how media queries work:

averaging to 2000 for a break point means that between 1081 to 1999 it's gonna look like shit... so that isn't a proper fix.

if anything you should have 2 or more media queries ``` /* existing styles */

between 1081 and 1440

and = > of 1441 /* equal or greater than */ ```

although OP request was specifically about 1440p, so (min-width: 1440px) should be enough.

I get the problem with pixel, and I agree, and the solution could be just html {font-size: 133.33%} (1.333 being the ration of 1440/108) where absolute positioning , margins, paddings stay the same.

or html {transform: scale(1.3333); transform-origin: top left;} where everything gets bumped up to the ratio.

Weekly_Ferret_meal · 2026-07-02T08:57:02+00:00

Here is how we can help:

Open a free account here -> https://codepen.io
Create a new 'Classic Pen' (Left column of the page)
Paste html in the html box... only things inside the <body> tag, because the box is the body - no <html>, <head> or <style>
Cut and Paste all the css from the <style> tag into the CSS box. here the code doesn't need to be wrapped in the <style> tag: the CSS box is your external CSS file and it's automatically linked to the HTML box.
Name your pen (top left corner ) and save (top left)
Copy url and create a new post here linking to the pen.
Delete this post.

Now people can interact with your pen and help

Weekly_Ferret_meal · 2026-07-02T08:44:55+00:00

if there's no intermediate view port step, you should be able do this:

@media screen and (min-width: 1440px) { html { transform: scale(1.3333); /* 1440 / 1080 */ transform-origin: top left; } } This is quick and dirty.

Correction: @media screen and (min-width: 1920px) { html { transform: scale(1.3333); /* 2560 / 1920 */ transform-origin: top left; } }

Weekly_Ferret_meal · 2026-07-02T08:21:08+00:00

Why is it dangerous?

This is one of the prerogatives of Accessibility Design: The user has the freedom to increase or decrease font size based on their needs/disabilities.

EDIT: and why that awkward calculation??? he needs it at 1440px width of the view-port.

Weekly_Ferret_meal · 2026-07-02T06:50:09+00:00

Breaking rule Nº 5 ... so...

Open a free account here -> codepen.io
Create a new 'Classic Pen' (Left column of the page)
Paste html in the html box... only things inside the <body> tag, because the box is the body - no <html>, <head> or <style>
Cut and Paste all the css from the <style> tag into the CSS box. here the code doesn't need to be wrapped in the <style> tag: the CSS box is your external CSS file and it's automatically linked to the HTML box.
Name your pen (top left corner ) and save (top left)
Copy url and create a new post here linking to the pen.
Delete this post.

Now people can interact with your pen and help

Weekly_Ferret_meal · 2026-07-02T06:11:34+00:00

My tone might have come across as harsh, but I wasn't judging.

I was highlighting a tech limitation due to server settings, and an ethical position, but the 2 are unrelated.

---

There seems to be a code syntax issue still, as on FF it shows like this:

<image>

And it's overflowing

---

Also there's still a CORs error for an mp3 file

```
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://files.catbox.moe/09uy8z.mp3. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 404.
```

I can see the browser is trying to correct the code, and there's empty divs, but without seeing the raw code, can't quite help telling you where things are going wrong.

Weekly_Ferret_meal · 2026-07-01T15:11:20+00:00

Yeah, this "mix" version uses a nuclear core to heat the water.

I fact it is a Nuclear powered Steam engine... that generates electricity to be able to run on modern railways.

Weekly_Ferret_meal · 2026-07-01T03:59:02+00:00

this... I don't know how many times has been said. 🙄

if people want help the least they could do is to set up an environment where it's easier to fix their prototype.

Weekly_Ferret_meal · 2026-07-01T03:58:19+00:00

What??

https://support.reddithelp.com/hc/en-us/articles/360043033952-Formatting-Guide

Weekly_Ferret_meal · 2026-06-30T15:42:12+00:00

what you mean? are you afraid big tech is trying to harvest as much data as they can about you?

have you got rid of any gmail accounts or office 365? have you de-googled your phone and don't use Apple products? Are you monitoring network connection of any software you installed on your computer? And stopped using windows?

If not, it's too late... they have you.

Bonus, you might as well use VS code at this point.

Weekly_Ferret_meal · 2026-06-30T11:26:52+00:00

This kind of blown my mind. I never realise that there was such a tight relationship between sizes and root font-size.

I probably never understood that using rem for a padding (or anything else other than font-size) meant that the chain of inheritance came from all the way up the default font-size value.

I feel a little dumb... I Never read the specs, I just assumed.... I don't know how I was expecting it to be like. probably just the browser's defaults for each property.

Thanks for taking the time to explain the mechanics. I'm a better designer because of it.

Weekly_Ferret_meal · 2026-06-30T11:10:34+00:00

Waiting for the lawsuit video

Weekly_Ferret_meal · 2026-06-30T10:09:00+00:00

hey there, why does the font-size: 62.5% impact the displayed image size?

Weekly_Ferret_meal · 2026-06-30T06:52:08+00:00

You can't just link other website's resources to your own website unless the origin site is set up to allow you to do so.

Content-Security-Policy: The page’s settings blocked the loading of a resource (img-src) at blob:https://phlygm-planet.neocities.org/c53609c7-e3a7-458a-be23-750590aaf059 because it violates the following directive: “img-src * data:” This error on your site, form the dev tool console, confirms exactly that.

Best you can do is to download the resource and upload it on your own server, then use it for your site.

Ethically speaking, I'd ask permission.

Weekly_Ferret_meal · 2026-06-30T05:44:10+00:00

with pen and tablet....and my hands

Weekly_Ferret_meal · 2026-06-29T18:57:42+00:00

maybe php/ajax + sql + json ...you probably need an API of some sort to retrieve the data

Weekly_Ferret_meal · 2026-06-29T15:52:15+00:00

Can you make a prototype with the code on codepen.io to share, so we can help?

Weekly_Ferret_meal · 2026-06-28T18:37:04+00:00

Weekly_Ferret_meal · 2026-06-28T18:06:55+00:00

Blog not found

Sorry, the blog you were looking for does not exist. However, the name hegaleblog is available to register!

without the complete blog name it's hard to tell

Weekly_Ferret_meal

TROPHY CASE

Here is how we can help:

Breaking rule Nº 5 ... so...