On Wed, Oct 9, 2024 at 12:00 PM Freek de Kruijf <f.de.kru...@gmail.com>
wrote:
> Op woensdag 9 oktober 2024 17:38:55 CEST schreef Frank Gingras:
> > On Wed, Oct 9, 2024 at 11:33 AM Freek de Kruijf <f.de.kru...@gmail.com>
> >
> > wrote:
> > > Op woensdag 9 oktober 2024 16:31:16 CEST schreef Frank Gingras:
> > > > On Wed, Oct 9, 2024 at 10:15 AM Freek de Kruijf <
> f.de.kru...@gmail.com>
> > > >
> > > > wrote:
> > > > > I made a web page years ago in which I present buttons to view a
> video
> > >
> > > or
> > >
> > > > > to
> > > > > download that video file. In some text explaining something about
> the
> > >
> > > size
> > >
> > > > > of
> > > > > the video, I gave text parts a color (white) and a background color
> > >
> > > using:
> > > > > <font color="#ffffff"><span style="background:
> > > > > #990099">800x450</span></font>
> > > > >
> > > > > When I now go to this web page using Firefox the background color
> is
> > >
> > > not
> > >
> > > > > shown.
> > > > >
> > > > > For the buttons I have:
> > > > > <style type="text/css">
> > > > >
> > > > > @page { margin: 2cm }
> > > > > p { margin-bottom: 0.25cm; line-height: 120% }
> > > > > td p { margin-bottom: 0.25cm; line-height: 120% }
> > > > >
> > > > > .button {
> > > > >
> > > > > border: none;
> > > > > color: white;
> > > > > padding: 1px 4px; <!--15px 32px;-->
> > > > > text-align: center;
> > > > > text-decoration: none;
> > > > > display: inline-block;
> > > > > font-size: 16px;
> > > > > margin: 4px 2px;
> > > > > cursor: pointer;
> > > > >
> > > > > }
> > > > > .tekst {
> > > > >
> > > > > border: none;
> > > > > color: white;
> > > > > padding: 1px 4px; <!--15px 32px;-->
> > > > > text-align: center;
> > > > > text-decoration: none;
> > > > > display: inline-block;
> > > > > font-size: 16px;
> > > > > margin: 4px 2px;
> > > > > background-color: #009900;
> > > > > line-height:1.4;
> > > > >
> > > > > }
> > > > > .button1 {background-color: #000099;} /* Green */
> > > > > .button2 {background-color: #006600;} /* Blue */
> > > > > .button3 {background-color: #990099;} /* Purper */
> > > > >
> > > > > </style>
> > > > >
> > > > > In a table I use for a row :
> > > > >
> > > > > <tr valign="top">
> > > > >
> > > > > <td class="tekst"><br/>Bijeenkomst<br/>29 sep. 2024</td>
> > > > > <td><a href="Bijeenkomst-20240929.mp4"><button
> class="button
> > > > >
> > > > > button2">Kijken<br/>middel<br/>929M</button></a></td>
> > > > >
> > > > > <td><a href="Bijeenkomst-20240929-1080p.mp4"><button
> > >
> > > class="button
> > >
> > > > > button1">Kijken<br/>groot<br/>1,5G</button></a></td>
> > > > >
> > > > > <td><a href="Bijeenkomst-20240929-450p.mp4"><button
> > >
> > > class="button
> > >
> > > > > button3">Kijken<br/>klein<br/>278M</button></a></td>
> > > > >
> > > > > <td><a href="Bijeenkomst-20240929.mp4"
> > > > > download="Video"><button
> > > > >
> > > > > class="button button2">Download<br/>middel<br/>929M</button
> > > > >
> > > > > ></a></td>
> > > > > >
> > > > > <td><a href="Bijeenkomst-20240929-1080p.mp4"
> > > > >
> > > > > download="Video"><button
> > > > > class="button button1">Download<br/>groot<br/>1,5G</b
> > > > > utton></a></td>
> > > > >
> > > > > <td><a href="Bijeenkomst-20240929-450p.mp4"
> > > > >
> > > > > download="Video"><button
> > > > > class="button button3">Download<br/>klein<br/>278M</bu
> > > > > tton></a></td>
> > > > >
> > > > > </tr>
> > > > >
> > > > > The text shown of this row on the page is black, should be white
> and
> > >
> > > the
> > >
> > > > > background of the first element on the row is white and the
> background
> > >
> > > of
> > >
> > > > > the
> > > > > buttons is light gray.
> > > > >
> > > > > When pressing the button for viewing the largest video it is shown,
> > >
> > > but I
> > >
> > > > > used
> > > > > to be able to select a position in the video to view from that
> > >
> > > position.
> > >
> > > > > Now
> > > > > the video skips to the end and selecting a position is impossible.
> > > > >
> > > > > Choosing the other two buttons to view those videos gives an error,
> > > > > something
> > > > > like "No video with supported layout and MIME type found". The
> buttons
> > >
> > > for
> > >
> > > > > downloading work as expected.
> > > > >
> > > > > When I copy the index.html for this web page and the files
> mentioned
> > > > > in
> > > > > that
> > > > > file in a folder (everything is in one folder) and use file://
> > > > > <path_of_folder>index.html in Firefox all colors look good. I can
> view
> > >
> > > all
> > >
> > > > > videos and I can select positions in those videos.
> > > > >
> > > > > The only difference in these two cases is that the files go through
> > >
> > > apache
> > >
> > > > > to
> > > > > Firefox or come directly from the disk.
> > > > >
> > > > > In both cases I used Page Source in Firefox to download
> index.html. I
> > > > > compared
> > > > > these files and apart from obvious differences in locations of the
> > > > > referenced
> > > > > files, they are the same.
> > > > >
> > > > > Any clues?
> > > > >
> > > > > --
> > > > >
> > > > > fr.gr.
> > > > >
> > > > > Freek de Kruijf
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> ---------------------------------------------------------------------
> > > > > To unsubscribe, e-mail: users-unsubscr...@httpd.apache.org
> > > > > For additional commands, e-mail: users-h...@httpd.apache.org
> > > >
> > > > You're likely better off asking a web/css/design centric mailing
> list or
> > > > forum for your question, as this list pertains to configuring and
> > > > troubleshooting the apache HTTP server.
> > >
> > > As I wrote there does not seem to be anything wrong with the
> > > content/css/html
> > > in the file index.html. I made another case. The folder with the files
> was
> > > entered in another apache server, so I could use
> http://localhost/test/
> > > index.html <http://localhost/test/index.html> to access that web page.
> > > Also in that case it works OK. The only
> > > difference with the case where it goes wrong is when I use https:// on
> > > another
> > > server to access that web page. So I believe it has something to do
> with
> > > how
> > > apache treats http different from https or it might be different
> treatment
> > > in
> > > Firefox.
> > >
> > > --
> > >
> > > fr.gr.
> > >
> > > Freek de Kruijf
> > >
> > >
> > >
> > >
> > > ---------------------------------------------------------------------
> > > To unsubscribe, e-mail: users-unsubscr...@httpd.apache.org
> > > For additional commands, e-mail: users-h...@httpd.apache.org
> >
> > httpd does not interfere with your content. Perhaps the issue lies with
> > https://, and some resources not being loaded.
> >
> > In any case, asking a web/css/design forum/mailing list would yield
> better
> > results.
>
> I also tried to use Microsoft Edge and it also displays the page wrongly.
> As I
> wrote the content I see in the page in the browser in both cases is the
> same.
> So why does the browser display things differently when the only obvious
> difference is http instead of https?
>
> Could it be that a certain apache module needs to be loaded for this to
> work?
> Some time ago, could be half a year, it did work properly. Any idea which
> module?
>
> --
>
> fr.gr.
>
> Freek de Kruijf
>
>
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscr...@httpd.apache.org
> For additional commands, e-mail: users-h...@httpd.apache.org
>
>
httpd modules do not change your content, no, unless you use
proxy_proxy_html, for example. This is not the case here.
If you redirect resources via mod_alias or mod_rewrite, it can render some
resources unavailable.
