My effin table is going to do me in

[Duke Will]

I promise, I spent like four hours on this, so I did try real hard. I even read two tutorials on tables. I'm no html expert but I get the job done. You can tell by my code that I'm no expert.

I am building my site at http://www.dukewill.com. At the top where you see the cartoons, I am trying to do this...

1. Put a comment (about the toilet guy) on the left
2. Stick the toilet guy image directly to the right of that
3. Put the guitar guy below the first comment (next row)
4. Stick the comment (about the guitar guy... me) to the right of that
5. Have all of that centered up close in the middle of the screen

So, I figured I had to do it with a table. I swear, I tried this sucker every which a way I could think of to do it. Must've done it 50 times. For the first 20-30 times of changing this variable and that variable, I never could get the second row of stuff to appear. I finally lucked up and got it to appear, except the guitar guy was way up on the first row. I can't figure that out at all, since in the code, he was in Row 2.

Anyway, I kept jacking around with it and finally lucked up until it was displayed like I want it on my screen. (Opera) I even changed the size attibutes of the images. Obviously, there's something I don't know about images in tables.

But I'd like someone to tell me how to do it. I probably did it wrong. For the longest, I thought it was a conflict with my overall page design, which is a big table.

If you can look at the view code, thanks so much.

I'm not that keen on the border for this. It's too black. A friend... I don't know how he did it. He found a "musical note" image and duped it in his software a bunch of times and put it in a black background. I think I'd rather have it be "white" with a few black notes here and there but I don't know how.

If anyone has any suggestions whatsoever, thanks.

[blindrain]

try puttingthe in formation in this table



<table>
<tr>
<td align="right" valign="bottom">
toilet comment
</td>
<td align="left" valign="bottom">Toilet pic
</td>
</tr>
<tr>
<td align="right" valign="top">
gitar pic
</td>
<td align="left" valign="top">
guitar comment
</td>
</tr>
</table>

[Duke Will]

Blindrain, I did what you said (I think) and uploaded it to http://www.dukewill.com/index_test.html but the first image (toilet guy) does not show on my screen.

Easy way to find code is search for 'toilet' as that is name of image.

[blindrain]

Replace the entire img tag with<img src="http://www.dukewill.com/toilet_guy.gif" width="140" height="180">



do not edit it replace it!!!!!!!!!!!!!

[Duke Will]

To recap... I cut and pasted what you gave below to replace the image and it still does not work. The code that I started with when I started this thread is at http://www.dukewill.com/index.html and with this (don't ask me why), the page displays relatively correctly. So, then, you suggested code to amend the table. I think I did as you said and it is at http://www.dukewill.com/index_test.html but it does NOT show the toilet guy.

Still trying to figure out how to do this the right way. My way is working relatively well, but I lucked into it after changing variable after variable.



Originally posted by blindrain
Replace the entire img tag with<img src="http://www.dukewill.com/toilet_guy.gif" width="140" height="180">



do not edit it replace it!!!!!!!!!!!!!

[blindrain]

make sure that the <td> tag right before has been entered properly. (Ie. <TD align="right" valign="bottom">)
make sure the second quotation mark is there.

or you can completely replace the code with the folowing attachment

[Duke Will]

Udaman. It works now! http://www.dukewill.com/index_test.html (index_test)

I changed the text cell to be align=center because that looks better. Now, we're getting somewhere.

Okay, hopefully this won't be too hard on you (or somebody). See how that top row needs to go to the right? The bottom row, does as well but the top row needs to go right MORE. How should I do that?

THANKS!

Originally posted by blindrain
make sure that the <td> tag right before has been entered properly. (Ie. <TD align="right" valign="bottom">)
make sure the second quotation mark is there.

[blindrain]

Replace page with code in attachment

do not use previous attach.

[Duke Will]

Okay, THANKS! Now I gotta figure out what you did. I uploaded it to index_test2.html and it's centered well. UDAMAN. Heehee, now I'm researching how to change the default font for the entire page. Hopefully, that can be done easily in HMTL. Looks like crap in AOL browser. Okay in IE, super in my Opera. Maybe i have my Opera settings different. I'm just wondering about coding it to automatically use a good web-legible font. Whatever that is.



Originally posted by blindrain
Replace page with code in attachment

do not use previous attach.

[blindrain]

I put another <table> tag around the table ihad you put in aligning to the right.


You want to put the <font face=" "> </font> around the section that you want to be that font face is the font name I'm not sure what the names are for web browsers though.