Div placement

andy_b_1502 · April 23, 2012

Hi evryone,

Could anyone help with the way my divs are reacting? the <a box>'s are acting odd and i dont know why... the third set of boxes are not sitting in line and as a result, making the overall look messed up.

If any knows how to fix this, thanks in advance

<?PHP
session_start();
include ('php only scripts/db.php');
?>

<!DOCTYPE html>
  <head>
    <title>Removals | Removalspace.com</title>
<style type="text/css">
<!--
body {
background-image: url(styles/downloaded%20styles/todo/todo/images/bg.png);

}
-->
</style>
<link href="styles/downloaded styles/todo/todo/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="styles/downloaded styles/todo/todo/css/style9.css" />
    <link rel="stylesheet" type="text/css" href="styles/downloaded styles/todo/todo/css/demo.css" />    
        <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis' rel='stylesheet' type='text/css' />
        <style type="text/css">
<!--
.Stile1 {color: #333333}
.aa {
font-size: 13px;
}
-->
        </style>
</head>
  
<body>
<!--start container -->
<div id="container">
<header>
    <nav>   
      <div id="logo"><a href="index.php"><img src="images/header2.png" alt="Logo here" width="219" height="161" /></a>      </div>
      
      <div id="search-top"><img src="styles/downloaded styles/todo/todo/images/quote-right.png" alt="images" /><span class="cursive">Enter your postcode here</span><img src="styles/downloaded styles/todo/todo/images/quote-left.png" alt="images" />
        <form method="post" action="search-results.php">
          <input type="text" onFocus="if(this.value=='Search')this.value='';" onBlur="if(this.value=='')this.value='Search';" value="Search"  id="search-field"/>
  <input type="submit" value="" id="search-btn"/>
</form> 
      </div>  
      <div id="nav_social"><a href="http://www.facebook.com/pages/Removalspace/181434181939226"><img src="styles/downloaded styles/todo/todo/images/facebook_32.png" alt="Become a fan" width="32" height="32" /></a><a href="#"><img src="styles/downloaded styles/todo/todo/images/twitter_32.png" alt="Follows on Twitter" /></a><a href="#"><img src="styles/downloaded styles/todo/todo/images/linkedin_32.png" alt="Linked in" /></a><a href="contact.php"><img src="styles/downloaded styles/todo/todo/images/email_32.png" alt="Contact" width="32" height="32" /></a> </div>
  </nav>
  
  </header>
  
<p><a href="removals.php">Search Removals</a></p>
<p><a href="storage.php">Search Storage</a></p>
<p><a href="about.php">About</a></p>
<p><a href="contact.php">Contact</a></p>

<div class="content">
  <!--star main --> 
    
    <main>
    <?php
    $query = "SELECT * FROM companies ORDER BY approved DESC, company_name ASC";
$result = mysql_query($query);

while ( $row = mysql_fetch_array($result)) {
$approved = $row['approved'];
SWITCH ($approved) {

	case 0:
		break;
	case 1:
	?>
    
<div class="abox">
      <figure>
      <fcapion>
     <h1> </h1>
      </fcaption><a href="#"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a></figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
      <h1> </h1>
      </fcaption>
      <a href="#"><?PHP 
			echo $row['street1'] . 
			"<br>" . $row['street2'] . 
			"<br>" . $row['city'] . "," .  $row['postcode'] .  
			"<br>phone: " . $row['phone']  ?></a>      </figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
      <h1> </h1>
      </fcaption>
      <a href="view00.php"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a>      </figure>
</div>
    <?PHP
		break;
	case 2:
		?>
<div class="abox">
      <figure>
      <fcapion>
      <h1> </h1>
      </fcaption>
      <a href="#"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a>      </figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
      <h1> </h1>
      </fcaption>
      <a href="#"><?PHP 
			echo $row['street1'] . 
			"<br>" . $row['street2'] . 
			"<br>" . $row['city'] . "," .  $row['postcode'] .  
			"<br>phone: " . $row['phone']  ?></a>      </figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
     <h1> </h1>
      </fcaption><a href="#"></a><a href="#"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a></figure>
</div>
      
        <?PHP
		break;
	case 3:
		?>
<div class="abox">
      <figure>
      <fcapion>
     <h1> </h1>
      </fcaption><a href="#"></a><a href="#"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a></figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
      <h1> </h1>
      </fcaption>
      <a href="#"><?PHP echo $row['company_name']; ?></a>      </figure>
</div>
<div class="abox">
      <figure>
      <fcapion>
     <h1> </h1>
      </fcaption><a href="#"></a><a href="#"><img src="images/thumbs/<?PHP echo $row['upload']; ?>" alt="logo"/></a></figure>
</div>
    <?PHP
		break;
}
}

?>

    </main>
    <!--end main -->
    <!--start middle -->
    <middle>
      <div class="section_slogan"><img src="styles/downloaded styles/todo/todo/images/quote-right.png" alt="images" /><span class="cursive"> Nobody likes moving but finding the right people is easy with Removalspace.com</span><img src="styles/downloaded styles/todo/todo/images/quote-left.png" alt="images" /></div>
      <div class="middle_box"><h1><img src="styles/downloaded styles/todo/todo/images/fav.png" width="16" height="16" /> <a href="#">Resources</a></h1>
      <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Search thousands of removal companies
      </ol>
      <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Search for a storage facility near you
      </ol>
      <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Contact Us
      </ol>
     <ol> <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> About removalspace.
     </ol>
      </div>
      <div class="middle_box"><h1><img src="styles/downloaded styles/todo/todo/images/fav.png" width="16" height="16" /> <a href="#">Blogs</a></h1>
        <p><img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Recent Post</p>
        <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Post your comments
        </ol>
      <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Read Reviews
      </ol>
      <ol> <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Recent removalspace things.
      </ol>
      </div>
      <div class="middle_box">
        <h1><img src="styles/downloaded styles/todo/todo/images/fav.png" width="16" height="16" /> <a href="#">Other  </a></h1>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Advertisment Page
        <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Affiliate Links
        </ol>
      <ol>
        <img src="styles/downloaded styles/todo/todo/images/dialog-ok.png" width="16" height="16" /> Our Packages.
      </ol></div>
    </middle>
</div>
<!--end middle -->
<!--start footer -->
<footer>  
  <div id="footer">
  <div id="footerleft">
      <h2>removalspace</h2>
      <ul>
        <li><a href="http://www.imediacreatives.it">Contact</a></li>
        <li><a href="styles/downloaded styles/todo/todo/...">About Us</a></li>
        <li><a href="styles/downloaded styles/todo/todo/...">Other</a></li>
      </ul>
    </div>
    <div id="footermiddle">
      <h2>User Comments</h2>
      <ul>
        <li><a href="styles/downloaded styles/todo/todo/...">Read Reviews</a></li>
        <li><a href="http://www.imediacreatives.it">Leave A Comment</a></li>
        <li><a href="styles/downloaded styles/todo/todo/...">Read Blogs</a></li>
      </ul>
    </div>
    <div id="footerright">
      <h2>our mission</h2>
      <ul>
        <li><a href="http://www.imediacreatives.it">Who Are We?</a></li>
        <li><a href="http://www.imediacreatives.it">What We Do</a></li>
        <li><a href="http://www.imediacreatives.it">Our Mission</a></li>
      </ul>
    </div>
    <details>
<summary>
<p><a href="http://www.imediacreatives.it" target="_blank">Imediacreatives.it</a><a href="http://freehtml5templates.com">Designers</a>
  Copyright © removalspace.com -2012.</p></summary><p></p>
</details>
    </div>
</footer>
<!--end footer -->
</div>
<!--end container -->
<!-- Free template distributed by http://freehtml5templates.com -->
  </body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
</html>

leitning · May 1, 2012

Use some positioning.

Sign In

Div placement

Recommended Posts

andy_b_1502

Link to comment

Share on other sites

leitning

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information