htt page settings ... - jAlbum forums

ming666

Posts: 89
Registered: 27-Aug-2019

Re: htt page settings
Posted: 4 Oct 24, 10:43

in response to: JeffTucker

OK it works but the workaround 'full page' is not the right width. It is the width of the excerpt.
Which it would be!

I need it to be the width of the 'empty page'

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 12:56

in response to: ming666

Reply

No "Show the excerpt in a way as if it was a full embed" setting exists yet.

ming666

Posts: 89
Registered: 27-Aug-2019

Re: htt page settings
Posted: 4 Oct 24, 13:02

in response to: Laza

Reply

LOL

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 13:08

in response to: ming666

Reply

ming666 wrote:
OK it works but the workaround 'full page' is not the right width. It is the width of the excerpt.
Which it would be!

I need it to be the width of the 'empty page'

It's an offense against god and man, but you could enter this for the "excerpt that's actually a full page":

<style>
.pages .cont.excerpt .card {width: 100%;}
.pages .cont .card .caption {max-width: none;}
</style>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam tortor magna,
convallis nec ultricies eu, semper et ante. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Praesent iaculis
congue ipsum. Donec id diam ligula. In nec purus non massa pretium semper
nec eu mi. Maecenas tempus mi ac elit commodo suscipit. Mauris vitae luctus
augue. Integer elementum pretium erat vitae tincidunt. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc
fermentum purus massa.
<!--more-->

That produces page code that doesn't validate as proper HTML, but Tiger produces pages that have dozens of HTML and CSS "errors" anyway, so no harm done.

ETA: This may need more CSS tweaking - I did only a quick test - but the CSS in a Tiger album is so dense and convoluted, it often takes multiple stabs in the dark to bring it to heel.

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 13:25

in response to: JeffTucker

Reply

This can be added as custom CSS code and will trigger no validation errors.

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 13:28

in response to: Laza

Reply

Laza wrote:
This can be added as custom CSS code and will trigger no validation errors.

But then it would apply to the real excerpts as well as the full page excerpts, which defeats the purpose of the exercise. This CSS needs to be applied only to an About page that's being shown as an excerpt, but that's actually a full page.

ming666

Posts: 89
Registered: 27-Aug-2019

Re: htt page settings
Posted: 4 Oct 24, 13:29

in response to: Laza

Reply

Is that going to affect all the pages though?
I need it to only affect some

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 13:42

in response to: JeffTucker

Reply

Tiger produces pages that have dozens of HTML and CSS "errors" anyway

I've checked the skin's output with validator.org, and here are the errors:

A link element with an "as" attribute must have a "rel" attribute that contains the value "preload" or the value "modulepreload".

But this targets specifically an older - non-standard - browser. Perhaps it's time to remove it.

Attribute "https-equiv" not allowed on element meta at this point.

I can't recall when or why it was added, but I will check it out.

And a handful of "Section lacks heading." warnings and "An img element must have an alt attribute" errors. The latter can be fixed with the "Add ALT tags settings".

No more.

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 13:44

in response to: ming666

Reply

Yes, when added as CSS code it will affect all pages. I missed that you only need to apply the formatting for the About page.

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 14:05

in response to: Laza

Reply

A more strict validator gets upset by things like incomplete CSS declarations, as well, like border-radius: px;

It also doesn't like invalid values, like scrollbar-color: dark; It's either auto or a specified color. (Just a side note - Safari doesn't honor that attribute at all. Reported as a bug years ago, but no action.)

Here are the Total Validator results from a quick, default album with no extra pages, no custom stuff of any sort.

Edited by: JeffTucker on 4 Oct 2024, 13:14 - attachments removed

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 14:10

in response to: JeffTucker

Reply

The only test that I turn off in Total Validator is the check for vendor prefixes in the CSS. For unknown reasons, things like line-clamp are supported in all the major browsers, but only in the form -webkit-line-clamp. Why they don't recognize the non-prefixed version is a mystery.

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 15:11

in response to: JeffTucker

Reply

Thanks! I will go through the list.

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 15:19

in response to: Laza

Reply

It's a tedious exercise, but my pages all validate these days. The picky CSS complaints about missing attributes (like border-radius: px, for example) are the ones that are a pain. They don't actually cause any problems - all browsers just ignore them, anyway.

Laza

Posts: 1,835
Registered: 6-Sep-2005

Re: htt page settings
Posted: 4 Oct 24, 16:09

in response to: JeffTucker

Reply

It seems most of these errors came from old code - e.g. CSS reset from Zurb Foundation - using browser hacks for old browsers. I tried to fix most of them, but I don't have this tool, and W3C's validator is much more forgiving. Can you please check the page now?
http://www.lazaworx.com/albums/Tiger/

JeffTucker

Posts: 8,225
Registered: 31-Jan-2006

Re: htt page settings
Posted: 4 Oct 24, 16:26

in response to: Laza

Reply

There's one HTML "thing" that the validator doesn't like - appears twice on every index page.

The 'aria-label' attribute is not allowed in this context
    <a class="btn close" data-close aria-label="Close window" data-tooltip title="Close window">

And just three obscure CSS things. Once:

 A media type is missing
     @media screen and (min-width: 0\) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }

And once:

outline has a value 'buttontext' that does not match what was expected: [ <outline-color> || <outline-style> || <outline-width> ]. See CSS Basic User Interface Module Level 3.
     outline: 1px dotted ButtonText

And twice:

background-image contains a url() function with a parsing error. See CSS Backgrounds and Borders Module Level 3.
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill:rgb%28138,138,138%29'></polygon></svg>")

I'm not sure about that one - it may just be confused by the nested quoting.

I sprang for a Total Validator Pro license. It lets me check an entire website in one shot. Not advisable to run it against the server, because it might be seen as an attack. But I run it against my entire skin demo site on my own C: drive before uploading it. It gets through 600 pages in about 20 seconds, and has saved me from a lot of dopey mistakes, especially when gang-editing things like user's manual pages.