What is wrong with my code...? O_O

[CW]

Hi hi,

Please look...
<center>
<table border=0 bordercolor=blueviolet cellpadding=0 cellspacing=0><tr><td colspan=4>
<center><img src="maple cropped01.jpg" border=0 width=600 height=397>
<tr><td><center><img src="bottem left01.jpg" border=0 width=63 height=58 align=left><td><center><img src="frown.gif" border=0 width=15 height=15 align=top><img src="happy.gif" border=0 width=14 height=14 align=top><img src="eek.gif" border=0 width=15 height=15 align=top><td><center><img src="bottem right01.jpg" border=0 width=64 height=57 align=right></table>
</center>

My bottom images will not match up with the top... v_v (the whole thing is my image I broke up) If you would like to see my page, rather then the code itself... please reply. But does anyone see a mistake in my code? ;_;

Thanks,
-CW

 

[Cagey]

you need to close the td and tr tags before you start another with </tr></td> -- note that you need to close it in reverse nested order. You also need to close each <td> within a <tr> to have more than one cell in the row. Try this one

<center>
<table border=0 bordercolor=blueviolet cellpadding=0 cellspacing=0><tr><td colspan=4>
<center><img src="maple cropped01.jpg" border=0 width=600 height=397></tr></td>
<tr><td><center><img src="bottem left01.jpg" border=0 width=63 height=58 align=left></td><td><center><img src="frown.gif" border=0 width=15 height=15 align=top></td><td><img src="happy.gif" border=0 width=14 height=14 align=top></td><td><img src="eek.gif" border=0 width=15 height=15 align=top></td><td><center><img src="bottem right01.jpg" border=0 width=64 height=57 align=right></td></tr></table>
</center>

I think I got them all

 

[CW]

My images are still bot matching up tight ;_;

Go: http://fantasy.sphosting.com/jaclyn/cw.html To see what I am talking about... v_v You'll see that the two litle stick things I made at the bottom, are not squared up with the rest of the image....

Thank you,
~CW

 

[Cagey]

I reworked the table for you -- I think I got what you are trying to do. 2 reasons the original code didn't work was because the colspan was wrong and you didn't define the width of the td's in the last tr. I also put the three small images in one td - centered with 3 non breaking spaces between them to spread them out a bit -- you can add more or less of these to separate them. When I copied the images from your site, they came up us untitled bmp's so I had to rename them -- just change them back to the proper file names.


<center>
<table border=0 cellpadding=0 cellspacing=0>

<tr><td colspan=3>
<center><img src="large.bmp" width=600 height=397></tr></td>
<tr><td width=63><img src="bottomleft.bmp" width=63 height=58></td>
<td width=473><center><img src="happy.bmp" width=14 height=14>&nbsp;&nbsp;&nbsp;<img src="sad.bmp" width=15 height=15>&nbsp;&nbsp;&nbsp;<img src="surprised.bmp" width=15 height=15></td>
<td width=64><img src="bottomright.bmp" border=0 width=64 height=57></center></td>
</tr></table>
</center>

It lined up just fine on my computer -- hope it does on yours as well

 

[CW]

>_<;;

Hello again...

I'm sorry to keep bugging you with this... v_v *bow bow* I messed with the code you gave me for a while, but I couldn't figure out how to get the little face images (I'm not really going to use those later in my page, but they are working as a good example for now ^.^)to go UP... I mean as in.. I wanted them to align a little closer up with the bottom of the upper image... Am I confusing? ^^;; Oh dear, I have the hardest time explaining things...

Oh yes, and I forgot to thank you! =^_^= Thanks a whole lot for puting my image square together, that was stressing me out.. you really helped me a lot with this!!! ^-^

Thanks,
~CW

 

[CW]

oh yeah... =^.^=

Oh yeah, I forgot to show you the code I now have from yours! ^^;; I don't know if you need it or not, but it might help you with where I am now....

<center>
<table border=0 cellpadding=0 cellspacing=0>

<tr><td colspan=3>
<img src="maple cropped01.jpg" width=600 height=397></tr></td>
<tr><td width=63><img src="bottem left01.jpg" width=63 height=58></td>
<td width=473><img src="happy.gif" width=14 height=14>&nbsp;&nbsp;&nbsp;<img src="frown.gif" width=15 height=15 align="top">&nbsp;&nbsp;&nbsp;<img src="eek.gif" width=15 height=15 align="top"></td>
<td width=64><img src="bottem right01.jpg" border=0 width=64 height=57></td>
</tr></table>
</center>

And of course you can see it at: http://www.fantasy.sphosting.com/jaclyn/cw.html

~CW

 

[Cagey]

the easiest way i know of to get those smiling faces to go directly under the bottom line is to resize the image so that you can put it at the top of the image -- the problem is with the height of the smileys -- they are far smaller than the two end stick images -- I have tried aligning them too -- but they don't seem to want to go there!!!! -- sorry about that -- if any one knows an aligning trick in tables -- please help

 

[CW]

That's ok, don't worry about it ^_^

~CW

 

[Cagey]

hehe -- I am a major worrywart

It hit me about an half hour after I posted last -- I feel like a dunce lol --- just add valign=top in the td tag for those images <td width=473 valign=top><img src="happy.bmp" width=14...... that will align the images directly under the bottom line of the top image

 

[CW]

I feel stupis now too... ;;^.^;;

hahaha! Now you made me feel stupid too hehe Now that you mention it, I also know that piece of code -but somehow, I didn't think of using it this time! hehe Shame on me. hehe

Thanks, your a big help! ^_~
~CW