0

Hi all!

I need to know how to repeat a javascript code snippet, until the table's row is full - so without stretching it. The row is inside the middle column of an 80% width table, made up of 3 columns, one for a left side graphic, the middle column for the content, and the right hand side one for the right side graphic.

All the javascript code is writes in a random 35/35 thumbnail image, and so i want this to repeat all the way to the end, so its good for all resolutions.

Thanks verrrry much guys and gals :]
Max

PS. Page: http://www.grafax.co.uk/testingserver/daniweb/example.html
& its the images at the top that I want repeated right to the edge.

2
Contributors
1
Reply
2
Views
9 Years
Discussion Span
Last Post by MidiMagic
0

Those images are predefined, and set to occupy a certain percentage of the width of the page. They contain links to other pages. It's a menu.

You need to do the following. The example is for 10 images:

<html>
<head>
...
<style type="text/css">
.wfl {width: 100%}
.w10 {width: 10%; margin: 0; border: none; padding: 0; text-align: center;}
.pic {padding: 2px; clear: both;}
</style>
...
</head>
<body>
...
<table class="wfl">
  <tr>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic1" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic2" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic3" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic4" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic5" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic6" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic7" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic8" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic9" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic10" />
    </td>
  </tr>
</table>   
...
</body>
</html>

blank.jog is an image the same size, with nothing but your background color in it. This holds the places until js loads the images.

Now use js to insert your random thumbnails.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.