Solved

MS Word-like Pagination in CSS

Posted on 2014-09-26
4
49 Views
Last Modified: 2016-04-21
Is it possible to produce MS-Word -like pagination with pure CSS and HTML (i.e., no PHP)? Any code/examples?
0
Comment
Question by:Maritza Tynes
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 40346952
No & No
0
 
LVL 53

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 250 total points
ID: 40347686
It depends on what you mean.  If you are talking about putting multiple pages of content on one page, then you would need to at least use javascript/jquery and it could be done without php.

Otherwise, you can do pagination where you have 3 (or whatever you need) static pages.  Add  some type of navigation for each page.  You can use css to make the navigation look like a page numbering system rather than navigation.  If you have a lot of pages, this method is not very easy to manage and using javascript/jquery would make this a lot easier as you can also incorporate ajax to fill in content based on selected page.
 

Pure HTML

Page1.html
This is page one

<a href="page1.html">Page 1</a> <a href="page2.html">Page 2</a> <a href="page3.html">Page 3</a>

Open in new window

Page2.html
This is page two

<a href="page1.html">Page 1</a> <a href="page2.html">Page 2</a> <a href="page3.html">Page 3</a>

Open in new window

Page3.html
This is page three

<a href="page1.html">Page 1</a> <a href="page2.html">Page 2</a> <a href="page3.html">Page 3</a>

Open in new window


Or can he use js?
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When we want to run, execute or repeat a statement multiple times, a loop is necessary. This article covers the two types of loops in Python: the while loop and the for loop.
This article discusses four methods for overlaying images in a container on a web page
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question