Newbie - Edit template: how to lower the height of the bands? Options

[calmabubbasst]

Hi everyone, I'm editing a template to suit my needs,
I started from template because I know very little about html and I try to arrange myself as I can,
and I know even less about CSS ...

In any case, the point is this:

in this test page https://www.nastri-trasportatori.net/Altrivideo52.html what I would like to achieve is to lower the heights of the bands
"A" "B" "C" and "D"

I searched the whole code and made several tests (as far as I could) but I was unable to understand who is in charge of those heights and how to intervene to reduce them as desired ...

Could you help me?




Tnx ^__^

PS: I am Italian and also my level of English is not very high: please explain to me how to a 4 year old child ;-P

[calmabubbasst]

Thanks guys, many thanks

You are a river in flood with lots of useful information I can't understand them all well but I'm trying

Today I will try to modify also line 1048 and we will see,
in fact, however, if I change the browser the height of the bands changes ...

I would like to ask you 2 more things:

- http or https I activated https some time ago, I thought this was enough, but now I understand that I have to change my web page too, is that correct? It is enough that I change all the links that start from my main page and edit them from
href = "http: //www.myweb.ok/ok.html" to
href = "httpS: //www.myweb.ok/ok.html"
or do I have to do other actions?

- If you look at the main page with a smart phone, and look at the site vertically, you will notice that there is a white vertical band on the right: I think it is the fault of how I entered the video code ...
How can I do to correct this point too, so that everything is aligned and without a white band, only when I use a smart phone in portrait view (while the rest of the time everything remains as it is now)?



Tnx U very very much

[Christian J]

- http or https I activated https some time ago, I thought this was enough, but now I understand that I have to change my web page too, is that correct? It is enough that I change all the links that start from my main page and edit them from
href = "http: //www.myweb.ok/ok.html" to
href = "httpS: //www.myweb.ok/ok.html"
or do I have to do other actions?

You shouldn't change links to other sites.

In links to pages on your own site you can use relative URLs, like you already do:

CODE

<link href="style.css" rel="stylesheet">

I have no idea why HTTP and HTTPS return different stylesheets. Maybe your webhost can explain it.

- If you look at the main page with a smart phone, and look at the site vertically, you will notice that there is a white vertical band on the right: I think it is the fault of how I entered the video code ...

That seems to be the BODY element's background (which is white by default). For some reason the page section with a gray background becomes more slim than it needs to be in narrow phone screen windows.

[calmabubbasst]

I have no idea why HTTP and HTTPS return different stylesheets. Maybe your webhost can explain it.

Hello and thank you very much to both of you,
thanks to your suggestions I was able to create what I wanted almost 100% https://www.nastri-trasportatori.net/Altrivideo53.html

There are still some things to fix and I don't understand how to do it, in fact it seems that http and https are NOT to blame for the height difference of the blanks, in fact

this is the photo taken by the chrome browser from the pc at home



this is the photo taken by the chrome browser from the pc in the office



What could be the final solution? What's i ha to do now in order to fix at 100%?

regarding the other problem of the width of the videos on the other page, I did not understand the solution, I think I will open a new dedicated post: I hope that I will find you to help me there too

Indeed, I will open 2 new posts because I have 2 separate questions.

Thank you, see you soon ^__^

This post has been edited by calmabubbasst: Aug 12 2022, 02:49 AM

[Christian J]

this is the photo taken by the chrome browser from the pc at home



this is the photo taken by the chrome browser from the pc in the office

Maybe the old version is cached in your office browser? Try reloading the page. In some browsers, reloading the HTML file may still not update embedded files (such as stylesheets) though.

Now I checked https://www.nastri-trasportatori.net/style.css directly again, and my Vivaldi browser was still displaying the old version, but after reloading the new version showed up.

[calmabubbasst]

Maybe the old version is cached in your office browser? Try reloading the page. In some browsers, reloading the HTML file may still not update embedded files (such as stylesheets) though.

Now I checked https://www.nastri-trasportatori.net/style.css directly again, and my Vivaldi browser was still displaying the old version, but after reloading the new version showed up.

Hi @Christian J
i'm press F5 every time I chnge a single letters in my html code
but that's the result ...

With your browser, what version you could see? The "home" version or "office" version?

This post has been edited by calmabubbasst: Aug 13 2022, 03:04 AM

[Christian J]

With your browser, what version you could see? The "home" version or "office" version?

I got the Home version.