Jump to content

I'm so "new"


Nucklehed

Recommended Posts

<tr> = Table RowBy itself, it does nothing. It requires the use of the <table> and <td> tags. Think of HTML tables like a spreadsheet - the <tr> just tells you that you are on a particular row. Without the <table> you won't know which spreadsheet you're working on. Without the <td> you won't know what column you are in.W3Schools has a great introduction to tables here:http://www.w3schools.com/html/html_tables.aspRead through that and let me know if you have any other questions.:)

Link to comment
Share on other sites

waitaminute...If I put that within the table tag itself, won't that make all of the items in the table hyperlinks? I have several items in the table... I only want ONE item (a graphic slice) to be a link...Also, this seems to work for hyperlinking, but does it also work for e-mail?I really appreciate the help, guys! :)

Link to comment
Share on other sites

Okay, here's a typical table with one row (I've omitted extra rows for brevity's sake...):<table id="Table_01" width="622" height="1038" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="10"> <img src="images/index_01.gif" width="621" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr></table>Lets' say I wanted to make "images/index_01.gif" work as a huperlink to www.w3schools.com.Also, I want "images/spacer.gif" work as an email prompt for bob@w3schools.com.I know I need an <a> tag and a href within it. I'm also half-way sure how to write the tags. But, I'm not sure where to slip it into the current code.Can you guys show me? :)

Link to comment
Share on other sites

Okay, here's a typical table with one row (I've omitted extra rows for brevity's sake...):<table id="Table_01" width="622" height="1038" border="0" cellpadding="0" cellspacing="0"> <tr>  <td colspan="10">  <img src="images/index_01.gif" width="621" height="1" alt=""></td>  <td>  <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr></table>Lets' say I wanted to make "images/index_01.gif" work as a huperlink to www.w3schools.com.Also, I want "images/spacer.gif" work as an email prompt for bob@w3schools.com.I know I need an <a> tag and a href within it. I'm also half-way sure how to write the tags. But, I'm not sure where to slip it into the current code.Can you guys show me? :)

HI The IMG tag has a onclick event which i guess u can use.<IMG onclick="location.href='sample.htm' "src="winxp.gif">Hope it helped.......
Link to comment
Share on other sites

Okay, here's a typical table with one row (I've omitted extra rows for brevity's sake...):<table id="Table_01" width="622" height="1038" border="0" cellpadding="0" cellspacing="0"> <tr>  <td colspan="10">  <img src="images/index_01.gif" width="621" height="1" alt=""></td>  <td>  <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr></table>Lets' say I wanted to make "images/index_01.gif" work as a huperlink to www.w3schools.com.Also, I want "images/spacer.gif" work as an email prompt for bob@w3schools.com.I know I need an <a> tag and a href within it. I'm also half-way sure how to write the tags. But, I'm not sure where to slip it into the current code.Can you guys show me? :)

how is this:
<table id="Table_01" width="622" height="1038" border="0" cellpadding="0" cellspacing="0"><tr><td colspan="10"><a href="yourpage.htm" title="Page Title"><img src="images/index_01.gif" width="621" height="1" border="0" alt="insert alternate text here" /></a><br /></td><td><a href="mailto:bob@w3schools.com" title="send e-mail to: bob@w3schools.com"><img src="images/spacer.gif" width="1" height="1" border="0" alt="bob@w3schools.com" /></a><br /></td></tr></table>
here is some explanation, might not need it but here it goes,:a.) I always put a break tag at the end of a line when I am done. This solves all cross browser rendering issues - most common one is when tables are used for layout and it looks good in IE but netscape might show a small whitespace between images - this will stop that. Plus, I think it is a good idea to always have your pages tell the browser everyting you can - don't assume the browser knows you are done with a line of code just cuz there is a </td>.b.) with XHTML, you;ll want to get in the habbit of using the proper single tag conventions <img... src... /> and attributes like title="xxxx"c.) I have summarized my coding conventions here:http://www.mmsug.org/?q=coding_convention_tip(adopt them or something that works for you - it makes coming back to your code easier)Hope that helps.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...