Turtle Sunday Designs

HTML FAQ
Home
HTML FAQ
FAQ and Links
Contact Us
Free Backgrounds

Many people have questions about installing their auction templates, so this is all for you guys. As I sell more templates I will be able to make this page much longer and more informative. If you have a question that you think should be up here, let me know!

Q. My images are not showing up! What's wrong?

A. Usually your image tags are incorrect. Either the address of the image you are trying to use is unavailable or does not exist, the tag is incorrect, or your server is down. (time to change hosting companies!) An image tag should look like this :

<p align="center"><img border="0" src="Place the address of YOUR IMAGE here"></p>

Variations of the image tag could include :

<p align="center"><img border="0" src="Place the address of YOUR IMAGE here"></p>

<p align="right"><img border="0" src="Place the address of YOUR IMAGE here" width="432" height="168"></p>

<p align="left"><img border="0" src="Place the address of YOUR IMAGE here" ></p>

This is the image tag I most often use in my auctions.

Quick Explanation -

P ALIGN stands for the alignment of the paragraph. Your paragraph in this case is your image. Here your options are "center", "left", or "right".

</P> Is the end of the paragraph. This tells the computer where the paragraph ends, where as P tells the computer where the paragraph begins. The computer places a space above and below the paragraph.

IMG BORDER stands for the...Image Border! You're options with this are unlimited, you can use any number. The number 0 is for no image border at all.

SCR stands for the image source. This is where that image is located at this very moment. This is also called you're image's URL or ADDRESS. If you place this URL in the top of your web brower as you would for a webpage and hit enter, your image should appear on the screen.

WIDTH and HEIGHT are exactly what they say, change these if you want a larger or smaller image. Just dont make them bigger than the size of your actual image, or it will appear blurry or strectched. You do not have to specify the height and width of your image, if you don't the image will appear in it's original size.

 

An image that is linked to a source on the web would look like this :

<a href="LINK HERE"><img border="0" src="IMAGE ADDRESS HERE" width="260" height="158">

A HREF tells the computer where the link will be. Always make sure the " are in the right place, on either side of the URL. The rest is a normal image tag.

If you want the link to open up into an email messege, the code will look like this :

<a href="mailto: youremailaddress@whereever.com"><img border="0" src="IMAGE ADDRESS HERE" width="260" height="158">

Much the same, except for the MAILTO: part, this obviously tells the computer that the link is actually an email address.

Q. My text is the wrong color/font/size. How do I change this?

A. This is a very easy problem to fix. Find this tag:

<font color="#00FFFF">

Or

<font color="#00FFFF" face="Arial">

After this tag your wording should appear. Colors are numbers in HTML, so in order to change the text to a color you like, you must first find the number of that color. I recommend this website, as it has a lot of different colors to choose from.

http://www.computerhope.com/htmcolor.htm#03

 

After you find you color number, just insert it where it belongs.

<font color="#Color Number">

Or

<font color="#Color Number" face="1980 Portable">

Don't forget the # symbol.

Changing fonts is just as easy as well. But remember, just because you have a font installed on your computer doesnt mean everyone else does. If someone views your auction and they do not have the font you specified, their computer will replace it with a default font. That is why it is better to stick to common fonts like Comic Sans, Arial, and Times New Roman. To change your font insert the name of the font you want where it belongs in your code :

<p><font color="#00000" face="Font Name">

If you do not specify a font, it will remain as the default.

Changing font size is just as easy. Find or create the tag :

<FONT SIZE="x">

And replace the X with the size of your choice. This text is size 12. (Most common.) With the rest of your code it will look something like this :

<font color="#Color Number" face="Font" Font Size="X">

Q. How can I change the size of my cell and the size of the outside of my cell?

A. What we're talking about here is the width of this plain part of the page, and the width of the outside of the page, the cherries.

Find this tag :

<table border="2" align="center" cellpadding="50" cellspacing="100" bordercolor="#9966FF" background="berries.gif" bgcolor="#9966FF" width="921" height="2582">

It should be near the beginning of your code. It won't look exactly the same but much like it. Cell Padding is the amount of space of this purple area, and Cell Spacing is the width of the cherry area. Play around with numbers and you'll find you can quickly customize the size of your templates.

This page's cell padding is 50 and the cell spacing is 100.

If you have an template-related question, e-mail me and we'll answer it on this page:

cassandrajane@zoominternet.net

Copywrite of Turtle Sundae Designs.