View Full Version : HTML help!

03-28-2002, 11:33 AM
How can you put a link in a pic w/o those boarder lines around the pic?

Squally Leonharty
03-28-2002, 11:44 AM
&lta href="URL"><mg src="URL to picture" border="0"></a>

Here you go! ;)

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

03-28-2002, 12:52 PM
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
03-28-2002, 01:16 PM
&lta href="URL"&gt;&lt;mg src="URL to picture" border="0" alt="type your text here"&gt;&lt;/a&gt;

03-28-2002, 01:23 PM
ahh... thanx... So is there a way to change the color of the border?

03-28-2002, 01:32 PM
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
03-28-2002, 01:36 PM
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.

03-28-2002, 01:37 PM
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
03-28-2002, 01:41 PM
Another way is to make a table cell around it, just like what I did in my signature. :p

&lt;table border="2" bordercolor="skyblue" cellspacing="0"&gt;&lt;tr>&lt;td&gt;&lt;a href=""&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=""><img src="http://server44.hypermart.net/lvdblom/Banner.gif" border="0"></a></td></tr></table>

Nifty, eh? :D

Anyway, either bordercolor, or table will do. :)

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

03-28-2002, 01:53 PM
the commands I didn't understand: cellspacing, tr and td... And what is the difference between table border than border alone?

Squally Leonharty
03-28-2002, 01:56 PM
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. :)

03-28-2002, 02:04 PM
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
03-28-2002, 02:57 PM
&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;

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>

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


03-28-2002, 03:03 PM
Cool... So why did the bordercolor didn't work for me?

Squally Leonharty
03-28-2002, 03:13 PM
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;

<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! :p

03-29-2002, 01:45 AM
ahh... so can it be possible that when you click a pic and the url will be opened in new window? It won't be replacing the current window you are in?

Squally Leonharty
03-29-2002, 07:40 AM
I've just realized, thanks to Aexoden, that it is still possible to change the bordercolor. This is the last time I'm gonna say it.

This one gives you a blue border:

&lt;a href="URL"&gt;&lt;img src="URL to picture" style="border-color:blue;"&gt;&lt;/a&gt;

I assure you that works.

As for the new window, you need to point to a target, which should be:

&lt;a href="URL" target="_____"&gt;

_____ can be:

- newwindow
- _blank

It can also be done in Javascript, but that's not necessary for you.

03-29-2002, 11:01 AM
<a href="http://pub80.ezboard.com/banimefreak"><img src="http://www.animevisions.net/Pictures/Sillykenshin.gif" style="border-color:blue;"></a>

Yay!!! Thanx a lot! So what does the target="_blank" mean... I did try the target="_blank" but all it did was the same as "newwindow" So both are the same? So what's the best for you the one w/ border or the one w/o?

Squally Leonharty
03-29-2002, 11:46 AM
_blank and newwindow have both the same function: popping up a new window.

I think with border is better than without one.

05-12-2002, 03:47 AM
How to make the fonts glow!?

05-12-2002, 03:56 AM
<table width=450 cellpadding=10 style="filter:GLOW(color=#ff3333, strength=15)"><TR><TD>
<B><FONT COLOR="#99ff00">What? Like this? It's an IE specific feature, just to let you know, so people using Netscape or Opera won't be able to see it :) </FONT></B></TD></TR></table>

I used:

style="filter:GLOW(color=#ff3333, strength=15)"

inside the TABLE tag

You can change the colour and strength values, of course :p

For some strange reason, it only works in a TABLE tag for me, and not the normal FONT tag :p

05-15-2002, 03:44 AM

So can you use color names for example blue, rather than color codes. Anc can you make different fonts glow!? Or that will be tha only and default font!?

Squally Leonharty
05-15-2002, 07:59 AM
You can use both words and hexademical numbers. And yes, you can make different fonts glow. :)

05-15-2002, 09:51 AM
Hexadecimal would be better, better you can tweak the colour to suit your purposes much more precisely :)

