picture oversized outside blocks

Permalink
HI

I have a lot of problems while inserting images into blocks:

1. not all jpegs are visible after inserting (add image) an image into the block editor
2. If resizing in properties and keeping active the "constraint proportion" it shows no resizing values ( I can enter any values for x and y)
3. The jpegs are getting outside the block border ( seeehttp://www.filkon.ro first page)
4. the image whne getting outside block border can extend its image under the other block text.

A lot of frustating errors.
IS there anybody to help me understand why it is happening all this?

Thanks in advance

 
phil7 replied on at Permalink Reply
Another 2 problems/bugs:

1. some pictures are never displayed ( there is noly the file name displayed in the block)
2. While in the File Manager for pictures while clicking Edit there is only a big white empty window. SO there is no Edit possible.
JohntheFish replied on at Permalink Reply
JohntheFish
In the html there are some image tags without any src attributes, just alt attributes.

Are you inserting the images using image blocks, or are they inline within content blocks?

Could you post a screengrab of the edit dialogue for the blocks you are having problems with.
phil7 replied on at Permalink Reply
HI John

and thanks for the help!!!!

YEs I use the blocks to insert an image.
SO what I do is the following: I edit a block, the text editor window opens, I enter the text and above the text I insert ( with add image button link) an jpeg. After i click add image there is the content window opening showing me all the pictures I have uploaded on the server. I click choose on that picture. The content window closes and in the text editor window I sometimes see the image and sometimes I have only a resizable box that is something like 0,5 cm wide ( on my screen) with no picture represented in side.
I click on it and try to resize it.
Here comes the second strange behviour: the constraint proportion option is atgged but I cna freely cnage each of the two dimensions without any proportion recalculation.
When I exit I get unexpected results: either the image is getting outside the block or the image si not displayed at all ( only the name of the jpeg file).
Very strange.

Thank you!
Blenderite replied on at Permalink Reply
Blenderite
If the C5 resize isn't working, you could resize the image on your pc using something like Paint.NET. It has a easy to use resize function, including proportional. You can resize using pixels or percentages.http://www.getpaint.net/

I think this is the easiest solution.

-Blenderite
DeWebmakers replied on at Permalink Reply
DeWebmakers
It seems to me that you clicked add file in stead of add image. Then only the filename will come up with a link to it.

Furthermore you can put someting in your stylesheet like:
.col3 img {max-width=100%; height:auto}

This will keep the image within it's boundaries. You could get problems with filesizes though.
phil7 replied on at Permalink Reply
HI

I did it with add image and not add file.
I will insert the code line you sent me for which I thank you very much!
I will get back with the results
phil7 replied on at Permalink Reply
HI

in Editing mode all picutres are ok within block borders. After saving the editing the pictures get outside borders

This is the coding for instance of the cinkarna plates image

<div id="ccm-layout-wrapper-712" class="ccm-layout-wrapper"> … </div><div id="ccm-layout-wrapper-713" class="ccm-layout-wrapper"><div id="ccm-layout-main-16-5" class="ccm-layout ccm-layout-table ccm-layout-name-Main-Layout-5 "><div class="ccm-layout-row ccm-layout-row-1"><div class="ccm-layout-16-col-1 ccm-layout-cell ccm-layout-col ccm-layout-col-1 first" style="width:47%"><h1> … </h1><p><img class="imgl" width="425" height="305" alt="cinkarna_plates.jpg" src="/files/5713/6260/8664/cinkarna_plates.jpg" style="float: left;"></img></p><p> … </p></div><div class="ccm-layout-16-col-2 ccm-layout-cell ccm-layout-col ccm-layout-col-2 " style="width:4%"> … </div><div class="ccm-layout-16-col-3 ccm-layout-cell ccm-layout-col ccm-layout-col-3 last" style="width:48.99%"> … </div><div class="ccm-spacer"></div></div></div></div><div class="jl-last-updated formal"> … </div></div><div id="column"> … </div><div class="clear"></div></div></div>
<!--
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Try changing the styling to "inline",
Put your page in edit mode,
Edit each area and from the tinyMCE editor click the "html" button,
on each image change the width to 100% and the height to auto,
Save and exit edit mode..