css white background turns black in WYSIWYG

kralspace · 02-02-2006, 04:27 PM

Hi all,

I have a file that uses CSS and 4 gifs to created rounded corners on a white box, and viewing with a browser it works fine, but in Dreamweaver workview, the box area shows up black. I like to work in code, but the other people who will be editing it need to be able to see the text. Can you suggest any changes to make it show white? thanks in advance......Kathy

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>

.bl {background: url(images/bl.gif) 0 100% no-repeat #ffffff; width: 525px}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

body { background-color: #FFE4B1; }

</style>
</head>
<body>
<div class="bl"><div class="br"><div class="tl"><div class="tr">
<p>Trying Out a Headng
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
</div></div></div></div>
<div class="clear"> *-</div>

</body>
</html>

***bpat1434*** · 02-02-2006, 05:04 PM

umm... I'd say that it's just a dreamweaver thing....

I used to work with dreamweaver, then dropped it as I noticed it really wasn't helping me to do anything I didn't already know how to do...

My honest suggestion is to just tell them not to worry about it. Or, do all the updating yourself....

THe problem is with the program, not the code (from what I can tell)

kralspace · 02-02-2006, 05:07 PM

Thanks Brett,

I appreciate your insight, sometimes it is hard to know if its my code or the program so I usually assume it's me!

Kathy

kralspace · 02-02-2006, 05:38 PM

this code gives me a box with rounded corners in IE, but not Firefox or Netscape, is there a different way I should write the style?

dl {
width: 590px;
margin: 0px 0px 20px 20px;
background: #fff url(images/bottom.gif) no-repeat bottom left;
}

dt {
margin: 0px;
padding: 5px;
background: #fff url(images/top.gif) no-repeat top left;
}

dd {
margin: 0px;
padding: 5px;
}

thanks, Kathy

***bpat1434*** · 02-02-2006, 11:58 PM

Actually, you can specify with the moz-radius or something operater to round the corners.... so you can use that as an IE only CSS style, and then use the moz-round or something to do that in Mozilla.

Use the following to hide from IE:

Code:

/* Hide Following Code From IE/Mac \*/
/* */

To hide from IE/Win you have to use the selector class (* or >) so you have to specify the parent element...

kralspace · 02-15-2006, 07:08 PM

Thanks again!!!!