Computer Hope

Internet & Networking => Web design => Topic started by: JontyNZ on September 18, 2016, 10:27:56 PM

Title: How to hange a section of an HTML page
Post by: JontyNZ on September 18, 2016, 10:27:56 PM

I want to change just the middle section of a web page either by swiping (on phone or tablet) or clicking a nav button (on phone, tablet or computer) All of the header and footer content remains constant but a middle section of graphics and text would change.

What is the best way to accomplish this?

Title: Re: How to hange a section of an HTML page
Post by: DaveLembke on September 19, 2016, 07:24:05 AM

Might be able to do this with FRAMES: http://www.w3schools.com/tags/tag_frameset.asp
Frames with scrolling enabled/disabled etc: http://www.w3schools.com/tags/att_frame_scrolling.asp

But CSS might work out better for you, and my choice would be CSS for this ( however I am not a web developer so maybe there is a better way ): http://www.w3schools.com/css/css_navbar.asp

Biggest trick with phones and tablets is that the display sizes range and so you will want to have a smaller display device to test your site out on and a tablet and then a PC to make sure that it works well for all visitors. You can even use code to detect what OS they are using to then dynamically change how the page is viewed by them too so the website dynamically changes itself to fit the device that is interacting with it.