a code for table?, not sure if it is called table Options

[mcshieldsniper]

i've seen people with a table like thing in their web pages with a picture in each cell, and if u click on an image in a cell, it'll open up in a new window.

anybody know the code for it? thanks

~stealthspy12

[whomps]

Er.. do you have an example?

[threepointone]

it's not that simple; first you'll have to make your own thumbnails for the pictures (like smaller-resolution ones), and then you'll have to host both the small and the full-size ones somewhere.

here's a general layout of the HTML, though:

CODE

<table border="0" cellspacing="0" cellpadding="0">
    <tbody>
         <tr>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
         </tr>
         <tr>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
         </tr>
    </tbody>
</table>

this isn't any easy ol' copy-and-paste code, though, you'll really have to customize it to what you're using it for. First, you'll have to figure out how this HTML works-- the sample i gave will give you a table that's 3x2 (three columns, two rows). to add another row to the table, add one of these:

CODE

         <tr>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>
         </tr>

similarly, to remove a row, delete one of the "<tr>...</tr>" blocks. adding or removing a column is a bit harder; you'll have to add or delete a

CODE

              <td>
                   <a href="[URL TO FULL-SIZE IMAGE HERE]" target="_blank"><img src="[URL TO THUMBNAIL IMAGE HERE]" height="[height of thumbnail] width="[width of thumbnail]" border="0" /></a>
              </td>

from each of the "<tr>...</tr>" blocks.


sorry if this is a bit difficult, but this is pretty much the best way to do it that i know of, unless you've got one of those webpage editing software programs, like dreamweaver

[mcshieldsniper]

yeah this is wat i was looking for, thanks