I am trying to make a login box similar to the one at <!-- w --><a class="postlink" href="http://www.utteraccess.com">www.utteraccess.com</a><!-- w --> (<!-- m --><a class="postlink" href="http://www.utteraccess.com/">http://www.utteraccess.com/</a><!-- m -->).
I want to have a title bar like "Access UtterAccess!" with the blue background. I have assumed that there is a div acting as a container for the login content and that the titlebar is a div inside this container.
I created a div with a background color and then put a div inside that with a different background color but the inside div's color does not show through.
<style type="text/css">
#divbox {
width: 100%;
height: 200px;
border: solid 1px black;
padding: 0px;
text-align: left;
background: #003366;
}
#titlebar {
height:20px;
width:100%;
backround: #CCCCCC;
border: solid 1px black;
}
h1.titlebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<div id="divbox">
<div id="titlebar">
<h1 class="Titlebar">Client Login</h1>
</div>
</div>
</body>
Does anyone know what I am doing wrong? Is my idea sound?try background-color:Thanks.
For some reason it worked after I changed one of the colors...maybe IE6 was just playing with me.Originally posted by bradles
#titlebar {
height:20px;
width:100%;
background: #CCCCCC;
border: solid 1px black;
}*laughing*
thanks paul. Anyone know where I can get a brain alignment real cheap?
Brad
I want to have a title bar like "Access UtterAccess!" with the blue background. I have assumed that there is a div acting as a container for the login content and that the titlebar is a div inside this container.
I created a div with a background color and then put a div inside that with a different background color but the inside div's color does not show through.
<style type="text/css">
#divbox {
width: 100%;
height: 200px;
border: solid 1px black;
padding: 0px;
text-align: left;
background: #003366;
}
#titlebar {
height:20px;
width:100%;
backround: #CCCCCC;
border: solid 1px black;
}
h1.titlebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<div id="divbox">
<div id="titlebar">
<h1 class="Titlebar">Client Login</h1>
</div>
</div>
</body>
Does anyone know what I am doing wrong? Is my idea sound?try background-color:Thanks.
For some reason it worked after I changed one of the colors...maybe IE6 was just playing with me.Originally posted by bradles
#titlebar {
height:20px;
width:100%;
background: #CCCCCC;
border: solid 1px black;
}*laughing*
thanks paul. Anyone know where I can get a brain alignment real cheap?
Brad