dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Issues with centering (overall responsiveness)

  1. #1
    Join Date
    Mar 2015
    Posts
    1

    Issues with centering (overall responsiveness)

    Hey guys,

    first post on these forums, planning on sticking around,

    I have a landing page for a game I am running and I am trying to center it all but have gotten stuck,

    I didn't take into consideration different resolutions so it came out different on different computers.

    I know some of the code was unneeded and I should've made things more efficient, I'm learning

    HTML Code:
    <!DOCTYPE html>
    <html>
    <head>
        <title>Rigory Landing Page</title>
    		<link rel="shortcut icon" href='http://rigory.com/forums/favicon.ico' />
        <link href="./landingpage/css/landingPage.css" rel="stylesheet">
        <meta content="Rigory" name="author">
        <meta content="Rigory - Preparation delivers satisfaction" name=
        "description">
        <meta content=
        "Rigory RSPS, , chaos-realm, Best, Top, Gaming, arena, pvp, war, fight, ggwp"
        name="keywords">
    
    </head>
    
    <body>
    <div id=mainContainer">
        <nav id="LoginBar">
            <div class="main">
                <a class="Login-Btn" href=
                "http://rigory.com/forums/index.php?app=core&module=global&section=login">
                Login</a> Or <a class="Register-Btn" href=
                "http://rigory.com/forums/index.php?app=core&module=global&section=register">
                Register</a> <a class="customersupport" href=
                "http://help.Rigory.com"><span class="tab">Customer
                Support</span></a>
            </div>
        </nav>
    
        <div id="playnow">
            <a href="http://rigory.com"></a>
        </div>
    
    
        <div class="navbarmenu">
        </div>
    
    
        <table border cellpadding="0" id="navbarbuttons" width="734">
            <tbody>
                <tr>
                    <td class="home1">
                        <a href="http://rigory.com/"></a>
                    </td>
    
                    <td class="forums1">
                        <a href="http://rigory.com/forums/"></a>
                    </td>
    
                    <td class="wiki1">
                        <a href="http://rigory.com/forums/"></a>
                    </td>
    
                    <td class="vote1">
                        <a href="http://rigory.com/forums/pages/vote/sites"></a>
                    </td>
    
                    <td class="shop1">
                        <a href="http://rigory.com/forums/pages/shop/"></a>
                    </td>
                </tr>
            </tbody>
        </table>
    
    
        <div id="bg"><img align="middle" alt="background" height="705" src="landingpage/bg.png"
        width="1280"></div>
    
    <div class="download">
            <a href="http://rigory.com"></a>
    </div>
    
        <div id="updatebar">
        </div>
    
    <div id="imgcontainerone" href="http://rigory.com/landingpage.html">
            <a href="../updates/clientsettings.gif" style=
            "background-image: url('landingpage/updates/clientsettings_thumb.gif')"></a>
        </div>
    
    
        <div id="imgcontainertwo" style="text-align: center" href="http://rigory.com/landingpage.html">
            <a href="../updates/clanchat.gif" style=
            "background-image: url('landingpage/updates/clanchat_thumb.gif')"></a>
        </div>
    
    
        <div id="imgcontainerthree" href="http://rigory.com/landingpage.html">
            <a href="./updates/agility.gif" style=
            "background-image: url('landingpage/updates/agility_thumb.gif')"></a>
        </div>
    
    
        <div class="footerbar"><img align="absmiddle" alt="footerbar" height="233"
        src="landingpage/footer/footerbar.png" width="1280">
        </div>
    
    
        <div class="centre" id="footer">
            <div class="main">
                <footer class="copyright">
                    Written by Simqly
                </footer>
    
    
                <ul class="child-list">
                    <li><b>General</b>
                    </li>
    
    
                    <li>
                        <a href="http://rigory.com/forums/forum/12-updates-and-development/">Updates</a>
                    </li>
                </ul>
    
    
                <ul class="child-list">
                    <li><b>Support</b>
                    </li>
    
    
                    <li>
                        <a href="#">Report a bug</a>
                    </li>
    
    
                    <li>
                        <a href="http://rigory.com/forums/forum/23-report-a-player/">Report a player</a>
                    </li>
    
    
                    <li>
                        <a href="http://rigory.com/forums/forum/16-help/">Need help?</a>
                    </li>
                </ul>
                
                <ul class="child-list">
                    <li><b>Social Networks</b>
                    </li>
    
    
                    <li>
                      <a href="https://www.facebook.com/RigoryPS">Facebook</a>
                    </li>
    
    
                    <li>
                      <a href="https://twitter.com/RigoryPs">Twitter</a>
                    </li>
    
    
                    <li>
                        <a href="#">YouTube</a>
                    </li>
                </ul>
    
              <ul class="child-list">
                    <li><b>Contact Us</b>
                    </li>
    
                <li>
                        <a href="mailto:simqly-webmaster@rigory.com">Email us</a>
                </li>
              </ul>
    
    
    
          </div>
        </div>
        
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Mar 2012
    Posts
    2,509
    Where is the CSS? Centring is a style issue, not HTML. Anyway I'll show you how to do it with inline style, though I strongly recommend learning how to do it properly (if you do not already know)...

    HTML Code:
    <body style="width:100%;">
    <div id=mainContainer style="width:1280px;margin:0 auto;">

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles