How to add an inline img? - Post ID...

User 2450809 Photo


Registered User
2 posts

Hi,
I m trying to move one of my web sites from the HTML editor to Site Designer v3.5. I know that you can a link when editing a paragraph text, but I cannot see how to add an image in the same simple manner. I want the tiny image to float along like a 'word' in the text.

I the HTML-editor I added this (from the entry page at www.straegaard.dk):


<p>
Dette web site er centrum for mine webaktiviteter.
Alle underliggende sider fra Don Fillos Site er inkluderet.
Yderligere informationer kan ses på <a href="/om.html"><u>'om'-siden</u></a>.
</p>
<p>
Med et klik på billederne nedenfor kan de enkelte hovedområder tilgås.
Genveje til langt de fleste sider findes i menuen. Sider af interesse for de få,
fx <img src="ns-images/Greece-icon24.png" width="24" height="24" alt="" title="" />, kan kun tilgås via den.
</p>


Any suggestions?

TIA,
Jan

User 187934 Photo


Senior Advisor
20,196 posts
Online Now

Hi Jan,
Try using a text element and giving it a background image.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2695940 Photo


Registered User
148 posts

Hi Jan,

I was also stumped as how to add the image inline but then came up with this.

I was able to put a small Greek flag inline by using an icon from the Emoji and Symbols viewer on my Mac. It treats them as a font and I just added the Emoji to my favorites, copied it with Command C and then pasted it inline in the text. So it's not really an image but a font.

I've attached a RSD file.

Hope that helps.
John
Attachments:
John Ferguson
Website Design and Development
www.jf1.co
User 122279 Photo


Senior Advisor
14,465 posts
Online Now

I'd say a html element is better. I have used it before in a similar case. But the rest of the text, before and after, has to be text elements, not a paragraph. You cannot put any other elements into a paragraph.

Jan, se på vedlagte fil. Jeg tror dette er den beste løsningen for deg.

Hilsen fra 'naboen' i nord ;)

Edit: I posted this before I had seen John's post. Well, whichever way ...
Attachments:
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 187934 Photo


Senior Advisor
20,196 posts
Online Now

Another option is to use the inline text editor in SD and use a space and give it a class. Then use Jquery to place the image into the span with that class.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2450809 Photo


Registered User
2 posts

Thanks to all you for taking time to respond to my question. I will use Ingers solution!
Have a nice day!
/Jan
User 187934 Photo


Senior Advisor
20,196 posts
Online Now

Working here
https://ericrohloff.com/coffeecup/ccfor … /jan-flag/
Use the inline editor to add a space with the class greece-icon24.
Paste the code below to an html element.
<script>
var jQ = $.noConflict(true);
jQ(document).ready(function(){
jQ('.greece-icon24').html('<img id="greese-icon24" src="ns-images/Greece-icon24.png" />');
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

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.