HTML help!

[syun_ukiya]

How can you put a link in a pic w/o those boarder lines around the pic?

[Squally Leonharty]

&lta href="URL"><ímg src="URL to picture" border="0"></a>


Here you go!

<b>Edit: Forgot to close the tag. Heh.</b>

[syun_ukiya]

what if you're gonna use alt? Ya know those words popin out of the pic when you put the mouse cursor on the pic for 5 sec. what's the right formula?

[Squally Leonharty]

&lta href="URL"&gt;&lt;ímg src="URL to picture" border="0" alt="type your text here"&gt;&lt;/a&gt;

[syun_ukiya]

ahh... thanx... So is there a way to change the color of the border?

[angel]

that would be

that will give yah a red border

<a href="linkhere.html"><font color="#ff0000"><img src="image.jpg" alt="test" ></font></a> 

at least

it should try the tag bordercolor="#ff0000"

[Squally Leonharty]

As for bordercolor, this is how to use it:

&lta href="URL"&gt;&lt;ímg src="URL to picture" border="0" alt="type your text here" bordercolor="whatever the colour is"&gt;&lt;/a&gt;


angel, what you just wrote down only affects the font, not the border.

[syun_ukiya]

ahh... So the number in the border corresponds to the thickness, right? So how thick can it be? The highest no. you can use in the border?

[Squally Leonharty]

Another way is to make a table cell around it, just like what I did in my signature.

&lt;table border="2" bordercolor="skyblue" cellspacing="0"&gt;&lt;tr>&lt;td&gt;&lt;a href="http://217.120.81.165/"&gt;&lt;img src="http://server44.hypermart.net/lvdblom/Banner.gif" border="0"&gt;&lt;/a>&lt;/td&gt;&lt;/tr>&lt;/table&gt;

Which produces:

<table border="2" bordercolor="skyblue" cellspacing="0"><tr><td><a href="http://217.120.81.165/"><img src="http://server44.hypermart.net/lvdblom/Banner.gif" border="0"></a></td></tr></table>

Nifty, eh?

Anyway, either bordercolor, or table will do.

<b>Edit: the max value for border is 7, I think.</b>

[syun_ukiya]

the commands I didn't understand: cellspacing, tr and td... And what is the difference between table border than border alone?

[Squally Leonharty]

I edited my previous post about the border thickness, but I'll say it again: max value of border is 7, I think.


Anyway, if you don't understand what that table thing does, just use the first method (border in the img tag). It's the easiest way.

[syun_ukiya]

I've tried the border color in other forum but I can't seem to see the changes in the border... So did I make a mistake...

I want to know the use of the commands you gave me earlier that would be put up to use someday, could you pls. tell me?

[Squally Leonharty]

&lt;table&gt; = start of a table (border="1" is required if you want to show the borders!)
&lt;tr&gt; = start of a row
&lt;td&gt; = start of a cell
Enter stuff here.
&lt;/td&gt; = end of a cell
&lt;/tr&gt; = end of a row
&lt;/table&gt; = end of a table

In THAT order, and nothing else.

That'll make: <table border="1"><tr><td>Enter stuff here.</td></tr></table>

Here are the (basic) things you can add in the table, tr, or td tags:

<b>border="number"</b> (only in table) = shows the border, the number represents the thickness

<b>bordercolor="colour"</b> (any tags) = shows the colour you've specified in the border.
If you apply it to table, it'll affect the whole table.
If you apply it to tr, it'll affect the whole row.
If you apply it to td, it'll affect the whole cell.

<b>cellspacing="number"</b> (only in table) = space between the first and the second cell, etc. in pixels.

<b>cellpadding="number"</b> (only in table) = space between cells and the very outer border of the table in pixels.

<b>colspan="number"</b> (only in td) = number represents how much cells it needs to cover up that certain amount of (vertical) rows. For example:

&lt;table border="1"&gt;&lt;tr&gt;&lt;td colspan="2"&gt;Whatever.&lt;/td&gt;&lt;td&gt;Meh.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Number One.&lt;/td&gt;&lt;td&gt;Number Two.&lt;/td&gt;&lt;td&gt;Number Three&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

Which produces this:

<table border="1"><tr><td colspan="2">Whatever.</td><td>Meh.</td></tr>
<tr><td>Number One.</td><td>Number Two.</td><td>Number Three</td></tr></table>


<b>rowspan="number"</b> (only in td) = number represents how much cells it needs to cover up that certain amount of (horizontal) rows. For example:

&lt;table border="1"&gt;&lt;tr&gt;&lt;td rowspan="2"&gt;Whatever.&lt;/td&gt;&lt;td&gt;NumberOne.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Cell below "Whatever".&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Number Two.&lt;/td&gt&lt;td&gt;Number Three&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan="2"&gt;The rest of the cell.&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;

Which produces:

<table border="1"><tr><td rowspan="2">Whatever.</td><td>Number One.</td></tr>
<tr><td>Cell below "Whatever".</td></tr>
<tr><td>Number Two.</td><td>Number Three</td></tr><tr><td colspan="2">The rest of the cell.</td></tr></table>

<b>Note</b> that there's also colspan="2" in the tr part with "The rest of the cell". You can combine those two (colspan and rowspan) too. Let's give another example, with both of them in one td tag:

&lt;table border="1"&gt;
&lt;tr&gt;&lt;td colspan="2" rowspan="2"&gt;Wheee.&lt;/td&gt;&lt;td&gt;Nothing.&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;Nothing, either.&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;
&lt;td&gt;Again, nothing.&lt;/td&gt;&lt;td&gt;Guess what? Still nothing!&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;

Which produces:

<table border="1">
<tr><td colspan="2" rowspan="2">Wheee.</td><td>Nothing.</td></tr>
<tr><td>Nothing, either.</td></tr><tr>
<td>Again, nothing.</td><td>Guess what? Still nothing!</td></tr>
</table>

More information here: http://www.htmlgoodies.com
<b>Read the primers first</b>, then go to the other stuff you want to learn.

<i>*phew*</i>

[syun_ukiya]

Cool... So why did the bordercolor didn't work for me?

[Squally Leonharty]

You didn't even bother to read my table explanation, I assume. ¬_¬ (And no, I didn't do it for fun. I did it to explain it to you.)

Anyway... If bordercolor doesn't work, then it doesn't work. That's it. No explanation is necessary. That's how HTML works. I probably made a mistake, or something.

<del>I've found out that the border depends on what the link colour is in either the style tag, or in the body tag, so if link="#ff0000" is in the body tag, it'll make the border red.

So, to get a coloured border, do the following:

&lt;body link="whatever the colour is"&gt;
&lt;a href="URL"&gt;&lt;img src="URL to picture" border="number"&gt;&lt;/a&gt;
&lt;/body&gt;

<b>Be sure that you close the body tag, or else the rest of the page (from your first post) will be screwed up.</b></del>

Damn... Didn't work either. I just tested it with two images, each in a different body tag. Just forget about it. It's not THAT important.

Don't expect any help from me anymore about the bordercolor (in the img tag) as from now on. I've been in this thread for nearly one hour. >_<

<b>Edit:</b> Holy crap! It IS exactly one hour!