Displaying photos, buttons, widgets in matrix

  • I am trying to display photos, buy now buttons on my blog page. I can do this horizontally by stacking one on top of the other, but what I really want is a matrix so I can display them in rows and columns. The current situation is bad as you have to scroll down forever and thre-quarters of the page is blank.

    How can I implement such a matrix? I am not an advanced developer by any means. Thanks.

    I want:
    Button 1 Button 2 Button 3 Button 4

    Button 5 Button 6 Button 7 Button 8

    Widget1 Widget 2 Widget 3 Widget4

Viewing 2 replies - 1 through 2 (of 2 total)

  • Tables can be one of the trickiest parts of a web design. And, placing widgets in a table with other content may be particularly challenging.

    Most designers today favor the use of divs and CSS to design tables, but the old-fashioned way is easier to demonstrate. Here is how you could set up your buttons using table tags:

    <table>
   <tr>
      <td>Button 1</td>
      <td>Button 2</td>
      <td>Button 3</td>
      <td>Button 4</td>
   </tr>
   <tr>
      <td>Button 5</td>
      <td>Button 6</td>
      <td>Button 7</td>
      <td>Button 8</td>
   </tr>
</table>

    Of course, you would probably have to add a LOT of modifiers, like width, bgcolor, and borders, to each tag to get the table to look the way you want. And, it may not look the same in all browsers without a lot of fiddling.

    Thread Starter pcartwright1953

    (@pcartwright1953)

    Thanks…trying this approach!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Displaying photos, buttons, widgets in matrix’ is closed to new replies.