HTML help!

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

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


Here you go! ;)

Edit: Forgot to close the tag. Heh.

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?

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

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

that would be

that will give yah a red border

PHP Code:

---

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


---

at least

it should try the tag bordercolor="#ff0000"

As for bordercolor, this is how to use it:

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


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

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?

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

<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>

Which produces:



Nifty, eh? :D

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

Edit: the max value for border is 7, I think.

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

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. :)

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?

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

In THAT order, and nothing else.

That'll make:

Enter stuff here.

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

border="number" (only in table) = shows the border, the number represents the thickness

bordercolor="colour" (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.

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

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

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

<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>

Which produces this:

Whatever.		Meh.
Number One.	Number Two.	Number Three

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

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

Which produces:

Whatever.	Number One.
	Cell below "Whatever".
Number Two.	Number Three
The rest of the cell.

Note 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:

<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>

Which produces:

Wheee.		Nothing.
		Nothing, either.
Again, nothing.	Guess what? Still nothing!

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

*phew*

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

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.

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:

<body link="whatever the colour is">
<a href="URL"><img src="URL to picture" border="number"></a>
</body>

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

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. >_<

Edit: Holy crap! It IS exactly one hour! :p

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?

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:

<a href="URL"><img src="URL to picture" style="border-color:blue;"></a>

I assure you that works.


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

<a href="URL" target="_____">

_____ can be:

- newwindow
- _blank

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

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?

_blank and newwindow have both the same function: popping up a new window.


I think with border is better than without one.

How to make the fonts glow!?

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 :)

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

Good!

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!?

You can use both words and hexademical numbers. And yes, you can make different fonts glow. :)

Hexadecimal would be better, better you can tweak the colour to suit your purposes much more precisely :)

How do you mean different fonts?

I don't see why not, just change the font face like you normally do :p

Though it appears you have to do it in paragraph chunks, it doesn't seems to work for individual letters :)

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

They look nice, though. :p

Shame it's an IE thing only :p I don't remember that many other effects off the top of my head though :D

It's interesting how this highlights :D

:laugh: :D

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

hey that's cool how did you do that upside down thingy!?

Just add this:

flipV()

in the TD tag. :D

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

Not just inside the TD tag, but inside the STYLE parameter as such:

<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. :)

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

Yeah, the <S> tag is an HTML, not a vB tag :p

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.

Just put the <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

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
OWA

Actually, you just need to put “http://” before your URL in your HREF tag. That’s the only problem I can see. :greenie: Here’s an example from my signature:

Code:

---

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

---

That yields:



Click on it to try it out.

Anyway, that should do it. I don’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 “target=_blank” in my code causes my web page to open in a new window. I like that. You can do as you wish.

Peace
The Man

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!

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 :)

">

"Saigo kamoshirenai darou... Dakara... zenbu hanashi-te okitai n da..."

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?

You need a center tag inside the table as well :)

"Saigo kamoshirenai darou... Dakara... zenbu hanashi-te okitai n da..."

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

Yes.

Peace
The Man