Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

Display 3 pages in 1 page. Side by side

How can I have page display that will show parent page in the middle, one child page in left and one child page in right? A wordpress solution needed. This pages must remain as pages. So that they can be still editable on the frontend?
0
Chevirmen
Asked:
Chevirmen
  • 3
  • 2
2 Solutions
 
Gurvinder Pal SinghCommented:
<div id="container" style="width:910px">
  <div id="page1" style="float:left;width:300px;margin-right:5px;">
    <iframe src="page1.html"></iframe>
  </div>
  <div id="page2" style="float:left;width:300px;margin-right:5px;">
    <iframe src="page2.html"></iframe>
  </div>
  <div id="page3" style="float:left;width:300px;margin-right:5px;">
    <iframe src="page3.html"></iframe>
  </div>
</div>
0
 
Gurvinder Pal SinghCommented:
sorry last div should not have any margin

<div id="container" style="width:910px">
  <div id="page1" style="float:left;width:300px;margin-right:4px;">
    <iframe src="page1.html"></iframe>
  </div>
  <div id="page2" style="float:left;width:300px;margin-right:4px;">
    <iframe src="page2.html"></iframe>
  </div>
  <div id="page3" style="float:left;width:300px;">
    <iframe src="page3.html"></iframe>
  </div>
</div>
0
 
ChevirmenAuthor Commented:
Hi Gurvinder, how can I dynamically define the page1, page2 and page3 as Parent, child page one and child page two in a wordpress page template? Thanks
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
Gurvinder Pal SinghCommented:
Sorry, i have not worked on wordpress, so cannot help you there
0
 
Easwaran ParamasivamCommented:
You can use fieldsets and align them vertically. http://stackoverflow.com/questions/6234299/arranging-fieldset-elements-like-a-typical-table-design

In each fieldset place iFrame and refer your pages.

http://www.w3schools.com/tags/tag_iframe.asp
0
 
ChevirmenAuthor Commented:
It could have more details.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now