Solved

MS Word-like Pagination in CSS

Posted on 2014-09-26
4
30 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
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.
This video teaches viewers about errors in exception handling.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

746 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now