SimplePortal

Customization => Themes and Graphics => Topic started by: ScottDB on September 12, 2009, 07:33:13 PM

Title: adding gif image to html block
Post by: ScottDB on September 12, 2009, 07:33:13 PM

Hi, I am trying to edit a cusotm home page and would like to know how to add a transparent gif image to the custom html block.
 
I uploaded it into my server and tried to input the code into the box but it isn't working. I know the code worked since I saw it on browser and Komposer.

Title: Re: adding gif image to html block
Post by: Nathaniel on September 12, 2009, 09:46:40 PM

Any HTML code should work fine in that block. I suggest that you check the path of your image, if you have used a WYSIWYG editor on your computer then the url will probably be wrong (because the url will be based on the relative locations of your html file and the image, which change when you upload it to your server).

Title: Re: adding gif image to html block
Post by: ScottDB on September 12, 2009, 10:06:15 PM

Yes I realise that I have to have it in the directory and the adress in the code has to be pointing to it. But do I need anything besides <scr=" or do I need to have body tag or what. Can you give me the code that would make a gif pic come up. I was able to get it to come up on IE and Mozilla but not in the block

Title: Re: adding gif image to html block
Post by: Nathaniel on September 12, 2009, 10:10:24 PM

See the <img> tag docs below:
http://www.w3schools.com/tags/tag_IMG.asp

This would work:

Code: [Select]

<img src="{image url}" />

Title: Re: adding gif image to html block
Post by: ScottDB on September 12, 2009, 10:16:48 PM

Wow I missed that. Dang I cant believe it. I just didnt copy all the code and didn't notice it. Has upper line of with. Dohhh :-[

Title: Re: adding gif image to html block
Post by: Nathaniel on September 12, 2009, 10:18:55 PM

I'm Glad that you have it working. :)