Re: Just need a bit of feedback
Posted: Tue Mar 13, 2012 8:28 pm
A community of PHP developers offering assistance, advice, discussion, and friendship.
http://forums.devnetwork.net/
I just tried it on both axis.... works perfectly.Celauran wrote:I do.
Code: Select all
div.header
{
margin: 5px 0px 0px 0px;
height: 150px;
padding: 10px 0px 0px 0px;
background: url(/schedule/images/banner.jpg) center;
background-size:98% 125px;
background-repeat:no-repeat;
text-align: center;
color: #754f31;
}Code: Select all
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Contact Form</title>
<link rel="stylesheet" type="text/css" href="../schedule/formats/formats.css"/>
</head>
<body>
<div class="header"></div>
.....Code: Select all
<link rel="stylesheet" type="text/css" href="../schedule/formats/formats.css"/>Code: Select all
<style type="text/css">
* {margin: 0; padding: 0;}
#menu {width: 100%; height: 30px; border: 2px solid #754f31;}
#menu ul {visibility: hidden; position: absolute; top: 100%; left: 0;}
#menu li {list-style: none; z-index: 1;}
#menu li {float: left; padding-right: 3px; position: relative;}
#menu li li a {width: 110%;}
#menu li li {float: none; padding-top: 1px; width: 110%;}
#menu li:hover ul {visibility: visible; z-index: 1;}
#menu a, #menu li:hover li a, #menu li span {display: block; font: bold 12px/30px Arial, sans-serif; text-decoration: none; padding: 0 13px; color: #363426;}
#menu, #menu li li, #menu a, #menu li:hover li:hover a {background-color: #c2bdb0;}
#menu li span {cursor: default;}
#menu li a.first, #menu li a.first:hover, #menu li:hover li a, #menu li:hover a, #menu li:hover span {border-bottom: 2px solid #754f31; border-right: 2px solid #754f31; background-color: #f7f5e4;}
</style>
<ul id="menu">
<li><a class="first" href="http://#####/#####/register.php" title="home">Register Here</a></li>
<li><span>My Stuff</span>
<ul>
<li><a href="http://#####/#####/blocktime.php">Block Time</a></li>
<li><a href="http://#####/#####/requesttime.php">Request Time</a></li>
<li><a href="http://#####/#####/profile.php">Profile</a></li>
</ul>
</li>
<li><span>Time For Meeting</span>
<ul>
<li><a href="http://#####/#####/about.php">About</a></li>
<li><a href="http://#####/#####/help.php">Help</a></li>
</ul>
</li>
</ul>Code: Select all
<li><a class="first" href="http://#####/#####/register.php" title="home">Register Here</a></li>Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Contact Form</title>
<link rel="stylesheet" type="text/css" href="../schedule/include/formats.css"/>
</head>
<body>
<div class="shadow"><div class="header"></div></div>
<div class="shadow">
<?php
include '../schedule/include/menu.html';
?>
</div>
<h1>Register Here ....</h1>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<span><fieldset id="standardForm">
<div id="standFormLeft">
<label>First Name</label>
<input tabindex="1" type="text" name="fname" /><br />
<label>Last Name</label>
<input tabindex="2" type="text" name="lname" /><br />
<label>Email Address</label>
<input tabindex="3" type="email" name="email" />
</div>
<div id="standFormRight">
<label>Password</label>
<input tabindex="4" type="password" name="password" /><br />
<label>Verify Password</label>
<input tabindex="5" type="password" name="password2" /><br />
<input tabindex="6" type="submit" value="Submit" />
</div>
<?php if (!empty($errors)): ?>
<p class="error">The following errors were detected:</p>
<ul class="error">
<?php if (isset($errors['fname'])): ?>
<li><?php echo $errors['fname']; ?></li>
<?php endif; ?>
<?php if (isset($errors['password'])):
?>
<li><?php echo $errors['password']; ?></li>
<?php endif; ?>
<?php if (isset($errors['lname'])): ?>
<li><?php echo $errors['lname']; ?></li>
<?php endif; ?>
<?php if (isset($errors['password2'])): ?>
<li><?php echo $errors['password2']; ?></li>
<?php endif; ?>
<?php if (isset($errors['email'])): ?>
<li><?php echo $errors['email']; ?></li>
<?php endif; ?>
</ul>
<?php endif; ?>
</fieldset></span>
</form>
<?php if (isset($confirmation)): ?>
<p class="borderbx"><?php echo $confirmation; ?></p>
<?php endif; ?>
</body>
</html>Code: Select all
.error
{
color: #F00;
}
body
{
width:100%;
height:100%;
margin:0;
padding:0;
background-image: url(/schedule/images/background.jpg);
background-repeat:repeat;
}
div.shadow
{
margin: 12px;
-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
}
div.header
{
margin: 5px 0px 0px 0px;
height: 110px;
padding: 10px 0px 0px 0px;
background: url(/schedule/images/banner.jpg) center; /* This banner image is just a standard .jpg file. Dimensions are 1500px * 100px */
background-size:100% 100%;
background-repeat:no-repeat;
text-align: center;
color: #754f31;
}
.borderbx
{
margin: 0px 36px 8px 36px;
width: 75%;
border-radius: 15px;
box-shadow:
inset 0 0 12px #754f31, /* Inset shadow */
0 0 12px #f7f5e4, /* Outset shadow */
inset -999px 0 0 transparent; /* The background color */
}
p.borderbx
{
margin-top: 30px; /* Why not set the margin inline. Setting it here dictates a global 30px margin for p.borderbx, making it unusable on other pages where I may want a smaller margin (or larger margin). STILL NEED TO ASK THIS QUESTION */
padding: 10px 20px;
}
#standardForm,
table
{
border-radius: 15px;
border: 3px solid transparent;
border-color: #754f31;
color:black;
padding: 20px 20px;
box-shadow:
inset 0 0 12px #754f31, /* Inset shadow */
0 0 12px #f7f5e4, /* Outset shadow */
inset -999px 0 0 #fff; /* The background color */
}
input
{
background-color:white;
width: 170px;
}
h1
{
font-style: italic;
padding-left: 50px;
}
#standardForm
{
margin: 0 auto;
width: 750px;
}
#standFormLeft,
#standFormRight
{
width: 350px;
}
#standFormLeft
{
float: left;
}
#standFormRight
{
margin-left: 360px;
}
#standFormLeft label,
#standFormRight label
{
float: left;
padding-right: 10px;
text-align: right;
width: 150px;
}
input[type=submit]
{
font-weight: bold;
float: center;
}
ul.error
{
list-style: none;
}That's odd - I'm using Firefox 11.0Celauran wrote:I cannot duplicate. Tested in Firefox 11 and Chrome 17.
Code: Select all
input
{
background-color:white;
width: 170px;
float: right;
margin-left: 8px;
}Code: Select all
<style type="text/css">
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left;}
.ui-timepicker-div dl dt { height: 20px; margin-bottom: -25px;}
.ui-timepicker-div dl dd { margin: 10px 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label {background: none; border: solid; margin: 0 padding:0; }
</style>