Code: Select all
<div id="surroundingBox">
<form>
<input1>
<input2>
..etc...
</form>
</div>Moderator: General Moderators
Code: Select all
<div id="surroundingBox">
<form>
<input1>
<input2>
..etc...
</form>
</div>Yea... the form has a border of it's own, along with fieldset, but I just need this one div to wrap around the form. When I set the div to float: left... it works... but since I am trying to center this... float: left wont work (cause it won't center the div).feyd wrote:Tried giving the form the border?
Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
[syntax="css"]#carParts #wrapper {
width: 100%;
text-align: center;
}
#carParts #wrapper2 {
width: 500px;
margin: 0 auto;
text-align: left;
border: 1px solid #773300;
background-color: #FFFAF0;
}
#carParts h2 {
font-size: 14px;
line-height: 20px;
font-weight: bold;
padding: 2px 0px 2px 5px;
border-bottom: 1px solid #773300;
background-color: #FFD575;
}
#carParts label {
display: block;
margin: 8px 3px 1px 5px;
font-weight: bold;
}
#carParts input {
display: block;
margin: 2px 0px 2px 5px;
border: 1px solid #000;
width: 300px;
}Code: Select all
<div id="wrapper">
<div id="wrapper2">
<h2>Enter Car Parts</h2>
<form action="car-parts.php" method="post">
<label for="parts">Enter Car Parts:</label>
<input type="text" name="part1" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
<input type="text" name="part2" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
<input type="text" name="part3" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
</div>
</div>Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]Code: Select all
+-----------------------------+
| Header <h2> |
+-----------------------------+
Enter Parts:
Rest of form here...
etc etc.Code: Select all
+-----------------------------+
| Header <h2> |
+-----------------------------+
| Enter Parts: |
| Rest of form here... |
| etc etc. |
+------------------------------+Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#carParts #wrapper {
width: 100%;
text-align: center;
}
#carParts #wrapper2 {
width: 500px;
margin: 0 auto;
text-align: left;
border: 1px solid #773300;
background-color: #FFFAF0;
}
#carParts h2 {
font-size: 14px;
line-height: 20px;
font-weight: bold;
padding: 2px 0px 2px 5px;
border-bottom: 1px solid #773300;
background-color: #FFD575;
}
#carParts label {
display: block;
margin: 8px 3px 1px 5px;
font-weight: bold;
}
#carParts input {
display: block;
margin: 2px 0px 2px 5px;
border: 1px solid #000;
width: 300px;
}
-->
</style>
</head>
<body id="carParts">
<div id="wrapper">
<div id="wrapper2">
<h2>Enter Car Parts</h2>
<form action="car-parts.php" method="post">
<label for="parts">Enter Car Parts:</label>
<input type="text" name="part1" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
<input type="text" name="part2" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
<input type="text" name="part3" id="parts" maxlength="250" value="<?php
if (isset($row['parts'])) echo $row['parts']; ?>" />
</form>
</div>
</div>
</body>
</html>