The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> table rows of varying numbers of cells
jimlongo
post Mar 17 2010, 12:59 PM
Post #1


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



Is there some way to do this ? Arrange the tds in a table, different numbers of rows each centered across the table width.Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 17 2010, 01:18 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



You can use colspan like this:
CODE
<tr>
  <td colspan="2">X</td><td colspan="2">X</td><td colspan="2">X</td><td colspan="2">X</td>
</tr><tr>
  <td></td><td colspan="2">X</td><td colspan="2">X</td><td colspan="2">X</td><td></td>
</tr><tr>
  <td colspan="2"></td><td colspan="2">X</td><td colspan="2">X</td><td colspan="2"></td>
</tr>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Mar 17 2010, 01:35 PM
Post #3


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



Good one, thanks Darin.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 17 2010, 03:15 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Nifty!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
jimlongo
post Mar 17 2010, 03:22 PM
Post #5


This is My Life
*******

Group: Members
Posts: 1,128
Joined: 24-August 06
From: t-dot
Member No.: 16



Is that non-standard. I ask because it seems to make TDs varying sizes.
http://janisellis.com/tables.html


Also seems to be making this table wider than it should be
http://janisellis.com/index.html

unless there's something wrong with this css
CODE
td {
padding: 15px 0  15px 15px;
}
        
table,tr {
width:550px;
margin-right:auto;
margin-left:auto;
}    

img.thumb {
display: block;
margin-left: auto;
margin-right: auto;
border:0;
}


This post has been edited by jimlongo: Mar 17 2010, 03:30 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 08:02 PM