This is such a lame thing to post about, but its busting my balls - iv been on w3schools for ages, i can see kinda whats wrong, but when i fix it it does nothing!!!!
i cant get div tags to sit next to each other they just keep positioning themselves underneath each other
HTML:
PHP Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Trade Quote - Sign-in</title>
<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="container">
<div class="logo_container" >
<h1> Tradequote.com </h1>
</div>
<div class="blurb">
<p> Tradequote.com allows users to post details about their home design or repair work and have tradesman and Design or repair companys view quotes made to the client by other companys.</p>
<p>Need some repair work done around the house? or want to re-do your kitchen? Let us help you find someone to do the work at a reasonable price. - <a href="/signup.php" title="">Sign-up</a></p>
</div>
<div class="menu_container">
<a href="/index.php" title="Go to the font page">Home</a>
|
<a href="/about.php" title="">About</a>
|
<a href="/contact.php" title="">Contact</a>
|
<a href="/help.php" title="">Help</a>
|
<a href="/signup.php" title="">Sign-up</a>
</div>
<div class="client_signin">
<h2> Client Sign-in</h2>
<p>username:
<input name="username" type="text" size="30" />
</p>
<p>password:
<input name="password" type="password" size="30" />
</p>
<p>
<input name="Sign-in" type="button" value="Sign-in" />
<br />
Sign-in to view quotes and manage your jobs</p>
</div>
<div class="tradesman_blurb">
<h3> If you quoted a client on some work recently and they gave you our link or card, click to sign-in below by entereing your Mobile number or Company email</h3>
</div>
<div class="tradesman_signin">
<h1>Tradesman or Company Sign-in</h1>
<p>Mobile Number:
<br />
<input name="Mobile Number" type="text" size="30" />
</p>
<p>Company email:
<br />
<input name="Company Email" type="text" size="30" />
</p>
<h1> OR </h1>
<p>Mobile Number:
<br />
<input name="username" type="text" size="30" />
</p>
<p>Password:<br />
<input name="pssword" type="password" size="30" />
<br />
<input name="Sign-in" type="button" value="Sign-in" />
<br />
Sign-in to view and manage your quotes</p>
<table width="210" border="1">
<tr>
<td>Mobile number and company email are used to verfiy user only - <strong>we wont ever give it away</strong></td>
</tr>
</table><br />
</div>
<br />
<div class="footer">
<a href="/privacy.php" title="privacy">Privacy Policy</a> | <a href="/contact.php" title="Contact">Contact</a> | Copyright 2013 tradequote.com</div>
</div>
</body>
</html>
CSS:
PHP Code:
@charset "utf-8";
/* CSS Document */
.container {
width:900px;
}
.blurb {
width:300px;
float:left;
}
.logo_container {
Width: 225px;
}
.menu_container {
Width: 250px;
padding-left: 300px;
}
.client_signin {
Width: 200px;
}
.tradesman_blurb {
float:right;
Width: 350px;
}
.tradesman_signin {
float:right;
text-align:center;
width: 450px;
}
.footer {
width: 200px;
float:left;
}