Support forums - Link stylesheet changes background color

Link stylesheet changes background color

Last post 09-17-2004, 11:09 AM by Adam. 3 replies.


	Sort Posts: Previous Next

Reply Quote

Hi,

I set the stylesheet path to point to my stylesheet, and the CuteEditor changes the background color of the editing containter. Here is how I do it.

Editor1.StyleSheetPath = "/mypath/stylesheet.css";

If I comment out this code, the white backgroud of editing control returns to normal. Is this a bug?

Thank you for your help.

Vikbol

Reply Quote

Vikbol,

Please check your style sheet.

.container
{
padding: 2px; BACKGROUND-COLOR: #B0C4DE; TEXT-ALIGN: left
}

If you defined the container background color in your style sheet, the editor will show this color instead of white.

Reply Quote

Adam,

Thank you for your reply. I don't define the .container class in my stylesheet at all. Here is my stillsheet content:

.h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold}

.h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000066}

.h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000033}

.h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000033}

.h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000033}

.text_normal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000}

.text_large {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal}

.text_small {font-family: Arial, Helvetica, sans-serif; font-size: 9px}

Reply Quote

Editor1.StyleSheetPath = "/mypath/stylesheet.css";

Can you post the content of stylesheet.css?

Please note that your /mypath/stylesheet.css shoud cotains the following classes:

.button {}
.buttonover {}
.buttondown {}
.spacer {}
.container {}
.editBox {}
.selectColor {}
.dropdown {}