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 :

Login Page

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

Create Page

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!