Solved

MS Word-like Pagination in CSS

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS Won't Show Up On Drupal Omega Sub-Theme 1 28
CSS Odd/Even Confusion 2 33
How does this modal work? 3 29
carousel control extend past the images 9 22
This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The goal of the video will be to teach the user the difference and consequence of passing data by value vs passing data by reference in C++. An example of passing data by value as well as an example of passing data by reference will be be given. Bot…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

740 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