Question: Need help! how would I edit the css stylesheet file to make the border not take up the whole page? login.html : Login Page KU
Need help! how would I edit the css stylesheet file to make the border not take up the whole page?
login.html :
KU Generic Groceries |
|---|
Login
***********************
login.php :
if(isset($_POST['btnLogin']))
{
//associative array
$login = array('email' => $_POST['emailAddress'],
'password'=> $_POST['password']);
//displaying array
foreach ($login as $key => $value) {
echo $key.":".$value."
";
}
}
?>
************************
create.html
KU Generic Groceries |
|---|
Create Account
**************************
create.php
if(isset($_POST['btnSubmit']))
{
//associative array
$login = array(
'firstName' => $_POST['firstName'],
'lastname' => $_POST['lastname'],
'streetAddress'=> $_POST['streetAddress'],
'streetAddress2'=> $_POST['streetAddress2'],
'city'=> $_POST['city'],
'state'=> $_POST['state'],
'ZipCode'=> $_POST['ZipCode'],
'emailAddress'=> $_POST['emailAddress'],
'password'=> $_POST['password'],
);
//displaying array
foreach ($login as $key => $value) {
echo $key.":".$value."
";
}
}
?>
***********************
store.css
/*external stylesheet file */
body{
background-color: silver;
}
/*style rule for table */
table{
width:100%;
height: 100%;
text-align: center;
border: 3px outset gray;
border-collapse: collapse;
}
/*style rule for tr,td,th */
tr,th,td{
border: 2px outset gray;
}
/*style rule for class link */
.links{
background-color: lightgreen;
}
/*style rule for equal width */
.links td{
width:25%;
}
/*style rule for class footer */
.footer{
background-color: mediumseagreen;
font-family: Arial, Helvetica, sans-serif;
}
/*style rule for class normal */
.normal{
text-align: left;
background-color: whitesmoke;
height: 350px;
}
/*style rule for paragraphs */
p{
padding-left: 25px;
padding-right: 20px;
}
/*style rule for h1 */
h1{
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
}
/*style rule for th in thead */
thead th{
background-color:mediumseagreen;
border: 3px outset gray;
}
/*style rule for hyperlink */
li{
list-style: none;
}
/*style rule for hyperlink hover */
a:hover{
font-size: 20px;
color: green;
}
/*style rule for div */
div{
border:2px solid gray;
padding-left: 10px;
padding-top: 10px;
margin: 20px;
padding-bottom: 10px;
}
/*style rule for class=redColor */
.redColor{
color: red;
}
/*style rule for textbox width */
.txtWidth{
width: 40px;
}
/*style rule for h2 */
h2{
padding-left: 20px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