<table cellpadding=10><TR><TD style="filter:GLOW(color=#ffff33, strength=15)">
<B><FONT SIZE="+1" COLOR="#ff0000" FACE="Comic Sans MS">How do you mean different fonts?</FONT></B></TD></TR><TR><TD style="filter:GLOW(color=#3333ff, strength=15)"><FONT SIZE="+3" COLOR="#00ff00" FACE="Brush Script MT"><B>I don't see why not, just change the font face like you normally do :p</B></FONT></TD></TR><TR><TD style="filter:GLOW(color=#ff3300, strength=15)"><FONT SIZE="+1" COLOR="#3300FF" FACE="Times New Roman"><B>Though it appears you have to do it in paragraph chunks, it doesn't seems to work for individual letters :)</B></FONT></TD></TR></table>

Don't go over the top with it, it makes it fairly hard to read without enlarging the text :p

Squally Leonharty
05-15-2002, 11:13 AM
They look nice, though. :p

05-15-2002, 02:11 PM
<TABLE CELLPADDING=25 WIDTH=500 HEIGHT=150><TR><TD align=center valign=middle style="color: #00ffff; filter: glow(color=#990033,strength=25) flipV() flipH() Wave(Freq=11,LightStrength=40,Strength=3);"><FONT SIZE="+2" face="Comic Sans MS"><B>Shame it's an IE thing only :p I don't remember that many other effects off the top of my head though :D</B</FONT><BR><IMG WIDTH="60" HEIGHT="60" SRC="http://clogical.homestead.com/files/cronocyclone.gif">&nbsp;<IMG WIDTH="60" HEIGHT="60" SRC="http://clogical.homestead.com/files/hynowave.gif">&nbsp;<IMG WIDTH="60" HEIGHT="60" SRC="http://clogical.homestead.com/files/files/magusspl.gif"></TD></TR></TABLE>

It's interesting how this highlights :D

Squally Leonharty
05-15-2002, 03:18 PM
:laugh: :D

Not bad, crono. :D You can do a lot of nifty tricks with the table tag. :D

05-16-2002, 05:51 AM
hey that's cool how did you do that upside down thingy!?

Squally Leonharty
05-16-2002, 07:48 AM
Just add this:


in the TD tag. :D

flipH() is also possible. It'll make the text backwards. :p

05-16-2002, 01:12 PM
Not just inside the TD tag, but inside the STYLE parameter as such:

&lt;TD STYLE="filter: flipH() flipV();">

You need both if you want proper upside-down as above, use one if you want thing thing to appear as a mirror image. :)

James Latimer Cockney Rebel
05-17-2002, 04:27 PM
o_O *is blinded from back-to-upside-front glowing stuff* :laugh:

Anyways, stupid question put how do you so a strikethrough? It's not listed in the vB help thingy.

[edit] don't worry I know how now :p

05-17-2002, 07:14 PM
Yeah, the &lt;S> tag is an HTML, not a vB tag :p

James Latimer Cockney Rebel
05-18-2002, 04:21 PM
Ack I have a real problem now... How do I make an image clickable so it can redirect people to a website? I wanted to know this for ages but never could be bothered to ask :p.

05-18-2002, 05:21 PM
Just put the &lt;A HREF="blah"> &lt/A> tags around your image :) You might want to set BORDER=0 inside the image tag to hide the blue outline around the image you'd otherwise get. :p

James Latimer Cockney Rebel
05-18-2002, 06:44 PM
As you can see from my sig I've totally messed it up :p Could you show for me how it could be done Crono_Logical?

The Image URL is "http://ffcolaboration.homestead.com/files/sitashirt.gif" and I want so when you click on the image (the Sita Shirt in my sig) you go to "www.geocities.com/sita.a"

[edit]Its strange when I do the A HREF thing it puts www.eyesonff.com/forums in front of the URL, how do you stop that?

How would I write that in the HTML you gave me?

Thanks for your help

The Man
05-18-2002, 07:49 PM
Actually, you just need to put &ldquo;http://&rdquo; before your URL in your HREF tag. That&rsquo;s the only problem I can see. :greenie: Here&rsquo;s an example from my signature:

&lt;A HREF="http://mywebpages.comcast.net/ajf83/index.html" target=_blank&gt;
&lt;IMG SRC="http://mywebpages.comcast.net/ajf83/hawkeye-just want to kiss.gif" border=0&gt;
&lt;/A&gt;That yields:

