Solved

MS Word-like Pagination in CSS

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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

The purpose of this article is to demonstrate how we can use conditional statements using Python.
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
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.
The viewer will learn additional member functions of the vector class. Specifically, the capacity and swap member functions will be introduced.

756 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