Some problems on new pages

[xitonn]

Hello forum members  ,

I have on some pages three problems:

1. the footerborder is wrong or sometimes missing; see for an example the three pages below.

http://www.weatherstationheerhugowaard.nl/iconinfo.php
http://www.weatherstationheerhugowaard.nl/weathersymbolsinfo.php
http://www.weatherstationheerhugowaard.nl/weersverwachting-wu.php

How to solve this?

2. I want to center the content of some pages, as an example see:

http://www.weatherstationheerhugowaard.nl/weersverwachting.php, where one image is not centered.

Jacques wrote that I have to use this:

"to center a whole page, or a section (a DIV), you have to use this css sentence:

margin: 0 auto; "

But how and where I must put this code? I tried different ways, but I can't solve this.

3. On the page: http://www.weatherstationheerhugowaard.nl/cloudinfo.php, I put some pictures. I want that when clicked on it that they are opening bigger (lightbox).
The lightbox is working, but they are not opening on the same page. How can I achieve this?

Your help is much appreciated!

Thanks,
Han

[Mr.Meteo]

Hi Han,

These pages are all misformed, in the way that all that, in XHTML pages, all that is open
 need to be closed. In your 1st example, icons are in a table, inside an other table, like this:

<table>
<tr>
<td>
<table>
...
</table>
</td>
</tr>
</table>

The inside table is correct, but the outside table is never ended.

In second page, 3 </div> are not needed.

In third example, an ending >/div> is missing.

All these ending tag are mandatory to have a perfect page,
when something is missing, browser try to display as its best... but!

Also, all images need an ending slash, like this:
<img src="..." alt="..." />

Line feed too need to be self-ended like this: <br />

In your links, you are not mixing colon and semi-colon
<a href='images.php' title='Foto's van het weer en Nederland'>

You have to use title="Foto's van.." or 'Foto" van'

So, my advice is to check for errors with W3C or some othe kind of validator
(I use HTML Validator inside Firefox) to look at these errors:
Errors tracking is a perpetual fight for web creators!   

Official Web validator onlin is available here: https://validator.w3.org/

Hope this help,

Regards,
Jacques

[xitonn]

Hi Jacques,

Thanks for your help.  The first problems are solved!

Can you also give me some help on the other subjects?

It is this:

2. I want to center the content of some pages, as an example see:

http://www.weatherstationheerhugowaard.nl/weersverwachting.php, where one image is not centered.

You wrote before that I have to use this:

"to center a whole page, or a section (a DIV), you have to use this css sentence:

margin: 0 auto; "

But how and where I must put this code? I tried different ways, but I can't solve this.

3. On the page: http://www.weatherstationheerhugowaard.nl/cloudinfo.php, I put some pictures. I want that when clicked on it that they are opening bigger (lightbox).
The lightbox is working, but they are not opening on the same page. How can I achieve this?

Thanks.

Regards,
Han

[Mr.Meteo]

Hi Han,

2 - I think that it's a script that import this block, so you haven't control
on its layout. Sou you could surround it with a customized DIV, like this:

<div style="width: 600px; margin: 0px auto;">
... Weersverwachting voor zaterdag ...
</div>

That way, outer div give you control you need (600px is a try)

3 - for this problem, you need to check with the library you're using (lightbox)
to see options available.

Regards,
Jacques

[xitonn]

Hi Jacques,

Thanks for your answer. It solved my problem  !

Regards,
Han