Jump to content
Sign in to follow this  
Nucklehed

I'm so "new"

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

your're welcome. good luck!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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! :)

Share this post


Link to post
Share on other sites

paste some code here if you need some more help with your links.

Share this post


Link to post
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? :)

Share this post


Link to post
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.......

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...