On my website so far, i havnt finished the contact me page yet but what do you think of the layout?
Im not sure what color to have in the body div background? or shall i leave it white?
CSS
Im not sure what color to have in the body div background? or shall i leave it white?
CSS
Code:
/* CSS Document */
/*Layout Objects*/
* {
margin: 0;
padding: 0;
}
body {
margin: 3% auto;
padding: 0;
text-align: center;
background-color: #CCCCCC;
}
#container {
margin:0 auto;
width: 70%;
min-height: 600px;
min-width: 850px;
height: 600px;
background-color: #FFFFFF;
border:1px solid #000;
}
#banner {
margin: 2px;
height: 15%;
border:1px solid #000;
background:#000 url(images/Untitled-1.jpg) no-repeat right top;
}
#menu {
margin: 2px;
height:4%;
background-color:#666666;
border:1px solid #000;
}
#body {
margin: 2px;
height: 75%;
background-color: #FFFFFF;
border:1px solid #000;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#footer {
margin: 2px;
height:3%;
background-color:#666666;
border:1px solid #000;
clear:left;
text-align: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#cccccc;
}
#phpcontainer {
padding-top:3%;
padding-bottom: 3%;
margin:0 auto;
margin-top: 5%;
width: 50%;
height:60%;
background-color: #FFFFFF;
}
/*End of Layout Objects*/
/*Start Of Navigation*/
#nav ul{
padding : 1px 0;
margin : 0;
text-align: center;
width: 100%;
}
#nav li{
display : inline;
list-style-type: none;
}
#nav ul li a{
background-color: #666666;
color: #cccccc;
font-weight : bold;
text-decoration : none;
padding-left : 5%;
padding-right : 5%;
border:1px solid #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#nav ul li a:hover{
background-color:#333333;
color:#ffffff;
}
/*End Of Navigation*/
/*Start of Text Styles*/
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px ;
font-weight: bold ;
margin: 5px auto ;
text-align: center;
}
p {
padding-left: 10%;
padding-right: 10%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px ;
float: left;
}
Last edited: