»
Tech Talk
»
How Do You Spell HTML?
»
UL in Tables
| How Do You Spell HTML? |
|
UL in Tables |
|
|
WhtDove Member Rara Avis
since 1999-07-22
Posts 9245Illinois 
|
Ok, I'm really trying to think here, and I'm confusing myself. LOL (so what's new) I'm trying to do an ul inside of tables. For each <li> (which is on a seperate line), do I have to do a <tr>? Each item would be a new row? If I left out the table part on the li it wouldn't be included in the table right? My brains are a bit muddy this morning, like thick coffee. LOL |
||
| © Copyright 2001 WhtDove - All Rights Reserved | |||
|
Nicole Senior Member
since 1999-06-23
Posts 1835Florida |
 No, you do not have to make a new <TR> for each <LI>. Look at this quickie code I did up: <TABLE> <TR> <TD>I like:<BR> <UL> <LI>My Kids</LI> <LI>My Family</LI> <LI>Gardening</LI> <LI>The Beach</LI> </UL> </TD> </TR> </TABLE> What that will create, essentially, is a box with a list in it. One Row, one Cell (the box), and by putting the <UL> inside the only <TD> in the table. So, if you tried to make a <TR> for each <LI> what would happen is this: <TABLE border="1"> <TR> <TD>I like:<BR> <UL> <LI>My Kids</LI> </TD> </TR> ****Note - I'm going to stop right here and point out the flaw in doing it this way, a big HTML no-no. See how the <UL> tag was opened inside a <TD>? That <UL> tag *needs* to be closed within that <TD> for it to work properly. Now, if you were to open and close a bulleted list, and give each list one list item - per <TD> and <TR> - that would most likely look rather messy, and would DEFINITELY be a pain in the rear. Best thing to do, would be to place the list inside one <TR>. You don't need (and really shouldn't) put them in more. Remember, tables are totally dynamic - they are within YOUR control. (provided the browser understands what you want it to do  ) So, you can have one <TR> be extremely wide and long...if you want. See what I mean?Hope this helps! |
||
|
WhtDove Member Rara Avis
since 1999-07-22
Posts 9245Illinois |
<font face="Courier New, Arial, Verdana" color="#000080" size="2">Nicole, it worked!! Bless you for all your help. I have a couple more problems. I got the tables up..the rows to the left, the top one isn't spacing right. It was, but not now..The bottom was like the top, they kind of reversed themselves. How can I get the right spacing inbetween both of them? Also you'll notice the headings Love & Fear, one is down farther than the other. It's like that on both sets. How can I fix this?? Here's the URL... http://www.geocities.com/whtdove377/bibleref1.html </font> [This message has been edited by WhtDove (edited 02-23-2001).] |
||
|
Nicole Senior Member
since 1999-06-23
Posts 1835Florida |
Okay - first I'll share this little, albeit REALLY helpful, trick I picked up when I started doing HTML...specifically, tables. When something like this happens, go into all your <TABLE> tags and set a border to 1. That way, you can actually see how the cells and rows are laid out. While the way you have your table set up, works just fine - one thing about the cells is that they're dynamic - they'll move to fit what you're putting in them. The "Fear" column looks longer, because it's designating the length of the cell - there's more text inside that cell. If you put a border on the table, you'll see what I mean. So, what might work better for you here, to line the two titles up horizontally would be to contain the first two titles, and the first two scriptures in one <TR> with two <TD>'s. Then start another <TR>, and so on. The top two will fall in beside each other, and the rest will line up below. One column will look a little longer at the end, but that's okay. Let me know if that works! |
||
|
WhtDove Member Rara Avis
since 1999-07-22
Posts 9245Illinois |
I have to laugh, you know I had already done a page in tables that way. DUH! LOL I don't know why I couldn't think. Maybe it's because I spent over 12 hours working on this yesterday.  I'll work on it some more after class. Thanks Nicole, I just couldn't think. (sharon if you're reading this, you're right, and thank you, I was brain dead.) |
||
|
|
⇧ top of page ⇧ |
|
| All times are ET (US). All dates are in Year-Month-Day format. | ||
