rowspan use in tables

autopost · Jan 9, 2008

Hello, 
I am trying to put a pedigree for a friends pets into a table format. I have been using the rowspan tag so far with no problems to show offspring of the parent. But on the very last animal (Shawnee) I am not able to get his three kids (Emily, Elvis and Blue Storm)to be next to his cell. You can see where it works earlier with Heidi and her offspring. What am I missing? 
 
I have linked the site below. 
 
 
Thanks!! 
Lindsay 
<a class="postlink" href="http://www.angelfire.com/al4/patesfuzzyfarm/pedigree.htm">http://www.angelfire.com/al4/patesfuzzy ... digree.htm</a>looks like you just have an extra <td> in there or something. count all your <td>s. i usually make a graph in multicolor to help me plot what goes where. when you get into row and column spans, it can be pretty confusing sometimes.you have many <td> tags with no writing in them. was this on purpose? i suggest for a table that big you use an editor like the one in word.Yea, that shows us your knowledge of html.Morrow. Do you know **** of HTML? <td> tag's don't need anything in them. They can be there to just fill up space that is not being used. If you knew HTML, you would know what I am speaking of. Moron. 
 
EDIT: Here we go smartass. The <TD> tags are there to do something called, CREATIVITY.ok, 
 
I cleaned it up a little and checked for tags I forgot to close. I was able to get all three of the kids (Elvis, Emily and Blue Storm) on the same line- but I can't get it on the same line next to Shawnee. At least Shawnee is 3 rows deep now

Any other suggestions? 
Thanks!! 
 
Lindsay 
 
<a class="postlink" href="http://www.angelfire.com/al4/patesfuzzyfarm/pedigree.htm">http://www.angelfire.com/al4/patesfuzzy ... digree.htm</a>There is probably a much better way of doing this, but the night is getting long and thinking is just not there. Try this... 
 
<table border="1"><tr> 
<th>1st gen</th><th>2nd gen</th><th>3rd gen</th><th>4th gen</th> 
</tr><tr> 
<td>Bluebell</td><td> </td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Eve</td><td>Evie Jr.</td><td> </td><td> </td> 
</tr><tr> 
<td>HT's Felicity</td><td> </td><td> </td> 
</tr><tr> 
<td>HT's Eeyore</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="2">Tempest</td><td>Milk Duds</td><td> </td><td> </td> 
</tr><tr> 
<td>Buttercup</td><td> </td><td> </td> 
</tr><tr> 
<td>Gizelle</td><td> </td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Heidi</td><td>Heidi Jr.</td><td> </td><td> </td> 
</tr><tr> 
<td>Hayley</td><td> </td><td> </td> 
</tr><tr> 
<td>Heiden</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="2">Rosey</td><td>Rosalie</td><td> </td><td> </td> 
</tr><tr> 
<td>Rahja</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Shawnee</td><td>Emily</td><td> </td><td> </td> 
</tr><tr> 
<td>Elvis</td><td> </td><td> </td> 
</tr><tr> 
<td>Blue Storm</td><td> </td><td> </td> 
</tr></table>Looks pretty good, and thanks for your help. That gives me Elvis, Emily and Blue Storm all on the same line, but I need them in the next column after Shawnee- I will try to do it below but not sure if it will get messed up or not. 
 
Col 2 &nbsp &nbsp Col 3 &nbsp &nbsp Col 4 
 
Rahja--Shawnee--Emily 
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp&nbsp &nbsp -Elvis 
&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp-Blue Storm 
 
I left column one out from above. 
 
 
LindsayPerhaps this then? 
 
<table border="1"><tr> 
<th>1st gen</th><th>2nd gen</th><th>3rd gen</th><th>4th gen</th> 
</tr><tr> 
<td>Bluebell</td><td> </td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Eve</td><td>Evie Jr.</td><td> </td><td> </td> 
</tr><tr> 
<td>HT's Felicity</td><td> </td><td> </td> 
</tr><tr> 
<td>HT's Eeyore</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="2">Tempest</td><td>Milk Duds</td><td> </td><td> </td> 
</tr><tr> 
<td>Buttercup</td><td> </td><td> </td> 
</tr><tr> 
<td>Gizelle</td><td> </td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Heidi</td><td>Heidi Jr.</td><td> </td><td> </td> 
</tr><tr> 
<td>Hayley</td><td> </td><td> </td> 
</tr><tr> 
<td>Heiden</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="4">Rosey</td><td>Rosalie</td><td> </td><td> </td> 
</tr><tr> 
<td rowspan="3">Rahja</td><td rowspan="3">Shawnee</td><td>Emily</td> 
</tr><tr> 
<td>Elvis</td> 
</tr><tr> 
<td>Blue Storm</td> 
</tr></table>Sorry about going off subject there clazoo. Just going throught some problems right now. Glad you got it working to you likeing.Thank you so much everybody, especially Htmlite, my friend will be so excited to see this working! I really appreciate the time you took to help a newbie. 
 
LindsayIt can still break in some browsers. Check the last few [nesting errors (<a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.angelfire.com%2Fal4%2Fpatesfuzzyfarm%2Fpedigree.htm&doctype=HTML+4.01+Transitional&charset=iso-8859-1+%28Western+Europe%29&ss=1&outline=1&sp=1&verbose=1">http://validator.w3.org/check?uri=http% ... &verbose=1</a>)] in the code, as well as several other minor things. 
 
 
Add type="text/javascript" to every <script> tag. 
 
 
Add alt="some text" to every <img > tag, the text reflecting what is in the dispayed image. On unimportant images, like spacer elements, a minimum of alt="" is fine. For bullet-point images, alt="*" is often used. Search engines do index the alt text. The alt attribute is a required element. 
 
 
Check the nesting errors that remain.

rowspan use in tables

autopost

Guest