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.