HTML / PHP with 3 columns

Hello to everyone!

we have a website:
http://www.ierapostoli.gr/

I have used php require to load the top, left, center, right and bottom column pages in table. So far so good BUT I don’t like it very much because it will load top, left, center and after some time it will load right and it’s not looking so good. Top, bottom, left and right are always the same page.
I would like to load firstly top, left and right and afterwards the main center which is somehow heavy in text and photos.
Is there any solution or do I have to re configure the whole thing? Someone posted that I have to use divisions and floats. I don’t know from these things. Can you please help me???
Thank you very very much !!! 8)

Here is my code for index.php

Ierapostoli <?php require ("/var/www/vhosts/ierapostoli.gr/httpdocs/top.htm"); ?>
<?php require ("/var/www/vhosts/ierapostoli.gr/httpdocs/left.htm"); ?>

(New !) A new article

A brief synopsis of the article

<?php require ("/var/www/vhosts/ierapostoli.gr/httpdocs/right.htm"); ?>
<?php require ("/var/www/vhosts/ierapostoli.gr/httpdocs/bottom.htm"); ?>

Well, one way would be to put all the parts inside of DIV’s. Have CSS in the DIV’s that mark the middle section as not visible. Then, after a one or two seconds, have Javascript make it visible. What this will do is load the top, left and right much quicker and after that, the rest of the data in the middle will “appear”.

This link will show you how to do it with a button:
http://www.randomsnippets.com/2008/02/12/how-to-hide-and-show-your-div/

To change to a timer, you can use tag with a " onload=showme(); " function call. You add this in the BODY tag and the javascript function will be called once all of the page is loaded. Then, in this function (JS), you just add the code to SHOW the hidden middle info. It will just APPEAR once you have the rest fully loaded…

A little tricky, but, should do what you want nicely. Good luck!

OK, thank you Alex! :slight_smile: :slight_smile:

Sponsor our Newsletter | Privacy Policy | Terms of Service