0
Welcome Guest! Login
0 items Join Now

How to create a rowspan using div

  • How to create a rowspan using div

    Posted 16 years 11 months ago
    • I am not sure if this is possible or not, self teaching.

      I read somewhere it is better to use div than tables, so I am trying to convert a table into div but I am stuck don't know how to create rowspan using div.

      This is the same template I am trying to convert to div
      <table width="220" class="browseContainer">
      &nbsp; <tr>
      &nbsp; &nbsp; <td width="50px" rowspan="2" align="center" style="font-size:16px; font-weight:bold;"><?php echo $test ?></td>
      &nbsp; &nbsp; <td width="170px" align="center"><?php echo test two ?></td>
      &nbsp; </tr>
      &nbsp; <tr width="170px" align="center">
      &nbsp; &nbsp; <td><?php echo test three ?></td>
      &nbsp; </tr>
      </table>
    • VirtueShop
  • Re: How to create a rowspan using div

    Posted 16 years 11 months ago
    • Just curious, what sort of content are you displaying in that table?
  • Re: How to create a rowspan using div

    Posted 16 years 11 months ago
    • 'Price', 'add to cart' and 'view product detail' buttons
    • VirtueShop
  • Re: How to create a rowspan using div

    Posted 16 years 11 months ago
    • The reason I ask is that most CSS gurus state that tables are fine for tabular data, you generally avoid them for page layout however. Many people debate what is considered tabular data.

      When you start using divs to reproduce seemingly simple table structure, you soon learn that it can get very complicated and there can be numerous ways to achieve the end result. If you are unfamiliar with using divs I would suggest the following book. Its relatively easy to follow and really helped me truly understand current CSS techniques.

      www.cssmastery.com/

      Click on "Download a sample chapter" and look through that. You will see some info that relates to your question.

      Amazon has a good price on that book or you purchase a digital version at:
      www.friendsofed.com/download.html?isbn=1590596145

      Hope that gets you on the right path!
    • Yves's Avatar
    • Yves
    • Preeminent Rocketeer
    • Posts: 9214
    • Thanks: 5

    Re: How to create a rowspan using div

    Posted 16 years 11 months ago
  • Re: How to create a rowspan using div

    Posted 16 years 11 months ago
    • Both look good, downloaded a sample chapter of the book, excellent explanation, definitely a buy.
    • VirtueShop
  • Re: How to create a rowspan using div

    Posted 16 years 11 months ago

Time to create page: 0.076 seconds