Professional Web Applications Themes

Better CSS rendering in Contribute 4 please - Macromedia Contribute General Discussion

I have som difficulties in giving users the power they need for inserting images with text in a simple way. I have this CSS class: ..imageleft { float: left; margin-right: 10px; clear: both; margin-bottom: 5px; } So the easy way would be to just select the image and then apply this style to it. Then add more images and text in the same manner. However, Contribute renders this as a total mess with the images on top of each other, almost impossible to edit. In the published/browser state it renders fine though. This imperfection in the Contribute rendering engine makes ...

  1. #1

    Default Better CSS rendering in Contribute 4 please

    I have som difficulties in giving users the power they need for inserting
    images with text in a simple way. I have this CSS class:

    ..imageleft {
    float: left;
    margin-right: 10px;
    clear: both;
    margin-bottom: 5px;
    }
    So the easy way would be to just select the image and then apply this style
    to it. Then add more images and text in the same manner. However, Contribute
    renders this as a total mess with the images on top of each other, almost
    impossible to edit. In the published/browser state it renders fine though.

    This imperfection in the Contribute rendering engine makes it necessary to
    introduce another class:
    ..distance {
    clear: both;
    padding-top: 10px;
    }

    This class has to be applied to the paragraph where the image is located to
    make the page legible in the edit state, but it's in reality unnecessary.
    I hope for better rendering in Contribute, or in an update.
    Regards,
    --
    Lars Forslin

    "Doing time on earth"

    **************************


    Lars Forslin Guest

  2. #2

    Default Re: Better CSS rendering in Contribute 4 please

    Well its pretty obvious to me why Contribute would render this bit of code
    y.

    .imageleft {
    float: left;
    margin-right: 10px;
    clear: both;
    margin-bottom: 5px;
    }

    How can you have one element both 'clear' and 'float'ing at the same time?
    Syntax-wise the validator throws no error on this, but the W3C states "The
    'clear' property does not consider floats inside the element itself or in other
    block formatting contexts." To me, that is saying that an element can be one or
    the other, but not both.

    mzanime.com Guest

  3. #3

    Default Re: Better CSS rendering in Contribute 4 please

    Maybe it's not a good idea, but I got the idea that it would be good for the
    contributers if they could use only one class to get the images float to the
    left of the text *and* clear the above stuff at the same time. IE rendered
    it as I intended but not FX really. I guess we have to stick with one class
    for floating the image and one for the clearing.
    Regarding the text of W3C, I really can't comment on it since it is too
    abstract for me to grasp. English is only my second language.
    Thanks for the input.
    /Lars

    "mzanime.com" <webforumsusermacromedia.com> skrev i meddelandet
    news:di3qkd$ie5$1forums.macromedia.com...
    > Well its pretty obvious to me why Contribute would render this bit of code
    > y.
    >
    > .imageleft {
    > float: left;
    > margin-right: 10px;
    > clear: both;
    > margin-bottom: 5px;
    > }
    >
    > How can you have one element both 'clear' and 'float'ing at the same time?
    > Syntax-wise the validator throws no error on this, but the W3C states "The
    > 'clear' property does not consider floats inside the element itself or in
    > other
    > block formatting contexts." To me, that is saying that an element can be
    > one or
    > the other, but not both.
    >

    Lars Forslin Guest

  4. #4

    Default Re: Better CSS rendering in Contribute 4 please

    One solution to this might be multiple classes, (which IE and FIirefox support)
    however Contribute won't allow you to do this, which is a shame.

    .cr { clear:both; }

    .ft { float:left; }

    <img src="pic.gif" class="ft cr">

    mzanime.com Guest

Similar Threads

  1. Contribute 2 CSS Styles Not Rendering In Edit
    By ShiverSol in forum Macromedia Contribute General Discussion
    Replies: 0
    Last Post: May 24th, 09:36 AM
  2. rendering <div Oops! rendering div style:display=none
    By Mark Richards in forum HTML & CSS
    Replies: 3
    Last Post: January 27th, 10:36 PM
  3. Two sided rendering
    By n11ck in forum Macromedia Director 3D
    Replies: 8
    Last Post: January 19th, 01:34 PM
  4. RENDERING SILHOUETTE
    By chicoboy in forum Macromedia Director 3D
    Replies: 0
    Last Post: May 4th, 03:44 PM
  5. rendering problem
    By David Downie in forum Macromedia Director Basics
    Replies: 7
    Last Post: February 13th, 04:35 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139