Solved

MS Word-like Pagination in CSS

Posted on 2014-09-26
4
38 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
4 Comments
 
LVL 58

Accepted Solution

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

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

The Eight Noble Truths of Backup and Recovery

How can IT departments tackle the challenges of a Big Data world? This white paper provides a roadmap to success and helps companies ensure that all their data is safe and secure, no matter if it resides on-premise with physical or virtual machines or in the cloud.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Host asp.net pages 5 35
Error in JQuery 5 52
Add css and js to MVC Project not in project 9 37
Why my select dropdown does not work? 8 41
Whether you’re a college noob or a soon-to-be pro, these tips are sure to help you in your journey to becoming a programming ninja and stand out from the crowd.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The goal of the video will be to teach the user the concept of local variables and scope. An example of a locally defined variable will be given as well as an explanation of what scope is in C++. The local variable and concept of scope will be relat…
The viewer will learn how to use the return statement in functions in C++. The video will also teach the user how to pass data to a function and have the function return data back for further processing.

773 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