text format in opaque

[93036web]

hi -
please see my site: http://jrod.awardspace.com

my problem is on the text box. I want the content to have white text, so i specified the color to be white and make it bold but its not working. here's the code:

.contents
{
font:Arial, bold;
color:white;
background-color:transparent;
position:absolute;
left:50px;
top:200px;
height:250px;
width:450px;
z-index:2;
/* z-index: 101;*/
}

.background
{
background-color:#778899;
opacity: 0.5;
filter:alpha(opacity=50); /* IE's opacity*/
position: absolute;
left:50px;
top: 200px;
width:40%;
height:450px;
/* z-index:1;*/
/* z-index: 100;*/
}

[Spiritvn]

First, u named the class that "contents"

but you use:

<div class="content">

so it's wrong class name.

and you should use this code instead:

.contents
{
font-family: Arial;
font-weight: bold;
color: #FFFFFF;
background-color:transparent;
position:absolute;
left:50px;
top:200px;
height:250px;
width:450px;
z-index:2;
/* z-index: 101;*/
}

[Twey]

font-family: Arial;

Always specify a generic font family as a last resort:

font-family: Arial, sans-serif;