- Posts: 149
Best practice for Text with right floating image?
10 years 10 months ago - 10 years 10 months ago #53298
by Macjoomla
Best practice for Text with right floating image? was created by Macjoomla
Hello FC Team,
what would you suggest for best practice to have a description text with a floating right image of a separate custom fc image field as in attached image?
[attachment=0:3n7c3j66]<!-- ia0 -->textplusimage.jpg<!-- ia0 -->[/attachment:3n7c3j66]
Thank you and best regards, Macjoomla
PS Sorry for having this asked before in a solved topic, for sure its better to open a new thread :oops:
what would you suggest for best practice to have a description text with a floating right image of a separate custom fc image field as in attached image?
[attachment=0:3n7c3j66]<!-- ia0 -->textplusimage.jpg<!-- ia0 -->[/attachment:3n7c3j66]
Thank you and best regards, Macjoomla
PS Sorry for having this asked before in a solved topic, for sure its better to open a new thread :oops:
Last edit: 10 years 10 months ago by Macjoomla.
Please Log in or Create an account to join the conversation.
10 years 10 months ago #53301
by Macjoomla
Replied by Macjoomla on topic Best practice for Text with right floating image?
Hi Micker, thank your for this answer, unfortunately, this worked til update to version 3, please see also this thread, that has been originally solved:
www.flexicontent.org/phpbb/viewtopic.php?f=28&t=7584#p53269
For now, after some work the best i can get is as in following image, but how to get the text to the left side of the image?
[attachment=0:3nrb06x1]<!-- ia0 -->imagefloatingrightabovetext.jpg<!-- ia0 -->[/attachment:3nrb06x1]
[attachment=0:3nrb06x1]<!-- ia0 -->imagefloatingrightabovetext.jpg<!-- ia0 -->[/attachment:3nrb06x1]
Please Log in or Create an account to join the conversation.
10 years 10 months ago #53323
by Macjoomla
Replied by Macjoomla on topic Best practice for Text with right floating image?
Hello Micker,
thank you, that works and is exactly what i was looking for
Just one thing, after this is working now, i thought, it would be easy to increase the distance between floating text and the image, but "margin", "border", "padding" did not work for me. Do you have an additional hint to increase the distance left from the image?
My custom css now reads:
Thank you and best regards, Macjoomla
thank you, that works and is exactly what i was looking for
Just one thing, after this is working now, i thought, it would be easy to increase the distance between floating text and the image, but "margin", "border", "padding" did not work for me. Do you have an additional hint to increase the distance left from the image?
My custom css now reads:
Code:
span.flexi.value, .flexi.value {
display: block;
float: none;
max-width: 100% !important;
padding: 0 !important;
}
.field_hammfoto {
float: right !important;
}
Thank you and best regards, Macjoomla
Please Log in or Create an account to join the conversation.
10 years 10 months ago #53327
by Macjoomla
Replied by Macjoomla on topic Best practice for Text with right floating image?
Finally i was adding following code to same "item.css":
And now it seems to work as expected. Thank you guys for your hints and help
Best regards, Macjoomla
Code:
.fc_field_image {
margin-left: 10px;
margin-bottom: 10px;
}
Best regards, Macjoomla
Please Log in or Create an account to join the conversation.