<IMG SRC="http://mywebpages.comcast.net/ajf83/hawkeye-just want to kiss.gif" border=0> (http://mywebpages.comcast.net/ajf83/index.html)

Click on it to try it out.

Anyway, that should do it. I don&rsquo;t actually have those line breaks in my signature code, by the way. :p I merely placed it in this post to make the exact tags I used perfectly clear, since they wound up breaking at unhelpful points in the code.

Also, placing &ldquo;target=_blank&rdquo; in my code causes my web page to open in a new window. I like that. You can do as you wish.

The Man

James Latimer Cockney Rebel
05-18-2002, 08:48 PM
Thanks a lot, you are in fact, The Man. I'm a complete newbie when it comes to HTML so thanks for putting up with me. I also managed *by some fluke* to get that Alt text thing to come up as well. Hopefully this will be the last you hear of me for a while, thanks again!

05-18-2002, 09:31 PM
Oh yeah, forgot about that - it seems to be that on vBulletin boards you need to add the HTTP:// in front of the address - on normal web pages you can miss it out if you want :)

06-14-2002, 01:14 PM
"></center></a><br><br><center><table cellpadding=10><tr><td style="filter:GLOW(color="blue", strength=15)">
<b><FONT SIZE="3" COLOR="white" FACE="Times New Roman">"Saigo kamoshirenai darou...<br>Dakara... zenbu hanashi-te okitai n da..."</b></font></td></tr></table></center>

I can't seem to get it right! HOw will I center "Saigo Kamoshirenai darou... and at the same time the"Dakara Zanbu Hanaste... below centered?

06-14-2002, 02:36 PM
You need a center tag inside the table as well :)

06-15-2002, 03:55 AM
<br><br><center><table cellpadding=10><tr><td style="filter:GLOW(color="blue", strength=15)"></center><center>
<b><FONT SIZE="3" COLOR="white" FACE="Times New Roman">"Saigo kamoshirenai darou...<br>Dakara... zenbu hanashi-te okitai n da..."</b></font></td></tr></table></center>

oh... center tag then table, right? Then center tag again for the fonts, right?

The Man
06-15-2002, 03:58 AM
<FONT COLOR=38E897>Yes.

The Man

06-15-2002, 04:03 AM
hmm... thanks :) So how about vB codes does it have those table commands how will I don the same thing using vB codes?

Squally Leonharty
06-15-2002, 07:14 AM
Those kinds of vB codes doesn't exist. It's possible, though, if the administrators add a vB code for each table code (table, tr, td, and other stuff), but I really doubt they'd do that.

06-15-2002, 09:27 AM
Heh, there's not really any need since HTML is enabled in signatures anyway :)

07-20-2002, 05:48 AM
How about backround sounds in every message? Is that poosible? I think there is a tag called &lt;bgsound src= etc. something like that that played midi sounds in every message automatically, can somebody help me with that tag?

07-20-2002, 07:36 AM
For some strange reason, it only works in a TABLE tag for me, and not the normal FONT tagA bit off topic, but I think that's because it's supposed to be in the head of a HTML document. So, it doesn't work in the body but you can work around that by putting it in a table. *shrugs*</s>

EDIT: Duh, that's JavaScript, not CSS or whatever that style stuff is. Don't...just don't look at me in my moment of shame....

*holds up arms to shield face from camera*

07-20-2002, 10:14 AM
Actually, JavaScript doesn't have to be in the HEAD, it can appear within tags much like CSS can as well :D

As or BGSOUND, I haven't used it so don't know it's syntax, though I'm guessing you'd need to upload a midi or whatever to your site and link to it like that. Personally I find background sounds or music on a site annoying though :)

Citizen Bleys
07-20-2002, 01:45 PM
...and I don't want to hear "Cruel Angel's Thesis" every time I load a thread, thankyouverymuch, let alone any of the annoying MIDI's I've written, such as "Make The Bad Man Stop". Embedded MIDI in .sigs = bad.

07-21-2002, 12:44 PM
ei nobody knows the tag???

07-22-2002, 09:24 AM
ok my problem no is the source. If I want my midi to play where can I upload it for me to get the URL?