Centering Pages of a Web Layout in QuarkXPress

App Studio offers a variety of support plans to meet your needs. A Bronze Support Plan is included by default with all App Studio plans and provides access to the Knowledge Base, documentation and forums for instant answers 24x7.

Note that personalized support through tickets and Live Chat is only available with Silver and Gold Support Plans – purchasable separately.

If you purchased a Silver or Gold App Studio Support Plan, your Support Center Account will be setup for you by our team within 48 business hours of your plan purchase. An email will be sent to you containing a password reset link, which you need to click on. Please remember to check your Spam folder in the event you do not receive your email.

IMPORTANT: Your Support Center Account is separate to any existing App Studio accounts you may have created in the App Studio Portal. Those login credentials will not work with the Support Center, you will have to be signed up for Support plan to login.

App Studio is the leading cloud-based HTML5 solution that turns print into interactive award-winning tablet and smartphone experiences.

View our Support Plans

Our support team is here to answer all your questions about Quark products including QuarkXPress and Quark Enterprise Solutions. Check out our online knowledge base, documentation site and forums for instant answers 24x7.

If you have a current maintenance plan or are within your free support period you can also contact us directly through our online chat as well as My Support where you can submit tickets and fully manage and track your support history.

If you are a Quark customer and have a current maintenance or support contract we already have your support account setup for you. Please check out our knowledge base article for details on how to get started.

Any new purchase of QuarkXPress includes 60 days of free support and access to the support portal. To get your 60 days of free support you must first register, click here to register your copy of QuarkXPress. Note that it can take 2-3 hours for your support account to activate after registering QuarkXPress. Once active, you will be notified via email.



View our Support and Maintenance Plans

Welcome to Quark's IT Help Desk your single point of contact for assistance with IT related queries. You can create a help desk ticket which will be routed to the appropriate IT Help Desk engineer to research and correct your issue.

Quark's IT Help Desk is committed to providing the support you need to make the most of your every day work experience.

To log a Help Desk ticket, please use the sign in option at the top of the page.

Thank You,

Quark IT Support

Centering Pages of a Web Layout in QuarkXPress

(Our thanks to Quark customer 'nitro' for this solution, posted in the Quark Forums.)

 

The procedure described above will not work in layouts where boxes overlap other boxes.  However, when the web layout is exported, boxes that overlap are exported using CSS (Cascading Style Sheet) absolute positioning, which prevents them from adjusting when the variable width columns are re-sized. Because there is no direct option available within QuarkXPress to change this absolute positioning, you can make some changes to the exported HTML code to achieve object centering. You will need a text editing software to make changes to the HTML code. To edit the HTML so that objects are centered, edit the exported HTML as follows (Original HTML text is shown in green and edited HTML is shown in red):

 

 

1. The Original Code on 1st & 2nd line will normally be (for HTML):

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN'>
<html>

 

Replace this with the following text:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>

 

2. Under the <Style> Tag, add the following CSS lines

 <!--

   .center{

        width:600px;
        margin:0 auto;
        position: relative;
    }

 

Note: The width to be entered depends on the original width of the layout. If the layout width is 600 px then under the CSS enter the width as 600px.

 

3. Replace the <div class="page"> tag with <Div class='center'>after the following Tags:

</style>
</head>

<Body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<div class="page">

<Div class='center'>

 

4. At the bottom of the html page; Close the <Div> tag by placing </Div> before the </Body> Tag:

</Div>

</Body>
</html>

 

Background:
When a web layout is exported to HTML, there are ways to set up the objects on the page as well as to edit the exported HTML so that the exported HTML pages are centered. This can be done for pages where there are no overlapping Items in the web layout and for pages where there are overlapping items.
 

 

Rating:Rating of 0 Stars6 Votes
Was this answer helpful?YesNo
Topic Information
  • Topic #: 30026-1110
  • Date Created: 11/20/2012
  • Last Modified Since: 06/21/2017
  • Viewed: 2258
Welcome Guest