Elements that tile

  • MasterSlowPoke
  • Newbie
  • Newbie
  • MasterSlowPoke
  • Posts: 7
  • Loc: Tampa

Post 3+ Months Ago

http://www.craigsniffen.com/images/v3/

See how each line of text is brings everything after it down a line? I want it to look like this:

http://www.craigsniffen.com/index.php?album=bowling

So basicly, I need the image and the text caption to be a single element, where they don't affect of the elements around them. I can't think of any way to do this. Making each one a table doesn't work because a table has a newline when it's ended.

I'd rather not use a table for this, I'd like the text wrap to wrap the images around so it fills in the most space it can. For example a maximized window there may be 8 columns of images, and on a smaller window, 5.

Me, nor any of my friends can find a way to do this.
  • panreach
  • Novice
  • Novice
  • User avatar
  • Posts: 28

Post 3+ Months Ago

Just in case you change your mind about tables.

Code: [ Select ]
<table>
 <tr>
        <td align="center"><A HREF=bowling/amber.jpg><IMG SRC=bowling/amberthumb.jpg BORDER=0></A><BR>Amber!
        <td align="center"><A HREF=bowling/graham.jpg><IMG SRC=bowling/grahamthumb.jpg BORDER=0></A><BR>Graham
        <td align="center"><A HREF=bowling/jim.jpg><IMG SRC=bowling/jimthumb.jpg BORDER=0></A><BR>Jim
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/andrew.jpg><IMG SRC=bowling/andrewthumb.jpg BORDER=0></A><BR>Andrew
        <td align="center"><A HREF=bowling/rachel.jpg><IMG SRC=bowling/rachelthumb.jpg BORDER=0></A><BR>Rachel!
        <td align="center"><A HREF=bowling/andrewkelly.jpg><IMG SRC=bowling/andrewkellythumb.jpg BORDER=0></A><BR>Andrew &<BR>Kelly
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/carolinekelly.jpg><IMG SRC=bowling/carolinekellythumb.jpg BORDER=0></A><BR>Caroline &<BR>Kelly
        <td align="center"><A HREF=bowling/carolinejess.jpg><IMG SRC=bowling/carolinejessthumb.jpg BORDER=0></A><BR>Caroline &<BR>Jessica
        <td align="center"><A HREF=bowling/jimgraham.jpg><IMG SRC=bowling/jimgrahamthumb.jpg BORDER=0></A><BR>Jim &<BR>Graham
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/orgy.jpg><IMG SRC=bowling/orgythumb.jpg BORDER=0></A><BR>Most Everyone
        <td align="center"><A HREF=bowling/feet.jpg><IMG SRC=bowling/feetthumb.jpg BORDER=0></A><BR>Love
        <td align="center"><A HREF=bowling/couple.jpg><IMG SRC=bowling/couplethumb.jpg BORDER=0></A><BR>Hate
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/thekiss.jpg><IMG SRC=bowling/thekissthumb.jpg BORDER=0></A><BR>Relationship
        <td align="center"><A HREF=bowling/rachelride.jpg><IMG SRC=bowling/rachelridethumb.jpg BORDER=0></A><BR>Ride the Pig
        <td align="center"><A HREF=bowling/rachelsad.jpg><IMG SRC=bowling/rachelsadthumb.jpg BORDER=0></A><BR>Score: 32
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/zach.jpg><IMG SRC=bowling/zachthumb.jpg BORDER=0></A><BR>Big Hand</P>
        <td align="center"></td>
        <td align="center"></td>
 </tr>
    <tr>
        <td colspan="3">
            <P>This is Target Terror, a game that my friend and webmaster of the RPG Maker Pavilion, Kireblade, helped make. He did the Golden
            Gate Bridge level and you can shoot him if you find him.</P>
        </td>
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/targetterror.jpg><IMG SRC=bowling/targetterrorthumb.jpg BORDER=0></A><BR>Cabinet
        <td align="center"><A HREF=bowling/targetmain.jpg><IMG SRC=bowling/targetmainthumb.jpg BORDER=0></A><BR>Title Screen
        <td align="center"><A HREF=bowling/targetme.jpg><IMG SRC=bowling/targetmethumb.jpg BORDER=0></A><BR>Blowing Away<BR>Terrorists
    </tr>
    <tr>
        <td align="center"><A HREF=bowling/targetrachel.jpg><IMG SRC=bowling/targetrachelthumb.jpg BORDER=0></A><BR>JUSTICE<BR>MODE
        <td align="center"><A HREF=bowling/911.jpg><IMG SRC=bowling/911thumb.jpg BORDER=0></A><BR>Odd
        <td align="center"></td>
 </tr>
