[html]Alignment Issues.. - Tilted Forum Project Discussion Community

j0hnb · 12-30-2004, 04:02 PM

For somereason I can't seem to get the images within this table to align correctly, can someone please help me out. I feel stupid for askin for something so simple but I just can't seem to get it right.
http://www.uberest.com/workin/

Code:

<table width="516" height="304"  border="0">
          <tr valign="top">
            <td width="11" height="10"><div align="left"><img src="clt.gif" width="9" height="10" align="top"></div></td>
            <td width="494" height="10" background="top.gif">&nbsp;</td>
            <td width="11" height="10"><div align="right"><img src="crt.gif" width="10" height="9" align="top"></div></td>
          </tr>
          <tr>
            <td height="198" background="left.gif">&nbsp;</td>
            <td bgcolor="E6EEF1">&nbsp;</td>
            <td background="right.gif">&nbsp;</td>
          </tr>
          <tr valign="bottom">
            <td height="10"><div align="left"><img src="clb.gif" width="10" height="9" align="bottom"></div></td>
            <td height="10" background="bottom.gif">&nbsp;</td>
            <td height="10"><div align="right"><img src="crb.gif" width="9" height="10" align="right"></div></td>
          </tr>
        </table>

Rawb · 12-30-2004, 04:16 PM

Your   to put some content in the top and bottom cells is to high.

Try using a 1px by 1px spacer gif instead, and be sure not to have any spaces, IE will tend to choke on them. Let me know how it goes.

Also, don't use DIV's inside of the corner TD's, just set the alignment property directly in the TD (although, you don't really need an alignment property, since the cell should be just as large as the image anyways)

Also, on a few of your images, you have the width and heights backwards. So double check all of your images.

theFez · 12-30-2004, 05:30 PM

also, div tags act like a p tag in that it adds spacing. if you dont want that, use span instead.

jimbob · 01-03-2005, 12:18 PM

There are many examples on the net of how to do rounded corners using css. Here's 3:
http://www.alistapart.com/articles/customcorners/
http://kalsey.com/2003/07/rounded_corners_in_css/
http://www.albin.net/CSS/roundedCorners/

Perhaps you are using a table because you're not accustomed to css, but it's definitely worth getting into css as it can make your pages smaller and load faster and you can do much more with css than with tables and spacer gifs.

try the following to see what css can do for you:
http://www.s7u.co.uk/
http://www.wow-factor.com/ (has links to many great css sites)

franzelneekburm · 01-03-2005, 04:50 PM

Quote:

Originally Posted by theFez

also, div tags act like a p tag in that it adds spacing. if you dont want that, use span instead.

You could always use "{display: inline;}" too.

quannum · 01-29-2005, 10:48 PM

Quote:

Originally Posted by jimbob

Perhaps you are using a table because you're not accustomed to css, but it's definitely worth getting into css as it can make your pages smaller and load faster and you can do much more with css than with tables and spacer gifs.

Word. In my new job I've converted a page that used around 10 nested tables for layout to a rather shiny 3/4 divs and (very cacheable) CSS.

Way better!

12-30-2004, 05:30 PM	#3 (permalink)
theFez Crazy Location: here and there	also, div tags act like a p tag in that it adds spacing. if you dont want that, use span instead. __________________ # chmod 111 /bin/Laden

12-30-2004, 04:16 PM	#2 (permalink)
Rawb Crazy Location: Salt Town, UT	Your   to put some content in the top and bottom cells is to high. Try using a 1px by 1px spacer gif instead, and be sure not to have any spaces, IE will tend to choke on them. Let me know how it goes. Also, don't use DIV's inside of the corner TD's, just set the alignment property directly in the TD (although, you don't really need an alignment property, since the cell should be just as large as the image anyways) Also, on a few of your images, you have the width and heights backwards. So double check all of your images.

01-03-2005, 12:18 PM	#4 (permalink)
jimbob Crazy Location: Liverpool UK	There are many examples on the net of how to do rounded corners using css. Here's 3: http://www.alistapart.com/articles/customcorners/ http://kalsey.com/2003/07/rounded_corners_in_css/ http://www.albin.net/CSS/roundedCorners/ Perhaps you are using a table because you're not accustomed to css, but it's definitely worth getting into css as it can make your pages smaller and load faster and you can do much more with css than with tables and spacer gifs. try the following to see what css can do for you: http://www.s7u.co.uk/ http://www.wow-factor.com/ (has links to many great css sites)