Wednesday, 16 October 2024

[netsurf-users] Re: Weird bug

I think I've found the cause - the two pictures that don't display have
the word "advert" in their description, so NetSurf's ad blocker is
blocking them!

If you go into NetSurf's configuration, in the Content section turn off
"Hide advertisements", and the pictures appear :-)

Bryan.

--
RISC OS User Group Of London - https://www.rougol.jellybaby.net/
RISC OS London Show - https://www.riscoslondonshow.co.uk/

[netsurf-users] Re: Netsurf CSS support.

On 17 Oct 2024, at 13:07, Harriet Bazley wrote:

I was told that the absolute minimum required to display one given
website was the CSS Box Model and CSS Flexbox from CSS3, and that
Netsurf apparently wasn't supporting anything beyond CSS 2.1

I didn't just _invent what I wrote in my last post...! ;-)

The information comes from change logs. NetSurf 3.1.2 unquestionably supports display: flex and flex-direction: row, though it looks like it ignores column-gap and overflow: auto tends to cause it draw horizontal scroll bars that obscure the bottom edge of the content (and that last part is definitely therefore a bug, while lack of support for some particular bit of CSS is merely a missing feature).

The nav bar is broken and there are lots of other rendering errors, but the basic layout of columns is 100% CSS flexbox and clearly works.

--
TTFN, Andrew Hodgkinson
Find photos, software, music and more at my home site, Bandcamp and GitHub:
https://pond.org.uk / https://pondnz.bandcamp.com / https://github.com/pond

[netsurf-users] Re: Netsurf CSS support.

On 16 Oct 2024 as I do recall,
Andrew Hodgkinson wrote:

[snip]


> The NetSurf home page itself uses absolute positioning, fixed widths and
> float hackery to make itself work. We can't use that as an example.
>
> I tried a few pages with some flex stuff on with wildly varying results.
> Too much relies on JavaScript for just basic page layout these days as
> web dev gets ever more screwed up... Best thing you can do is try it.
> Since NetSurf 3.11 is available on everything except macOS, but works
> fine in Wine or Crossover so you can run the Windows port on macOS
> anyway, it should be easy to get going and try things out.
>
I was told that the absolute minimum required to display one given
website was the CSS Box Model and CSS Flexbox from CSS3, and that
Netsurf apparently wasn't supporting anything beyond CSS 2.1 (although
that may simply have reflected the home page not being up to date with
what is currently implemented). At any rate the site was not displaying
properly after being rewritten to use more modern CSS, notably in the
practical sense that a text area defined as cols=50" rows="10" is now
displaying at only 3 rows high - my CSS debugging is not sufficiently
advanced to be able to identify any obvious reason why, other than that
deleting the stylesheet links from a saved copy of the page restores
it to the intended size....


--
Harriet Bazley == Loyaulte me lie ==

I like work; it fascinates me; I can sit and look at it for hours.

[netsurf-users] Re: Netsurf CSS support.

On 17 Oct 2024, at 2:56, John Rickman wrote:

Not sure what you want to do but here is an example of a simple two column
web page layout using html and css that works with NetSurf [...]

Useful as that is, it's just using very basic CSS floats that have existed since CSS 1. If NetSurf didn't support that kind of thing, just about nothing would work at all.

I can find a mailing list post reviewing early flexbox support from 7 years ago! LibCSS used by NetSurf gained Flexbox support in v0.8.0; it's currently on v0.9.2. NetSurf itself mentioned "improved" support in v3.11 from Dec 2023.

The NetSurf home page itself uses absolute positioning, fixed widths and float hackery to make itself work. We can't use that as an example.

I tried a few pages with some flex stuff on with wildly varying results. Too much relies on JavaScript for just basic page layout these days as web dev gets ever more screwed up... Best thing you can do is try it. Since NetSurf 3.11 is available on everything except macOS, but works fine in Wine or Crossover so you can run the Windows port on macOS anyway, it should be easy to get going and try things out.

--
TTFN, Andrew Hodgkinson
Find photos, software, music and more at my home site, Bandcamp and GitHub:
https://pond.org.uk / https://pondnz.bandcamp.com / https://github.com/pond

[netsurf-users] Re: Netsurf CSS support.

/* generic style sheet for links - JR */
/* every entry should be used at least once */

* {border: 0px solid black;}

body {background:url(../img/lynxbg.png) top right;
font-size:large
}
img {border:0;
}
h2 {color:#050;
font-size:x-large;
}
div.indent {margin-left:10%;
}
div#outer {margin-left:5%;
}
div#box {margin-top:0%;
margin-left:0em;
margin-right:5%;
float:left;
width:320px;
}
div#boxwide {margin-top:0%;
float:left;
width:25em;
}
div#boxwider {margin-top:0%;
float:left;
width:50em;
}
div#box2 {
}
div.searchbox {margin-top:0%;
margin-left:1em;
width:20em;
}
div.searchbx2 {margin-top:2%;
float:left;
}
div.searchbx3 {margin-top:4%;
}
span.xxxx {margin-left:5%;
}

.floatr {float: right;
width:25em;
}

.plain {list-style: none; }
.plain a:link {text-decoration: none;}

.copyr {font-size: 10px;
padding-top:2em;
}
In message <5bb0bd9154dragdrop@dragdrop.co.uk>
Drag N Drop <dragdrop@dragdrop.co.uk> wrote:

> Hi all

> Wondering if there is any documentation ? I know very basic column layout
> is supported, for example, but then my CSS programming isn't too advanced.

> For info using RISC OS 5.30 and Netsurf 3.11

Not sure what you want to do but here is an example of a simple two column
web page layout using html and css that works with NetSurf:

https://rickman.orpheusweb.co.uk/lynx/lynxtravel.html


css attached - sorry if this is a no attachment type list

--
John Rickman

[netsurf-users] Netsurf CSS support.

Hi all

Wondering if there is any documentation ? I know very basic column layout
is supported, for example, but then my CSS programming isn't too advanced.

For info using RISC OS 5.30 and Netsurf 3.11

thanks

--
--
Chris Dewhurst, Editor, Drag N Drop for RISC OS
editor@dragdrop.co.uk www.dragdrop.co.uk

Tuesday, 15 October 2024

[netsurf-users] Re: Weird bug

In message <5baf1e2300Lists@Torrens.org>
"Richard Torrens (lists)" <Lists@Torrens.org> wrote:

> I can't see how to report this via the system using Risc OS...

> http://cards.westdorset.org/types/img/D-11h/
> photos 7697.jpg and 7689.jpg display.
> photos 7699.jpg and 7700.jpg do not.

> other pages, e.g.
> http://cards.westdorset.org/types/img/D-11f
> display all photos as they should.

> Other browsers display as they should.

> This happens on Titanium (5.30) and on Pinebook (5.29) - so I can't see
> that it is anything to do with the OS. The html on the 'faulty' page is
> fine.

> It's a very puzzling problem. Not important to me as the page works
> properly (it's a Perl program) but the developers might like to
> investigate.

Just tested again with NetSurf 3.12 (#6764) on both my A9home running 4.42
and my Pinebook running 5.31. No issues on either device accessing those
photos.

--
Paul Stewart Sent from A9home running RISC OS 4.42