Text Gets Crumbled on Browser

Last post 12-11-2008, 6:31 PM by Adam. 3 replies.
Sort Posts: Previous Next
  •  12-10-2008, 7:37 PM 46794

    Text Gets Crumbled on Browser

    Hi,
     
    We've got a problem with text being crumbled(crashed together) when it's set to a very big font size on the browser side (both ie and firefox), have tried to parse this on front page and that looks fine on design and preview. Does anyone the the same issue?
    Thanks!
    Venus
    Filed under:
  •  12-11-2008, 1:13 PM 46828 in reply to 46794

    Re: Text Gets Crumbled on Browser

    Venus,
     
    Can you post the style sheets used by Cute Editor?

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

  •  12-11-2008, 5:21 PM 46839 in reply to 46794

    Re: Text Gets Crumbled on Browser

    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;
    }

     
  •  12-11-2008, 6:31 PM 46842 in reply to 46839

    Re: Text Gets Crumbled on Browser

    Please remove all LINE-HEIGHT from your css then try again.


    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx

View as RSS news feed in XML