Support forums - Re: Text Gets Crumbled on Browser

Support forums » Products » Cute Editor for .NET » Re: Text Gets Crumbled on Browser

Re: Text Gets Crumbled on Browser

12-11-2008, 5:21 PM

venus20
Joined on 12-11-2008
Posts 2

Re: Text Gets Crumbled on Browser

Reply Quote

We initially use this one which has not special setting for cutesoft, not sure if it needs something special, tried to remove the css but text is still coming out wrong

BODY
{
    FONT-WEIGHT: normal;
    FLOAT: left;
    MARGIN: 0px 0px 0px 0px;
    COLOR: black;
    LINE-HEIGHT: 150%;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc;
    POSITION: relative;
    TEXT-ALIGN: left
}
BUTTON
{
    MARGIN: 5px 0px 5px 15px;
    LINE-HEIGHT: 100%;
    FONT-FAMILY: Verdana;
    POSITION: relative;
    TEXT-ALIGN: left
}
H1
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    PADDING-BOTTOM: 3px;
    color: #993333;
    LINE-HEIGHT: 100%;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc;
    TEXT-ALIGN: left
}
H2
{
    font-weight: bold;
    font-size: 1.0em;
    margin: 2px 0px 2px 5px;
    color: #993333;
    font-family: Verdana;
    list-style-type: disc;
    position: relative;
    text-align: left;
}
H3
{
    font-weight: bold;
    font-size: 1.0em;
    margin: 2px 0px 2px 5px;
    color: #cc6600;
    font-family: Verdana;
    list-style-type: disc;
    position: relative;
    text-align: left;
}
H4
{
    font-weight: bold;
    font-size: 1.0em;
    margin: 2px 0px 2px 5px;
    color: #003366;
    font-family: Verdana;
    list-style-type: disc;
    position: relative;
    text-align: left;
}
H5
{
    font-size: 0.8em;
    font-family: Verdana;
    text-align: left;
    color: gray;
    font-weight: normal;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
H6
{
    font-size: 0.8em;
    font-family: Verdana;
    text-align: left;
    font-weight: normal;
    color: darkblue;
}
HR
{
    PADDING-RIGHT: 3px;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 3px;
    FONT-SIZE: xx-small;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 3px;
    LINE-HEIGHT: 150%;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana;
    POSITION: relative;
    TEXT-ALIGN: left
}
LI
{
    padding-right: 3px;
    margin-top: 2px;
    padding-left: 5px;
    font-size: 1.2em;
    margin-bottom: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
    padding-top: 2px;
    font-family: Verdana;
    position: static;
    list-style-position: outside;
    list-style-type: disc;
}
OL
{
    MARGIN-TOP: 5px;
    FONT-SIZE: xx-small;
    MARGIN-BOTTOM: 5px;
    MARGIN-LEFT: 15px;
    LINE-HEIGHT: 100%;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc;
    POSITION: relative;
    TEXT-ALIGN: left
}
P
{
    padding-right: 3px;
    margin-top: 3px;
    padding-left: 3px;
    font-size: 0.8em;
    margin-bottom: 3px;
    padding-bottom: 3px;
    margin-left: 10px;
    line-height: 125%;
    padding-top: 3px;
    font-family: Verdana;
    list-style-type: disc;
    text-align: left;
}
TABLE
{
    font-size: 0.8em;
    line-height: 100%;
    font-family: Verdana;
    list-style-type: disc;
    text-align: left;
}
TD
{
    FONT-SIZE: small;
    LINE-HEIGHT: 100%;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc
}
TR
{
    MARGIN-TOP: 3px;
    FONT-SIZE: xx-small;
    LINE-HEIGHT: 100%;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc;
    POSITION: relative;
    TEXT-ALIGN: left
}
UL
{
    PADDING-RIGHT: 3px;
    MARGIN-TOP: 5px;
    PADDING-LEFT: 3px;
    FONT-SIZE: xx-small;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 3px;
    MARGIN-LEFT: 15px;
    LINE-HEIGHT: 150%;
    PADDING-TOP: 3px;
    FONT-FAMILY: Verdana;
    LIST-STYLE-TYPE: disc;
    POSITION: relative;
    TEXT-ALIGN: left
}

/*ThankQ Specific*/
.Home-H1
{
    color: mediumblue;
    font-family: verdana;
    font-size: 1.6em;
}

.Home-H2
{
    font-weight: bold;
    font-size: 1.0em;
    margin: 2px 0px 2px 5px;
    color: #CC0000;
    font-family: Verdana;
    list-style-type: disc;
    position: relative;
    text-align: left;
}

.Home-H3
{
    font-size: 1.0em;
    font-family: Verdana;
    list-style-type: disc;
    text-align: left;
    list-style-position: outside;
    position: static;
    font-weight: bold;
    color: #003366;
}

.Home-H4
{
    font-size: 0.9em;
    font-family: Verdana;
    list-style-type: disc;
    text-align: left;
    list-style-position: outside;
    position: static;
    font-weight: bold;
    color: #993300;
}

.Heading
{
    padding-right: 2px;
    padding-left: 2px;
    font-size: 1.4em;
    padding-bottom: 2px;
    color: #993333;
    padding-top: 2px;
    font-family: Verdana;
}

.FormHeader
{
    background: #CC0000;
    background-color: #CC0000;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
    font-family: Verdana;
}

.FormRow
{
    background-color: #FFFBD6;
    font-size: 1.1em;
}
.FormFooter
{
    background: #CC0000;
    background-color: #CC0000;
    font-weight: bold;
    font-size: 1em;
    color: white;
    font-family: Verdana;
}
.FormLabel
{
    font-family: Verdana;
    font-size: 1em;
    color: Gray;
}

.InputLabel
{
    font-family: Verdana;
    font-size: 1em;
    color: Gray;
}

/* Use this instead of Skin for Multiline Field */
.FormField
{
    border-color: Silver;
    border-style: solid;
    border-width: 1px;
    font-family: verdana;
    font-size: 1em;
}
.MultilineInfo
{
    font-family: verdana;
    font-size: 0.8em;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    border-width: 0px;
    color: black;
}

/* Stuff for the MasterPage */

.PageMargin
{
    background-color: white;
    background-image: url(../../Images/PMMGradient.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.PageMargin2
{
    background-color: white;
    background-image: url(../../Images/PMHGradient.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.PageMargin3
{
    background-image: url(../../Images/PSPGradient.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.PageMargin4
{
    background-image: url(../../Images/PMGradient.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
.PageContent
{
    background-color:White;
}
.PageFooter
{
    background-color: White;
    font-size: 0.6em;
    vertical-align: top;
    text-align: left;
    color: gray;
    font-family: verdana;
}
.MainMenuURL
{
    background-color: White;
    border-color: White;
    border-style: none;
    font-family: verdana;
    font-size: 0.8em;
    color: black;
}
.FooterURL
{
    background-color: White;
    border-color: White;
    border-style: none;
    font-family: verdana;
    font-size: 0.8em;
    color: gray;
}
Highlight
{
    background-color: White;
    border-color: White;
    border-style: none;
    font-family: verdana;
    font-size: 0.8em;
    color: blue;
}

.TBLRShadow
{
    background-position: top;
    background-image: url(../../Images/TBLRShadow.jpg);
    background-repeat: repeat-x;
    height: 8px
}
.TBCShadow
{
    background-position: top;
    background-image: url(../../Images/TBCShadow.jpg);
    background-repeat: repeat-x;
    height: 8px;
}
.TBLRShadow
{
    background-position: top;
    background-image: url(../../Images/TBLRShadow.jpg);
    background-repeat: repeat-x;
    height: 8px;
}
.PLMShadow
{
    background-position: right;
    background-image: url(../../Images/PLMShadow.jpg);
    background-repeat: repeat-y;
    width: 8px;
}
.PRMShadow
{
    background-position: left;
    background-image: url(../../Images/PRMShadow.jpg);
    background-repeat: repeat-y;
    width: 5px;
}

.List
{
    padding-right: 3px;
    margin-top: 2px;
    padding-left: 5px;
    font-size: 1.3em;
    margin-bottom: 2px;
    padding-bottom: 2px;
    margin-left: 10px;
    padding-top: 2px;
    font-family: Verdana;
    position: static;
    list-style-position: outside;
    list-style-type: disc;
}

.UL_Calendar
{
    border-bottom: silver 1px dotted;
    font-family: verdana;
}

.MonthDesignation
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.CalendarPanel
{
    background-color: gainsboro;
}

.EventHeader
{
    background-color: gainsboro;
}

.WizardTable
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
}

.WizardSideBar
{
    vertical-align: top;
    background-color: gainsboro;
    text-align: left;
    font-size: 0.8em;
    color: gray;
    font-family: Verdana;
    text-decoration: none;
}

.WizardSideBarHeading
{
    vertical-align: top;
    background-color: gainsboro;
    text-align: left;
    font-size: 0.8em;
    color: #3366cc;
    font-family: Verdana;
    text-decoration: none;
}

View Complete Thread