Aligning text boxes

Chaotic

Skype: Brenner.jones1
Apr 23, 2012
80
7
is there a way to make the boxes fill in left > right and not just straight down.

08a8ca94cc.png
 

Chaotic

Skype: Brenner.jones1
Apr 23, 2012
80
7
Code for this page please
Code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>{hotelName} - Trusted Dealers</title>
        <link rel="shortcut icon" href="{url}/favicon.ico?<?php echo time() ?>" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/style.css" />
                <link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/fonts.css" />
                <link rel="shortcut icon" href="/app/tpl/skins/{skin}/images/favicon.ico" type="image/x-icon">
               
        <script type="text/javascript">
            document.habboLoggedIn = true;
            var habboName = "{username}";
            var habboId = {userid};
            var habboReqPath = "";
            var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
            var habboImagerUrl = "http://www.habbo.com.tr/habbo-imaging/";
            var habboPartner = "";
            var habboDefaultClientPopupUrl = "{url}/client";
            window.name = "habboMain";
            if (typeof HabboClient != "undefined") {
                HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
                HabboClient.maximizeWindow = true;
            }
        </script>
       
        <!--[if IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie8.css" type="text/css">
        <![endif]-->
        <!--[if lt IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie.css" type="text/css" />
        <![endif]-->
        <!--[if lt IE 7]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie6.css" type="text/css" />
            <script type="text/javascript" src="{url}/app/tpl/skins/Habbo/js/pngfix.js"></script>
            <script type="text/javascript">
                try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
            </script>
            <style type="text/css">
                body { behavior: url({url}/app/tpl/skins/Habbo/js/csshover.htc); }
            </style>
        <![endif]-->
    </head>
   
    
        <!-- BODY -->
        <body>
            <header>
                <div class="container head">
                    <div class="online">
                        <span class="sprite online"></span>
                        <p>There are currently {online} user(s) online!</p>
                    </div>
                    <div class="stats">
                        <div class="coins-pix">
                            <p>{coins}</p>
                            <span class="sprite credits"></span>
                        </div>
                        <div class="coins-pix">
                            <p>{activitypoints}</p>
                            <span class="sprite pixels"></span>
                        </div>
                    </div>
                </div>
            </header>
            <div class="container body">
           
            <!-- Navigation -->
                <div class="nav-bar">
                    <nav>
                        <ul>
                            <li><a href="me">Home</a>
                                <ul>
                                    <li><a href="{url}/me">Home</a></li>
                                    <li><a href="{url}/account">Account Settings</a></li>
                                    <li><a href="{url}/uotw">User of The  Week</a></li>
                                   
                                </ul>
                            </li>
                            <li><a href="news">Community</a>
                                <ul>
                                    <li><a href="{url}/news">News</a></li>
                                    <li><a href="{url}/staff">Staff</a></li>
                                    <li><a href="{url}/topstats">Leader Board</a></li>
                                    <li><a href="{url}/rarevalues">Rare Values</a></li>
                                    <li><a href="{url}/trusteddealers">Trusted Dealers</a></li>
                              
                                </ul>
                            </li>
                            <li><a href="vip">Store</a>
                               
                            </li>
                          
                            </li>
                            <li><a href="http://www.google.com" target="_blank">Facebook</a></li>
                            <li class="right"><a href="{url}/client" onclick="return popitup('{url}/client')">Enter {hotelname} Hotel</a></li>
                            <?php if(mysql_result(mysql_query("SELECT rank FROM users WHERE id = '" . $_SESSION['user']['id'] . "'"), 0) >= 4) { ?>
                            <li class="right"><a href="ase/login">Housekeeping</a>
                                <ul>
                                    <li><a href="{url}/ase/login">House Keeping</a></li>
                                </ul>
                            </li>
                                <?php
                            } ?>               
                        </ul>
                    </nav>
                </div>
                <!-- End Nav -->
          
            <center><?php
            $q = mysql_query("SELECT * FROM users WHERE trusted = '1'");
                while ($m = mysql_fetch_array($q)) { ?>
                  <div class="content-box small">
                    <div class="content">
                        <div class="content-container">
                            <div class="content-header red"> <center><b><p><?php echo $m['username']; ?></p></b></center>
                            </div>
                                <div class="content-content">
                                <div style="padding:1px;height:120px;">
                                    <center><br>
                                    <img style = "margin-top:-15px;" src="https://www.habbo.com.tr/habbo-imaging/avatarimage?figure=<?php echo $m['look']; ?>&direction=3&head_direction=3&gesture=sml&size=m"/>
                                </center>
                            </div>
                        </div>
                    </div>
                </div></center>
            <?php } ?>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
            </div>
        </div>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
        <script type="text/javascript">
            HabboView.run();
        </script>

        <!--[if lt IE 7]>
            <script type="text/javascript">
                Pngfix.doPngImageFix();
            </script>
        <![endif]-->
       <footer>
            <br />
                <hr />
                    <?php include('footer.php'); ?>
                    <?php include('includes/checktheban.php'); ?>
            </footer>
    </body>
</html>
 

JayC

Always Learning
Aug 8, 2013
5,493
1,398
Try This
Code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>{hotelName} - Trusted Dealers</title>
        <link rel="shortcut icon" href="{url}/favicon.ico?<?php echo time() ?>" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/style.css" />
                <link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/fonts.css" />
                <link rel="shortcut icon" href="/app/tpl/skins/{skin}/images/favicon.ico" type="image/x-icon">
              
        <script type="text/javascript">
            document.habboLoggedIn = true;
            var habboName = "{username}";
            var habboId = {userid};
            var habboReqPath = "";
            var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
            var habboImagerUrl = "http://www.habbo.com.tr/habbo-imaging/";
            var habboPartner = "";
            var habboDefaultClientPopupUrl = "{url}/client";
            window.name = "habboMain";
            if (typeof HabboClient != "undefined") {
                HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
                HabboClient.maximizeWindow = true;
            }
        </script>
      
        <!--[if IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie8.css" type="text/css">
        <![endif]-->
        <!--[if lt IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie.css" type="text/css" />
        <![endif]-->
        <!--[if lt IE 7]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie6.css" type="text/css" />
            <script type="text/javascript" src="{url}/app/tpl/skins/Habbo/js/pngfix.js"></script>
            <script type="text/javascript">
                try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
            </script>
            <style type="text/css">
                body { behavior: url({url}/app/tpl/skins/Habbo/js/csshover.htc); }
            </style>
        <![endif]-->
    </head>
  
   
        <!-- BODY -->
        <body>
            <header>
                <div class="container head">
                    <div class="online">
                        <span class="sprite online"></span>
                        <p>There are currently {online} user(s) online!</p>
                    </div>
                    <div class="stats">
                        <div class="coins-pix">
                            <p>{coins}</p>
                            <span class="sprite credits"></span>
                        </div>
                        <div class="coins-pix">
                            <p>{activitypoints}</p>
                            <span class="sprite pixels"></span>
                        </div>
                    </div>
                </div>
            </header>
            <div class="container body">
          
            <!-- Navigation -->
                <div class="nav-bar">
                    <nav>
                        <ul>
                            <li><a href="me">Home</a>
                                <ul>
                                    <li><a href="{url}/me">Home</a></li>
                                    <li><a href="{url}/account">Account Settings</a></li>
                                    <li><a href="{url}/uotw">User of The  Week</a></li>
                                  
                                </ul>
                            </li>
                            <li><a href="news">Community</a>
                                <ul>
                                    <li><a href="{url}/news">News</a></li>
                                    <li><a href="{url}/staff">Staff</a></li>
                                    <li><a href="{url}/topstats">Leader Board</a></li>
                                    <li><a href="{url}/rarevalues">Rare Values</a></li>
                                    <li><a href="{url}/trusteddealers">Trusted Dealers</a></li>
                             
                                </ul>
                            </li>
                            <li><a href="vip">Store</a>
                              
                            </li>
                         
                            </li>
                            <li><a href="http://www.google.com" target="_blank">Facebook</a></li>
                            <li class="right"><a href="{url}/client" onclick="return popitup('{url}/client')">Enter {hotelname} Hotel</a></li>
                            <?php if(mysql_result(mysql_query("SELECT rank FROM users WHERE id = '" . $_SESSION['user']['id'] . "'"), 0) >= 4) { ?>
                            <li class="right"><a href="ase/login">Housekeeping</a>
                                <ul>
                                    <li><a href="{url}/ase/login">House Keeping</a></li>
                                </ul>
                            </li>
                                <?php
                            } ?>              
                        </ul>
                    </nav>
                </div>
                <!-- End Nav -->
         <?php
            $q = mysql_query("SELECT * FROM users WHERE trusted = '1'");
                while ($m = mysql_fetch_array($q)) { ?>
                  <div class="content-box small">
                    <div class="content">
                        <div class="content-container">
                            <div class="content-header red"> <center><b><p><?php echo $m['username']; ?></p></b></center>
                            </div>
                                <div class="content-content">
                                <div style="padding:1px;height:120px;">
                                    <center><br>
                                    <img style = "margin-top:-15px;" src="https://www.habbo.com.tr/habbo-imaging/avatarimage?figure=<?php echo $m['look']; ?>&direction=3&head_direction=3&gesture=sml&size=m"/></center>
                                
                            </div>
                        </div>
                    </div>
                </div></center>
            <?php } ?>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
            </div>
        </div>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
        <script type="text/javascript">
            HabboView.run();
        </script>

        <!--[if lt IE 7]>
            <script type="text/javascript">
                Pngfix.doPngImageFix();
            </script>
        <![endif]-->
       <footer>
            <br />
                <hr />
                    <?php include('footer.php'); ?>
                    <?php include('includes/checktheban.php'); ?>
            </footer>
    </body>
</html>
 

Chaotic

Skype: Brenner.jones1
Apr 23, 2012
80
7
Try This
Code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>{hotelName} - Trusted Dealers</title>
        <link rel="shortcut icon" href="{url}/favicon.ico?<?php echo time() ?>" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/style.css" />
                <link rel="stylesheet" type="text/css" href="app/tpl/skins/{skin}/css/fonts.css" />
                <link rel="shortcut icon" href="/app/tpl/skins/{skin}/images/favicon.ico" type="image/x-icon">
             
        <script type="text/javascript">
            document.habboLoggedIn = true;
            var habboName = "{username}";
            var habboId = {userid};
            var habboReqPath = "";
            var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
            var habboImagerUrl = "http://www.habbo.com.tr/habbo-imaging/";
            var habboPartner = "";
            var habboDefaultClientPopupUrl = "{url}/client";
            window.name = "habboMain";
            if (typeof HabboClient != "undefined") {
                HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
                HabboClient.maximizeWindow = true;
            }
        </script>
     
        <!--[if IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie8.css" type="text/css">
        <![endif]-->
        <!--[if lt IE 8]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie.css" type="text/css" />
        <![endif]-->
        <!--[if lt IE 7]>
            <link rel="stylesheet" href="{url}/app/tpl/skins/Habbo/styles/ie6.css" type="text/css" />
            <script type="text/javascript" src="{url}/app/tpl/skins/Habbo/js/pngfix.js"></script>
            <script type="text/javascript">
                try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
            </script>
            <style type="text/css">
                body { behavior: url({url}/app/tpl/skins/Habbo/js/csshover.htc); }
            </style>
        <![endif]-->
    </head>
 
  
        <!-- BODY -->
        <body>
            <header>
                <div class="container head">
                    <div class="online">
                        <span class="sprite online"></span>
                        <p>There are currently {online} user(s) online!</p>
                    </div>
                    <div class="stats">
                        <div class="coins-pix">
                            <p>{coins}</p>
                            <span class="sprite credits"></span>
                        </div>
                        <div class="coins-pix">
                            <p>{activitypoints}</p>
                            <span class="sprite pixels"></span>
                        </div>
                    </div>
                </div>
            </header>
            <div class="container body">
         
            <!-- Navigation -->
                <div class="nav-bar">
                    <nav>
                        <ul>
                            <li><a href="me">Home</a>
                                <ul>
                                    <li><a href="{url}/me">Home</a></li>
                                    <li><a href="{url}/account">Account Settings</a></li>
                                    <li><a href="{url}/uotw">User of The  Week</a></li>
                                 
                                </ul>
                            </li>
                            <li><a href="news">Community</a>
                                <ul>
                                    <li><a href="{url}/news">News</a></li>
                                    <li><a href="{url}/staff">Staff</a></li>
                                    <li><a href="{url}/topstats">Leader Board</a></li>
                                    <li><a href="{url}/rarevalues">Rare Values</a></li>
                                    <li><a href="{url}/trusteddealers">Trusted Dealers</a></li>
                            
                                </ul>
                            </li>
                            <li><a href="vip">Store</a>
                             
                            </li>
                        
                            </li>
                            <li><a href="http://www.google.com" target="_blank">Facebook</a></li>
                            <li class="right"><a href="{url}/client" onclick="return popitup('{url}/client')">Enter {hotelname} Hotel</a></li>
                            <?php if(mysql_result(mysql_query("SELECT rank FROM users WHERE id = '" . $_SESSION['user']['id'] . "'"), 0) >= 4) { ?>
                            <li class="right"><a href="ase/login">Housekeeping</a>
                                <ul>
                                    <li><a href="{url}/ase/login">House Keeping</a></li>
                                </ul>
                            </li>
                                <?php
                            } ?>             
                        </ul>
                    </nav>
                </div>
                <!-- End Nav -->
         <?php
            $q = mysql_query("SELECT * FROM users WHERE trusted = '1'");
                while ($m = mysql_fetch_array($q)) { ?>
                  <div class="content-box small">
                    <div class="content">
                        <div class="content-container">
                            <div class="content-header red"> <center><b><p><?php echo $m['username']; ?></p></b></center>
                            </div>
                                <div class="content-content">
                                <div style="padding:1px;height:120px;">
                                    <center><br>
                                    <img style = "margin-top:-15px;" src="https://www.habbo.com.tr/habbo-imaging/avatarimage?figure=<?php echo $m['look']; ?>&direction=3&head_direction=3&gesture=sml&size=m"/></center>
                               
                            </div>
                        </div>
                    </div>
                </div></center>
            <?php } ?>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
            </div>
        </div>
        <script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
        <script type="text/javascript">
            HabboView.run();
        </script>

        <!--[if lt IE 7]>
            <script type="text/javascript">
                Pngfix.doPngImageFix();
            </script>
        <![endif]-->
       <footer>
            <br />
                <hr />
                    <?php include('footer.php'); ?>
                    <?php include('includes/checktheban.php'); ?>
            </footer>
    </body>
</html>
Still goes straight down :(
 

Users who are viewing this thread

Top