Forum Moderators: not2easy
There's a way to control the alpha channels better I'm hoping. I set out the outer container div to transparency and everything else shows up that way. How can I prevent that?
Also, in the same example, I set the way out, surrounding, division to transparent (because i was trying to give a drop shadow effect). Unfortunately, I can't seem to make it so it aligns like a border around instead of not showing up at all on the right and lining up weird.
here's the css and html code too: .... Thank you sooo much to whoever helps!
<code>
@charset "UTF-8";
/* CSS Document */
html {
margin: 0;
padding: 0;
}
body {
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-size:12px;
color: #06185c;
background: #e6fad6 url(images/bgleaves.gif) no-repeat top center;
margin: 0;
padding: 0;
}
body a:link, a:active, a:visited{
text-decoration:none;
color:#720a0b;
}
body a:hover{
text-decoration:underline;
}
p{
margin: 10px;
padding: 0;
}
h3 {
display:none;
}
ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
li {
background: url(bullet.gif) left center no-repeat;
padding-left: 7px;
margin-bottom: 5px;
}
acronym {
border-bottom: none;
}
/* content div's */
#containerbg {
margin: auto;
width:910px;
padding:5px;
background-color: #66CC66;
opacity: .5;
filter: alpha(opacity=50);
}
#container {
margin: auto;
width:892px;
position:relative;
padding:10px;
}
#pageheader {
margin:auto;
width:890px;
height:120px;
overflow:hidden;
padding:10px;
background-color:#e6fad6;
opacity: .8;
filter: alpha(opacity=80);
}
#buttons {
margin:auto;
width:890px;
padding:10px;
background-color:#006600;
height:14px;
}
#blue {
margin:auto;
width:890px;
padding:10px;
background-color:#2E76BC;
height:250px;
}
#body {
margin:auto;
width:890px;
padding:10px;
background-color:white;
height:800px;
}
</code>
<code>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Ferhad Erdogan" />
<meta name="keywords" content="hidden, springs, healing, ashland, body, work, detox, detoxification, massage, chiropractic, coaching, yoga, self, love, oregon, southern oregon" />
<meta name="description" content="Hidden Springs is a center for wellness. You can find anything from massage to detoxification, from chiropractic to coaching." />
<meta name="robots" content="all" />
<title>Hidden Springs Wellness Center of Ashland, Oregon</title>
<link href="earti.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="containerbg">
<div id="container">
<div id="pageheader"><br />
<br />
</div>
<div id="buttons"></div>
<div id="blue">
</div>
<div id="body">
</div>
</div>
</div>
</body>
</html>
</code>
