How do I put an image / text together with an html element?
I have divided a column (4 - 8), left side has the html element, right side should contain text or images.
Left side corresponds to an accordion menu that is filled automatically by Mysql calls. This runs very well.
Instead the images and the text seem to me down and not on the right side, as I want.
I have tried in a container and I can not do it.
Working RFF 2.5 500
Any help is welcome.
Carlos
translated by Google
charliej
Registered User
54 posts
Inger
Senior Advisor
14,649 posts
If you have divided a column in 4-8, it should work ok, but make sure you don't have any width margins on the columns, as that will make them wider, and then one drops to the next line.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
charliej
Registered User
54 posts
Hi, Inger,
No, it's the same. I even lowered it to 4 - 6.
It seems that the html element wants the whole row for itself
Carlos
No, it's the same. I even lowered it to 4 - 6.
It seems that the html element wants the whole row for itself
Carlos
Brian Durfee
Senior Advisor
1,096 posts
Can you post a link so we can see it?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
Inger
Senior Advisor
14,649 posts
Carlos,
I am posting a wee test file. 4-8 divided column, left an html element (nothing in it though), and right an image and some text.
I am posting a wee test file. 4-8 divided column, left an html element (nothing in it though), and right an image and some text.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Its A Kind Of Bali Magic
Registered User
5,392 posts
Online Now
charliej wrote:
Hi, Inger,
No, it's the same. I even lowered it to 4 - 6.
It seems that the html element wants the whole row for itself
Carlos
Hi, Inger,
No, it's the same. I even lowered it to 4 - 6.
It seems that the html element wants the whole row for itself
Carlos
What size is the iframe or whatever you have inside the html element (sometimes that overrides the actual sizes of the html element especially if its set to width = auto)
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/
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/
charliej
Registered User
54 posts
Ok, ok, I believe that as always the error is of oneself, although I can not find it.
Perhaps seeing the source code of this link:
http://hot-spring.puconenlinea.com/coffeecup/
you could deduct something.
This post, I think, responds to all.
Thank you all
Carlos
Perhaps seeing the source code of this link:
http://hot-spring.puconenlinea.com/coffeecup/
you could deduct something.
This post, I think, responds to all.
Thank you all
Carlos
Inger
Senior Advisor
14,649 posts
It would be much easier to find out what is going on if you could post the .rsd file. Zip it up and attach it here, or if it it too big, pop it in your dropbox.
From what I was able to see, you apparently have added the image after sliding up past a couple of breakpoints. But that is quite a different problem.
From what I was able to see, you apparently have added the image after sliding up past a couple of breakpoints. But that is quite a different problem.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Twinstream
Registered User
811 posts
The column layout is correct when looking at the page source however when the page is loaded it seems to me the second column you have defined is being nested in the first. Both columns should be children of the same row but they are not. I suspect the html or css for the html menu element is causing this to occur.
You could try wrapping the html element in a container but I do not have a clue why the above seems to be occuring without further investigation into some sort of a project file.
You could try wrapping the html element in a container but I do not have a clue why the above seems to be occuring without further investigation into some sort of a project file.
Bootstrap 5 CSS Grid.
Frank Cook
Registered User
1,603 posts
I used Find on the source code. There appear to be 19 opening "<div" finds, but only 18 closing "</div>" finds. It may be that inserting the missing closing <div> will work the trick.
Frank
Frank
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.