</table>
  1. <table>
  2.  <tr>
  3.         <td align="center"><A HREF=bowling/amber.jpg><IMG SRC=bowling/amberthumb.jpg BORDER=0></A><BR>Amber!
  4.         <td align="center"><A HREF=bowling/graham.jpg><IMG SRC=bowling/grahamthumb.jpg BORDER=0></A><BR>Graham
  5.         <td align="center"><A HREF=bowling/jim.jpg><IMG SRC=bowling/jimthumb.jpg BORDER=0></A><BR>Jim
  6.     </tr>
  7.     <tr>
  8.         <td align="center"><A HREF=bowling/andrew.jpg><IMG SRC=bowling/andrewthumb.jpg BORDER=0></A><BR>Andrew
  9.         <td align="center"><A HREF=bowling/rachel.jpg><IMG SRC=bowling/rachelthumb.jpg BORDER=0></A><BR>Rachel!
  10.         <td align="center"><A HREF=bowling/andrewkelly.jpg><IMG SRC=bowling/andrewkellythumb.jpg BORDER=0></A><BR>Andrew &<BR>Kelly
  11.     </tr>
  12.     <tr>
  13.         <td align="center"><A HREF=bowling/carolinekelly.jpg><IMG SRC=bowling/carolinekellythumb.jpg BORDER=0></A><BR>Caroline &<BR>Kelly
  14.         <td align="center"><A HREF=bowling/carolinejess.jpg><IMG SRC=bowling/carolinejessthumb.jpg BORDER=0></A><BR>Caroline &<BR>Jessica
  15.         <td align="center"><A HREF=bowling/jimgraham.jpg><IMG SRC=bowling/jimgrahamthumb.jpg BORDER=0></A><BR>Jim &<BR>Graham
  16.     </tr>
  17.     <tr>
  18.         <td align="center"><A HREF=bowling/orgy.jpg><IMG SRC=bowling/orgythumb.jpg BORDER=0></A><BR>Most Everyone
  19.         <td align="center"><A HREF=bowling/feet.jpg><IMG SRC=bowling/feetthumb.jpg BORDER=0></A><BR>Love
  20.         <td align="center"><A HREF=bowling/couple.jpg><IMG SRC=bowling/couplethumb.jpg BORDER=0></A><BR>Hate
  21.     </tr>
  22.     <tr>
  23.         <td align="center"><A HREF=bowling/thekiss.jpg><IMG SRC=bowling/thekissthumb.jpg BORDER=0></A><BR>Relationship
  24.         <td align="center"><A HREF=bowling/rachelride.jpg><IMG SRC=bowling/rachelridethumb.jpg BORDER=0></A><BR>Ride the Pig
  25.         <td align="center"><A HREF=bowling/rachelsad.jpg><IMG SRC=bowling/rachelsadthumb.jpg BORDER=0></A><BR>Score: 32
  26.     </tr>
  27.     <tr>
  28.         <td align="center"><A HREF=bowling/zach.jpg><IMG SRC=bowling/zachthumb.jpg BORDER=0></A><BR>Big Hand</P>
  29.         <td align="center"></td>
  30.         <td align="center"></td>
  31.  </tr>
  32.     <tr>
  33.         <td colspan="3">
  34.             <P>This is Target Terror, a game that my friend and webmaster of the RPG Maker Pavilion, Kireblade, helped make. He did the Golden
  35.             Gate Bridge level and you can shoot him if you find him.</P>
  36.         </td>
  37.     </tr>
  38.     <tr>
  39.         <td align="center"><A HREF=bowling/targetterror.jpg><IMG SRC=bowling/targetterrorthumb.jpg BORDER=0></A><BR>Cabinet
  40.         <td align="center"><A HREF=bowling/targetmain.jpg><IMG SRC=bowling/targetmainthumb.jpg BORDER=0></A><BR>Title Screen
  41.         <td align="center"><A HREF=bowling/targetme.jpg><IMG SRC=bowling/targetmethumb.jpg BORDER=0></A><BR>Blowing Away<BR>Terrorists
  42.     </tr>
  43.     <tr>
  44.         <td align="center"><A HREF=bowling/targetrachel.jpg><IMG SRC=bowling/targetrachelthumb.jpg BORDER=0></A><BR>JUSTICE<BR>MODE
  45.         <td align="center"><A HREF=bowling/911.jpg><IMG SRC=bowling/911thumb.jpg BORDER=0></A><BR>Odd
  46.         <td align="center"></td>
  47.  </tr>
  48. </table>
  • MasterSlowPoke
  • Newbie
  • Newbie
  • MasterSlowPoke
  • Posts: 7
  • Loc: Tampa

Post 3+ Months Ago

Well, I do know tables, as seen on the second page, but thanks for taking the time to format it anyway.

Edit:
Well, I couldn't figure it out, so I pretty much gave up on that pipe dream. If any of you figure it out though, I'll change it in a heartbeat though.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 33 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.