Problem with stylesheet in page and images

Last post 07-10-2006, 9:31 AM by Karin. 3 replies.
Sort Posts: Previous Next
  •  07-06-2006, 4:27 AM 20782

    Problem with stylesheet in page and images

    Hi,
     
    I'm editing the whole page, from from <html> to </html> and because of this the stylesheet is also included and applied, without using EditorWysiwygModeCss. The problem then is that the images box doesn't work properly. I can place an image, but if I want to update it (double-click on it) it does nothing:
     
    If I delete the stylesheet it works fine...:
     
     
    So how do you work the stylesheets? I know about EditorWysiwygModeCss, but the stylesheet is already in the page and I want to keep it there.
     
    Thanks,
     
    Karin
  •  07-06-2006, 6:42 PM 20804 in reply to 20782

    Re: Problem with stylesheet in page and images

    Karin,
     
    Please post the style sheet which caused the problem?
     
    Have you applied this style sheet by using EditorWysiwygModeCss property?
     
     

    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

  •  07-07-2006, 5:30 AM 20814 in reply to 20804

    Re: Problem with stylesheet in page and images

    Hi, no I dont' use the EditorWysiwyModeCss property, the style is allready in my code, so it would be double.
     
    Here's my code:
     
    --------------------------
    <%'template_1-M1%>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Noa Nederland</title>
    <link href="/css/stijl.css" rel="stylesheet" type="text/css" />
    </head>
    <body topmargin="0" marginheight="0">
    <div id="center">
     <div id="all">
        <div id="top">
            <div id="logo"><a href="/default.asp"><img border="0" src="/images/algemeen/logo.gif" alt="NOA" /></a></div>
            <div id="menu"></div>
            <div id="locatie"></div>
            <div id="algemeen"></div>
        </div>
        <div id="content">
         <div id="tekst">
          <tekst>
           <h1>Links</h1>
           ... <img height=100 alt="" src="/images/uploads/robert_hoeve_en_team.jpg" width=100 border=0>
          </tekst>
         </div>
        </div>
     </div>
    </div>
    </body>
    </html>
    --------------------------
     
    and stylesheet:
    -------------------------
    body {
     font-family: arial, helvetica, trebuchet MS, verdana;
     font-size: 9pt;
     margin: 0px;
     padding: 0px;
     margin-top:0px;
     margin-right:0px;
     margin-bottom:0px;
     margin-left:0px;
     line-height: 17px;
     background-color: #F7F7E6;
     background-position: center top;
     background-image: url('/images/algemeen/bg.gif');
     background-repeat: no-repeat;
     z-index: 0; }
     
    P, TD, TH, DIV { 
     color: #0B2161; 
     font-family: arial, helvetica, trebuchet MS,
     verdana; font-size: 9pt; }
     
    A:link, A:active, A:visited { 
     text-decoration: none; color: #353F7D; }
    A:hover { 
     text-decoration: underline; color: #353F7D; }
     
    INPUT, TEXTAREA, SELECT { 
     font-family: arial, helvetica, trebuchet MS, verdana; 
     font-size: 9pt; 
     height: 20px; 
     color: #0B2161; }
     
    HR { 
     height: 1px; 
     color: #0B2161; }
     
    #center { 
     width: 100%; 
     height: 100%; 
     text-align: center; 
     z-index: 1; }
     
    #all { 
     width : 760px; 
     height: 100%; 
     margin-right: auto; 
     margin-left: auto; 
     margin-top: 0px; 
     margin-bottom: 0px;
     text-align : left; z-index: 0; }
     
    #top { 
     float: left; 
     display: block; 
     position: absolute; 
     width: 760px; 
     height: 120px; 
     color: #FFFFFF; 
     padding: 0px 0px 0px 0px; 
     margin: 0px 0px 0px 0px; 
     vertical-align: bottom; 
     z-index: 10; }

    #logo { 
     float: left; 
     display: table; 
     position: absolute; 
     margin: 10px 0 0 25px; }

    #menu { 
     width: 435px; 
     display: inline; 
     float: right; 
     margin: 0px 0px 0 0; 
     position: relative; }
        
    #locatie { width: 420px;
     display: inline;
     margin: 89px 0 0px 335;
     padding: 0px 0 0px 0;
     font-size: 8pt;
     color: #0B2161; 
     position: absolute; 
     z-index: -1; }
     
    #algemeen {
     display: inline;
     margin: 60px 0 0px 660;
     padding: 0px 0 0px 0;
     color: #FFFFFF;
     width: 100px;
     position: absolute; }
     
    #content {
     position: absolute; 
     display: inline;
     float: left;   
     margin: 109px 0px 0px -11px;
     text-align: left;
     color: #0B2161;
     background-color: #FFFFFF;
     z-index: 1; } 
     
    #tekst {
     position: absolute;
     display: inline;
     float: left;
     background: #FFFFFF;
     margin: 20px 0 0 65px;
     padding: 0px 20px 20px 20px;
     border-right: solid 3px #CCCC33;
     z-index: 10; 
     width: 658px;
     _width: 701px; }
     
    #tekst H1 {
     color: #CCCC33;
     font-size: 130%;
     font-family: trebuchet MS, arial, helvetica, verdana;
     margin: 0 0 18px 0; }
     
    #tekst H2 {
     color: #0B2161;
     font-size: 120%;
     font-family: trebuchet MS, arial, helvetica, verdana;
     margin: 0 0 0 0; }
     
    #tekst HR {
     margin: -11px 0 0 0px;
     top: 10px; }
     
    #tekst a {
     color: #CCCC33; }
     --------------------------
     
    If I remove all aligns, widths, margins and paddings it works...
  •  07-10-2006, 9:31 AM 20841 in reply to 20814

    Re: Problem with stylesheet in page and images

    Hi Adam,
     
    Do you think you can help me solve my problem? I really don't have clue... and have a deadline.
     
    Thanks.
     
    Karin
View as RSS news feed in XML