HTMLHelp Forums > add text hyperlink

HTMLHelp Forums > Web Authoring > General Web Design

TekEss

Aug 28 2006, 01:19 PM

Just found your forum, and really hope you good folk can help me.
Here is what I want to do, the following code is on my webpage

CODE

<table>

<tr>
    <td valign="top" align="justify"><div align="center">
        <p align="right"> <a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a><a href="http://www.myurl.com"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" width="441" height="251"><font size="3">BBQTalk
        Books</font></a></div></td>
  </tr>
</table>

I would like to be able to put another text hyperlink to the right of the picture and above "BBQTalk Books", but it wont let me. Something in the center, maybe even a flashing text...anything.

Can someone please tell me how to do this ?

Thanks

John Pozadzides

Aug 28 2006, 01:43 PM

QUOTE(TekEss @ Aug 28 2006, 01:19 PM)

CODE

I would like to be able to put another text hyperlink to the right of the picture and above "BBQTalk Books"

If you just want something above BBQTalk Books you can add it by putting it between "251"> and <font and use a line break <BR> so that it is on another line above BBQTalk. For example:

CODE

<table>
<tr>
    <td valign="top" align="justify"><div align="center">
        <p align="right"> <a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a><a href="http://www.myurl.com"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" width="441" height="251">Something goes here</br>
<font size="3">BBQTalk Books</font></a></div></td>
  </tr>
</table>

However, your HTML is very mangled and I would recommend replacing the entire thing with something like this:

CODE

<table cellspacing="2" cellpadding="2" border="0">
<tr>
    <td align="center"><a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a></td>
    <td align="center"><a href="http://www.myurl.com"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" alt="" width="441" height="251"></a></td>
    <td align="center">Something goes here<br><font size="3">BBQTalk Books</font></td>
</tr>
</table>

Christian J

Aug 28 2006, 01:48 PM

Isn't <font size="3"> the default size? In that case it becomes superfluous.

TekEss

Aug 28 2006, 01:53 PM

I musy have done something wrong in the copy and paste. when i copied your code into front page to view it, it didnt work...when i copoed my original pasted code from this post, it didnt work either...must have lost some...
here is another try

CODE

<table width="717" height="231" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center"> <a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a><a href="index.php?sid=cfb255259614fe94444c45d749f71190"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" width="441" height="251">

        <a href="http://www.amazon.ca/exec/obidos/redirect?link_code=ur2&tag=bbqtalk0e-20&camp=15121&creative=330641&path=external-search%3Fsearch-type=ss%26index=books-ca%26keyword=grilling" TARGET="_blank"><font size="3">BBQTalk
        Books</font></a></div><font color="#0000FF">
<img src="http://www.assoc-amazon.ca/e/ir?t=bbqtalk0e-20&l=ur2&o=15" border="0" alt="" style="border:none !important; margin:0px !important;" /></font></td>
  </tr>
</table>

John Pozadzides

Aug 28 2006, 02:47 PM

QUOTE(TekEss @ Aug 28 2006, 01:53 PM)

I musy have done something wrong in the copy and paste. when i copied your code into front page to view it, it didnt work..

The problem with MS Frontpage is that it does not create valid HTML. I can't explain why pasting the code that I created into it did not work. My code is completely valid so it should work in Frontpage or anywhere else...

Even though this is HORRIBLE HTML, try replacing exactly what you just posted with the following:

CODE

<table width="717" height="231" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div align="center"> <a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a><a href="index.php?sid=cfb255259614fe94444c45d749f71190"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" width="441" height="251">

        <a href="http://www.amazon.ca/exec/obidos/redirect?link_code=ur2&tag=bbqtalk0e-20&camp=15121&creative=330641&path=external-search%3Fsearch-type=ss%26index=books-ca%26keyword=grilling" TARGET="_blank"><font size="3">PUT SOMETHING HERE<BR>BBQTalk
        Books</font></a></div><font color="#0000FF">
<img src="http://www.assoc-amazon.ca/e/ir?t=bbqtalk0e-20&l=ur2&o=15" border="0" alt="" style="border:none !important; margin:0px !important;" /></font></td>
  </tr>
</table>

Notice, the ONLY thing I did was add the following:

CODE

PUT SOMETHING HERE<BR>

before BBQTalk Books.

TekEss

Aug 28 2006, 02:59 PM

Thanks for the help.

here is what your code produced
http://www.bbqtalk.ca/test.htm

Christian J

Aug 28 2006, 03:16 PM

QUOTE(TekEss @ Aug 28 2006, 08:53 PM)

You removed the <p align="right"> ... </p> part.

But I recommend you use a 3-column table instead.

John Pozadzides

Aug 28 2006, 03:33 PM

QUOTE(Christian J @ Aug 28 2006, 03:16 PM)

But I recommend you use a 3-column table instead.

That is the code I previously provided. But Frontpage apparantly screwed it up.

John

John Pozadzides

Aug 28 2006, 03:46 PM

QUOTE(TekEss @ Aug 28 2006, 02:59 PM)

here is what your code produced
http://www.bbqtalk.ca/test.htm

In your Web browser, when you are looking at the page, if you use the VIEW -> SOURCE drop down menu you can see the raw code coming from the server. In this case, you'll see:

CODE

<table>

<tr>
    <td><div align="center"> <a href="http://www.cafepress.com/bbqtalk" TARGET="_blank"><font size="3">BBQTalk
        Store</font></a><a href="index.php?sid=cfb255259614fe94444c45d749f71190"><img border="0" src="templates/NoseBleed/images/bbqtalk.jpg" width="441" height="251">

        </a>

        <a
href="http://www.amazon.ca/exec/obidos/redirect?link_code=ur2&tag=bbqtalk0e-20&camp=15121&creative=330641&path=external-search%3Fsearch-type=ss%26index=books-ca%26keyword=grilling" TARGET="_blank"><font size="3"> PUT SOMETHING HERE<BR>BBQTalk
        Books</font></a></div><font color="#0000FF">
<img src="http://www.assoc-amazon.ca/e/ir?t=bbqtalk0e-20&l=ur2&o=15" border="0" alt="" style="border:none !important; margin:0px !important;" /></font></td>
  </tr>

This differs from the code that I previously posted in that there is an extra </a> and the </table> is missing from the end. I'm not sure why Frontpage is modifying things when you paste them back in there. I have never used that program to create a page. Sorry.

If you try uploading the attached test page to your server you will see that it works perfectly, and unlike the Frontpage code it is valid.Click to view attachment I wish I could offer more assitance, but the problem here is with the program you are using to edit your HTML, not with the code.

My strong preference is to write my code by hand, but if you need to use a WYSIWYG editor, I would recommend switching to Amaya.

John

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.