Nucklehed Posted November 1, 2005 Share Posted November 1, 2005 HI, guys. I'm brand new to web coding. Been using slices in AI to create web page layout. Recently started reading tutorials and such. Have questions from time to time.How about this:What is this tag?<tr>What's it for? Link to comment Share on other sites More sharing options...
Skemcin Posted November 1, 2005 Share Posted November 1, 2005 <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 More sharing options...
Nucklehed Posted November 1, 2005 Author Share Posted November 1, 2005 Thank you. I'll read that through! Link to comment Share on other sites More sharing options...
Skemcin Posted November 1, 2005 Share Posted November 1, 2005 your're welcome. good luck! Link to comment Share on other sites More sharing options...
Nucklehed Posted November 1, 2005 Author Share Posted November 1, 2005 Help again?How could I say, turn the content in one of these tables/slices into a hyperlink or email link?I create slices in AI, then they become tables in HTML (you knew that). I'd like to be able to turn some of the slices into links... Link to comment Share on other sites More sharing options...
Chocolate570 Posted November 2, 2005 Share Posted November 2, 2005 When you're writing what's in the table tag, insert:<a href="http://linkhere">Link Text</a> Link to comment Share on other sites More sharing options...
Nucklehed Posted November 2, 2005 Author Share Posted November 2, 2005 Thanks, Chocolate! Link to comment Share on other sites More sharing options...
Nucklehed Posted November 2, 2005 Author Share Posted November 2, 2005 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 More sharing options...
Nucklehed Posted November 2, 2005 Author Share Posted November 2, 2005 I found the links tutorial. Probably will help. Link to comment Share on other sites More sharing options...
Skemcin Posted November 2, 2005 Share Posted November 2, 2005 paste some code here if you need some more help with your links. Link to comment Share on other sites More sharing options...
Nucklehed Posted November 2, 2005 Author Share Posted November 2, 2005 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 More sharing options...
maelstorm Posted November 2, 2005 Share Posted November 2, 2005 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? <{POST_SNAPBACK}> 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 More sharing options...
Skemcin Posted November 2, 2005 Share Posted November 2, 2005 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 More sharing options...
Nucklehed Posted November 2, 2005 Author Share Posted November 2, 2005 Wow.Thanks!I'm gonna check out your coding convention info... Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now