Need templates for V3 - Post ID 284903

User 404575 Photo


Registered User
887 posts

Wayan Jaya wrote:
Melissa Rhiannon wrote:


I had them as columns in 2.5, because then I could make them take up 1/3 the 12 spans, each. Not sure how to do that in SDV3, or how to get them to vertically align in an aesthetically pleasing way, with each other.



Use % values for the image container (if you have them in a container) if not put them in one
the maths is simple really
1/3 = 33.33333 %
but I would suggest 32% or even 30% for each container to allow a bit of space between


I have all 3 images in a container, but they are scrunched together horizontally in the middle. I understand what you're saying about the setting, but where is that setting found?
Melissa Rhiannon
OS Windows 10
User 2699991 Photo


Registered User
5,391 posts

Melissa Rhiannon wrote:
Wayan Jaya wrote:
Melissa Rhiannon wrote:


I had them as columns in 2.5, because then I could make them take up 1/3 the 12 spans, each. Not sure how to do that in SDV3, or how to get them to vertically align in an aesthetically pleasing way, with each other.



Use % values for the image container (if you have them in a container) if not put them in one
the maths is simple really
1/3 = 33.33333 %
but I would suggest 32% or even 30% for each container to allow a bit of space between


I have all 3 images in a container, but they are scrunched together horizontally in the middle. I understand what you're saying about the setting, but where is that setting found?

don't know without seeing the project file & seeing what you have done
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,391 posts

Wayan Jaya wrote:
Melissa Rhiannon wrote:
Wayan Jaya wrote:
Melissa Rhiannon wrote:


I had them as columns in 2.5, because then I could make them take up 1/3 the 12 spans, each. Not sure how to do that in SDV3, or how to get them to vertically align in an aesthetically pleasing way, with each other.



Use % values for the image container (if you have them in a container) if not put them in one
the maths is simple really
1/3 = 33.33333 %
but I would suggest 32% or even 30% for each container to allow a bit of space between


I have all 3 images in a container, but they are scrunched together horizontally in the middle. I understand what you're saying about the setting, but where is that setting found?

don't know without seeing the project file & seeing what you have done


try this
select the container holding the images
give it a width (bigger than it is now)
move on down to the tab "Layout"

select "Display = "flex"
position = row
wrap = wrap
justify = space around

you may also need set the left/right margins for the images to "auto" but then again maybe not
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 404575 Photo


Registered User
887 posts

Here, a screen shot is in order. This is what I have.

Ack...I'm getting:

Bad Request
Your browser sent a request that this server could not understand.

When I try to post now.

Oh, I had the file titled Melissa's and it wouldn't work that way, though my PC allowed it.
Attachments:
Melissa Rhiannon
OS Windows 10
User 2699991 Photo


Registered User
5,391 posts

Melissa Rhiannon wrote:
Here, a screen shot is in order. This is what I have.

Ack...I'm getting:

Bad Request
Your browser sent a request that this server could not understand.

When I try to post now.

Oh, I had the file titled Melissa's and it wouldn't work that way, though my PC allowed it.


You have justify set to = centre" as I said before set it to - "space around"

the width is set to "auto" as I said before set it to a higher width "say 1200 px

(& once again it looks like you are working from the highest point, you need to be working at the lowest point. then work upwards adjusting as necessary
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 2699991 Photo


Registered User
5,391 posts

Wayan Jaya wrote:
Melissa Rhiannon wrote:
Here, a screen shot is in order. This is what I have.

Ack...I'm getting:

Bad Request
Your browser sent a request that this server could not understand.

When I try to post now.

Oh, I had the file titled Melissa's and it wouldn't work that way, though my PC allowed it.


You have align set to = space around" as I said before set Justify t to - "space around"

the width is set to "auto" as I said before set it to a higher width "say 1200 px you could set max width to 1200px & leave the width as auto if you wanted

(& once again it looks like you are working from the highest point, you need to be working at the lowest point. then work upwards adjusting as necessary
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS


A simple quick way to contact me
https://mawarputih.coffeecup.com/forms/contact-wayan/
User 122279 Photo


Senior Advisor
14,647 posts
Online Now

Looks like you have deleted the part of the template that had those three images. It's difficult to advise you without seeing your project file, what kind of elements you actually have there.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 404575 Photo


Registered User
887 posts

Wayan Jaya wrote:
Melissa Rhiannon wrote:
Here, a screen shot is in order. This is what I have.

Ack...I'm getting:

Bad Request
Your browser sent a request that this server could not understand.

When I try to post now.

Oh, I had the file titled Melissa's and it wouldn't work that way, though my PC allowed it.


You have justify set to = centre" as I said before set it to - "space around"

the width is set to "auto" as I said before set it to a higher width "say 1200 px

(& once again it looks like you are working from the highest point, you need to be working at the lowest point. then work upwards adjusting as necessary


Without specifying where the settings are, this is confusing Wayan. ( Keep in mind, that I'm not experienced enough to know what you mean, without specifying where a particular setting is. ) But here's a new screen shot showing what I just changed.

Inger, as far as your comment, these are 3 picture files within a container.
Attachments:
Melissa Rhiannon
OS Windows 10
User 122279 Photo


Senior Advisor
14,647 posts
Online Now

Yes, I understand that. But what I mean is, we need to see the coding of this, and for that we need your project file. We need to see if the original element structure is still there, or if you have removed it. Only then we will know what to tell you.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 404575 Photo


Registered User
887 posts

Inger wrote:
Yes, I understand that. But what I mean is, we need to see the coding of this, and for that we need your project file. We need to see if the original element structure is still there, or if you have removed it. Only then we will know what to tell you.


How do I get that to you? Privately?
Melissa Rhiannon
OS Windows 10

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.