[HTML / CSS] Needing help with a Container! [Basic]

Status
Not open for further replies.

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!
2lu2u8h.jpg


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.!
 

CH33S30

New Member
Aug 28, 2013
18
1
Yh I did actually do a previous thread about it, but in the end I gave up. I'll post an image of the container that I have done in a sec.
 
Status
Not open for further replies.

Users who are viewing this thread

Top