Editing (v7+)

 

keeasti replied on Sep 6, 2013 at 1:27 pm Permalink Reply

Is there a link where one can take a look?

DiogoMoreira replied on Sep 20, 2013 at 4:59 am Permalink Reply

Hi.
sorry for don't say anything for a long time.
Unfortunatelly i don't have a link to show you, so i will do my best to try to explain my problem,
My problem is i have 3 images in a image block and it's supposed the images be in line and have space between them, but the problem is when this space have the same size in every resolution but when it change the space become bigger or small and i don't want that happen, i'm using layout to define the spaces and place to put the images.

Thanks

planist1 replied on Sep 20, 2013 at 10:40 am Permalink Reply

Can you post your css file(s) you are using?

DiogoMoreira replied on Sep 20, 2013 at 10:51 am Permalink Reply

I'm using a lot o css files, which one i should post,
this is a website built for another person and i'm only changing the layout i'm using blocks content and image and layout function, this is only.
And i think i don't have some expecific css for layout

planist1 replied on Sep 20, 2013 at 11:40 am Permalink Reply

Are you specifically using the Image Block or are you using the Content Block?

DiogoMoreira replied on Sep 20, 2013 at 11:44 am Permalink Reply

im using both with different stuffs.
and they make the same, when resolution change they get bigger.
i want to know if ther is something that i can use to lock the layout and don't let them get bigger with the resolution.
Best Regards

planist1 replied on Sep 20, 2013 at 12:25 pm Permalink Reply

That is going be somewhere in your css. Look around to see if anywhere in your css you have code that looks similar to this:

height: auto !important;
   width: auto !important;
   max-width: 100%;

DiogoMoreira replied on Sep 24, 2013 at 5:55 am Permalink Reply 4 Attachments

Hi.
I didn't find the code you said, so i will put some print screens of my problem to see if some one can help me.
And what i want to do is in the picture wanted, and don't change with the resolution change, have the same space between the images every time.

Best Regards

planist1 replied on Sep 24, 2013 at 10:08 am Permalink Reply 1 Attachment

If you are adding an image block, you should have the option for automatic scaling or force exact match. Take a look at the attached image.

DiogoMoreira replied on Sep 24, 2013 at 11:32 am Permalink Reply

I usually choose automatic scale should i change to the other option, because when i choose force exact image match, the image dissapear i don't know why.

I used force exact match and have the same behaviour as automatic, so i still have the same problem and i have no ideia how to fix it.

Best Regards

planist1 replied on Sep 24, 2013 at 12:37 pm Permalink Reply

So to be clear at to what you want, you are wanting the space between the images to be the same not matter what the resolution is correct? Are you wanting the images to scale with the resolution?

DiogoMoreira replied on Sep 24, 2013 at 12:40 pm Permalink Reply

So i want the space between the images don't change when resolution change. for me with images is every thing good.

Best Regards

planist1 replied on Sep 24, 2013 at 1:14 pm Permalink Reply 1 Attachment

Maybe a table would work. Change your layout to a single column. Add a content block. Click the HTML button and paste the below code in.

<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center">here</td>
</tr>
</tbody>
</table>

Click update.
Double click the "here" text
Click Add Image link
Choose your image
Click Add Image link
Choose your image
Click Add Image link
Choose your image

Then click on the first image
Click the Insert/Edit image icon
Click Appearance tab
and set the properties as shown in the attached image.
Click
Repeat for the last two images.

Click save. you can adjust the spacing between the images by modifying the Horizontal Space.

DiogoMoreira replied on Sep 25, 2013 at 5:35 am Permalink Reply 1 Attachment

Thanks :D
This solved half of my problem.
One more thing can you show me how i can put the text down the images and have the same behaviour. like one of the screens i send

Thanks :D

Best Regards

DiogoMoreira replied on Sep 26, 2013 at 12:32 pm Permalink Reply

Hi
I have solved my problem.
Thanks for all

Best Regards
Diogo Moreira