Hi Forum,
Newbie here. I'm hoping someone out there may be able to help with this. I'm trying to add a small floating security seal image, bottom/right corner. When I say 'floating' I do not mean text wrapped. I mean floating, as in maintaining its position regardless of the vertical page scrolling.

Code provided goes like this:

<a href="https://ssl.comodo.com">
<img src="https://ssl.comodo.com/images/comodo_secure_seal_113x59_transp.png" alt="SSL Certificate" width="113" height="59" style="border: 0px;"></a><br> <span style="font-weight:bold; font-size:7pt"><a href="https://ssl.comodo.com">SSL Certificate</a></span><br>

Placement is the problem.

Thanks for any help.

Sounds like you are looking for position: fixed .
https://www.w3.org/TR/CSS2/visuren.html#propdef-position

I think so. Sorry, but I did not include the following:

Add this before your </HEAD> tag

<script type="text/javascript"> //<![CDATA[
var tlJsHost = ((window.location.protocol == "https:") ? "https://secure.comodo.com/" : "http://www.trustlogo.com/");
document.write(unescape("%3Cscript src='" + tlJsHost + "trustlogo/javascript/trustlogo.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script>

Add this before your </BODY> tag

<script language="JavaScript" type="text/javascript">
TrustLogo("www.mysite.com", "CL1", "none");
</script>
<a href="https://www.instantssl.com/" id="comodoTL">Essential SSL</a>

I found that these snippets are required to make the seal work. I am not sure how the third piece of code (first post, above) comes into play. With the two snippets installed, the 'seal' is placed bottom/left and works, but the seal image is missing - only a greyed-out square.

The file you attached is a template that some server side program turns into HTML. You need to go to the page with a browser and view source to get the HTML. A browser with a feature called "Inspect Element" or similar will also show you the HTML the script writes out.

When pasting the scripts in a blank document the inspector tells me this is the HTML the script produces.



The below CSS selector should match that image and nothing else.


So, in my empty document this line of CSS does the trick.



I set the offset to 15px from the bottom right corner. You can change that as you please. It worked for me, but you could have something in your HTML and CSS that makes it not work. You have to try it.

Also, in the second script, did you put www.mysite.com there for the forum? If not you should put your real URL there.

Thank you for the help!! Yes mysite is generic.

Unfortunately still lost on this. I'm guessing I need to edit not only the page html but a css file also...

Yes. Put that line in your style sheet. Or in a style block in HEAD. The problem is you can't edit the HTML directly (I suppose) and if you don't want to mess with the template it's probably easier to put it in an already existing external style sheet.