How to show content on specific part of the page ?

DezUk

DezUk

DezUk

Associate
Joined
20 Sep 2003
Posts
2,384
Location
Scotland
I have come up with this design http://www.theinflux.co.uk/v2

I way I want the design to work is when a user clicks on one of the buttons the content is shown in the left hand side panel. How can I achieve this without re loading the page as a new page with differet content ?

Ideas welcome :)
 
Iframes would work, but i wouldn't advise it, purely for search engine optimisation reasons, your web site doesn't look to image intensive, and seems 56K friendly, so there isn't any reason why you wouldn't want the user to reload the page.
 
Yeah but I want to be able to do it as I know it can be done, maybe using PHP ?

One of the reasons i don't want to reload the page is it means the page re loads and doesn't look as smooth as the content in the box just chnaging, I'm being right picky I know :)

But I like learning new things anyway.
 
Argh, why's everyone asking for iframes on the forums recently!

You could set a height in pixels for your website and make sure the text you have doesn't alter that height; so it would appear that only that is changing. I really don't see why you're being so picky lol! Maybe you could use some fancy javascript if you're desperate.

Oh and give that text a bit of room to breathe, padding! "PC Repairs / Upgardes" lol :)
 
RandomTom said:
Argh, why's everyone asking for iframes on the forums recently!

You could set a height in pixels for your website and make sure the text you have doesn't alter that height; so it would appear that only that is changing. I really don't see why you're being so picky lol! Maybe you could use some fancy javascript if you're desperate.

Oh and give that text a bit of room to breathe, padding! "PC Repairs / Upgardes" lol :)
Click to expand...


Nice spot man :D cheers

On the padding issue I know what you mean but I have tried to give that area some padding, like 5px. But what happens is the left hand side pads fine but the text then overflows the right hand side, don't understand why :(
 
DezUk said:
Nice spot man :D cheers

On the padding issue I know what you mean but I have tried to give that area some padding, like 5px. But what happens is the left hand side pads fine but the text then overflows the right hand side, don't understand why :(
Click to expand...

the reason is because you need to deduct the padding in pixels from the width of the div (in concern)...
 
I'd suggest using divs with "display:none", and a splattering of javascript. As long as you keep it simple google will still index it.

akakjs
 
You must log in or register to reply here.
Back
Top Bottom