Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Mar 2006
    Posts
    6
    Member #
    12819
    I am having a really simplictic issue, I cannot seem to get my page centered in the browser and I have looked for a bit in the forums to try and find some help. I am posting the code below, could someone please help?! It is probably very simplistic, but I cannot seem to figure it out. This is just one of the images, then hopefully I will be able to figure the rest out if someone can show me on this portion.

    Thanks!



    <html>
    <title>Untitled Document</title>
    </head>
    <body>
    <div id="Layer1" style="position:absolute; width:511px; height:121px; z-index:1; left: 63px; top: 1px;"><img src="images/main_menu.gif" width="800" height="122" border="0" usemap="#Map">
    <map name="Map">
    <area shape="rect" coords="191,94,268,122" href="index.html">
    <area shape="rect" coords="269,95,352,122" href="aboutus.html">
    <area shape="rect" coords="353,93,464,121" href="employees.html">
    <area shape="rect" coords="467,93,574,120" href="clients.html">
    <area shape="rect" coords="576,95,671,120" href="forms.html">
    <area shape="rect" coords="676,95,795,121" href="contactus.html">
    </map>
    </div>
    </body>
    </html>

  2.  

  3. #2
    Senior Member
    Join Date
    Apr 2005
    Location
    Hatfield, England
    Posts
    855
    Member #
    9790
    Have you tried setting a width for layer1 then having margin-left:auto margin-right:auto

  4. #3
    Senior Member audiofreak9's Avatar
    Join Date
    Apr 2005
    Location
    NJ
    Posts
    339
    Member #
    9584
    You have set a div with absolute positioning left and top, this will not allow the content to move. Check this out:
    http://www.webdesignforums.net/showt...ight=centering

  5. #4
    Junior Member
    Join Date
    Mar 2006
    Posts
    6
    Member #
    12819
    Thank you for the help, I figured out how to make it happen! Now, another question, is there any way to make all the other layers shift relative to the headers position in the center? In other words, I have the other text and layers in a standard format, but want to make them shift as well relative to the header.

    Thanks

  6. #5
    Senior Member hyperair's Avatar
    Join Date
    May 2005
    Posts
    452
    Member #
    9892
    i'd suggest throwing the header and all content into a div.. so that its like this:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
    <html>
    <head>
    <title></title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8;" />
    <style type="text/css">
    body {
    text-align: center;
    }
    </style>
    </head>
    <body>
    <div>
    <!-- content here including header -->
    </div>
    </body>
    </html>
    Hyperair


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 06:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com