Re: [css-d] Div and Tables

Sat, 16 Feb 2008 18:51:47 -0800 

Christopher,

Check out www.pro-web-marketing.com. There are no tables on the site. 
Here is the code for the contact us form.

#contactForm {
    float: left;
    padding: 0 0 5px 20px;
}
div.row {
  clear: both;
  padding-top: 10px;
}
div.row span.label {
  float: left;
  width: 150px;
  text-align: left;
}
div.row span.formw {
  float: left;
  width: 250px;
  text-align: left;
}
div.row span.button {
  float: left;
  width: 400px;
  text-align: center;
}

<?php
session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd";>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Pro Web Marketing</title>
<link href="/css/proweb.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../scripts/validateForm.js"></script>
</head>

<body>
<div id="pageDef">
<?php include ("http://www.pro-web-marketing.com/include/header.php";); ?>
<?php include 
("http://www.pro-web-marketing.com/include/topmenu.php?page=contact";); ?>
<div id="content">
<?php include ("http://www.pro-web-marketing.com/include/rightmenu.php";); ?>
<div id="contentPad">
<div id="pageTitle">Contact Us</div>
<div id="contactForm">
<form action="contactus.php" method="post" id="contactForm" 
onsubmit="return validateForm();">
<?php
if ($ipaddr = getenv('HTTP_CLIENT_IP')) {}
elseif ($ipaddr = getenv('HTTP_X_FORWARDED_FOR')) {}
elseif ($ipaddr = getenv('HTTP_X_FORWARDED')) {}
elseif ($ipaddr = getenv('HTTP_FORWARDED_FOR')) {}
elseif ($ipaddr = getenv('HTTP_FORWARDED')) {}
else {
    $ipaddr = $_SERVER['REMOTE_ADDR'];
}
$httpref = getenv ("HTTP_REFERER");
$httpagent = getenv ("HTTP_USER_AGENT");
?>
<input type="hidden" name="ip" value="<?php echo $ipaddr ?>">
<input type="hidden" name="httpref" value="<?php echo $httpref ?>">
<input type="hidden" name="httpagent" value="<?php echo $httpagent 
?>">            
<div class="row">
    <span class="label"><?php if (isset($_SESSION['sent_message'])) {
echo $_SESSION['sent_message'];$_SESSION['sent_message'] = "";}; ?></span>
    <span class="label">&nbsp;</span>
</div>
<div class="row">
    <span class="label">First Name&nbsp;<span 
class="required">*</span></span>
    <span class="formw"><input name="firstname" type="text" 
id="firstname" tabindex="1"></span>
</div>
<div class="row">
    <span class="label">Last Name&nbsp;<span 
class="required">*</span></span>
    <span class="formw"><input name="lastname" type="text" id="lastname" 
tabindex="2"></span>
</div>
<div class="row">
    <span class="label">Email Address&nbsp;<span 
class="required">*</span></span>
    <span class="formw"><input name="emailaddress" type="text" 
id="emailaddress" tabindex="3" size="45"></span>
</div>
<div class="row">
    <span class="label">Phone</span>
    <span class="formw"><input name="phone" type="text" id="phone" 
tabindex="4"></span>
</div>
<div class="row">
    <span class="label">Website address (if any)</span>
    <span class="formw"><input name="url" type="text" id="url" 
tabindex="5" size="45"></span>
</div>
<div class="row">
    <span class="label">Company name</span>
    <span class="formw"><input name="company" type="text" id="company" 
tabindex="6"></span>
</div>
<div class="row">
    <span class="label">Address</span>
    <span class="formw"><input name="address" type="text" id="address" 
tabindex="7"></span>
</div>
<div class="row">
    <span class="label">City</span>
    <span class="formw"><input name="city" type="text" id="city" 
tabindex="8"></span>
</div>
<div class="row">
    <span class="label">State</span>
    <span class="formw"><select name="state" id="state" tabindex="9">
    <?php include 
("http://www.pro-web-marketing.com/include/states.php";); ?>
    </select>
    </span>
</div>
<div class="row">
    <span class="label">Zip code</span>
    <span class="formw"><input name="zipcode" type="text" id="zipcode" 
tabindex="10"></span>
</div>
<div class="row">
    <span class="label">Reason for contacting us</span>
    <span class="formw"><textarea name="reason" id="reason" cols="40" 
rows="3" tabindex="11"></textarea>
    </span>
</div>
<div class="row">
    <span class="label">&nbsp;</span>
     <span class="formw"><input type="image" name="contactButton" 
id="contactButton" src="/images/contact-us.gif">
    </span>
</div>
<div class="spacer">
    &nbsp;
</div>
</form>
</div><!-- end contactForm -->
</div>
<!-- end contentPad -->
</div>
<!-- end content -->
<?php include ("http://www.pro-web-marketing.com/include/footer.php";); ?>
</div>
<!-- end pageDef -->
</body>
</html>


Christopher wrote:
> Has anyone here created a site using just div ? I've gotten some help on 
> this subject matter but it's still proving a bit
> frustrating for me and I'm considering just designing using tables.  If 
> you have a site you created using div I wouldn't mind
> seeing it I have to get this site designed in 2-3 days tops.
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to