CH33S30
New Member
- Aug 28, 2013
- 18
- 1
Hello Devbest, I'm just starting to learn to code CSS but I'm having some trouble adding a header inside the container. I will post a image below to show you what Container I'm trying to do as it's very basic and simple but I just keep messing up, also I will post my actual HTML + CSS code of the container that I have done.
Image of the container that I'm trying to do!
This is the code for my Container that I have done myself.
Index.html
Stylesheet.css
If the images are not loading or you need more information or even if this doesn't make sense, then please tell me.!
Image of the container that I'm trying to do!
This is the code for my Container that I have done myself.
Index.html
HTML:
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="container">
<div id="footer">
<p>test</p>
</div>
</body>
</html>
Stylesheet.css
Code:
div {
border-radius: 5px;
}
#container {
width: 700px;
height:120px;
padding:10px;
border:2px solid grey;
box-shadow: 0px 5px 10px #888888;
margin:0px;
}
#footer {
position: relative;
height: 20px;
background-color: #668284;
clear: both;
padding: 10px ;
}
If the images are not loading or you need more information or even if this doesn't make sense, then please tell me.!