Problem with stylesheet in page and images

Last post 06-27-2006, 5:15 AM by Karin. 3 replies.
Sort Posts: Previous Next
  •  06-22-2006, 8:39 AM 20395

    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
     
  •  06-25-2006, 11:08 AM 20451 in reply to 20395

    Re: Problem with stylesheet in page and images

    Karin,
     
    Please post your aspx page and the style sheet it uses.
     
     

    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

  •  06-26-2006, 4:24 AM 20466 in reply to 20451

    Re: Problem with stylesheet in page and images

    Hi, here's my code (normal asp btw, is that a problem?):
     
    --------------------------
    <%'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...
  •  06-27-2006, 5:15 AM 20504 in reply to 20395

    Re: Problem with stylesheet in page and images

    Sorry sorry sorry! Wrong product forum... I'm working with both versions on different projects, for ASP and for .NET

    This problem is with the one for ASP...

View as RSS news feed in XML