Tilted Forum Project Discussion Community

Tilted Forum Project Discussion Community (https://thetfp.com/tfp/)

- Tilted Technology (https://thetfp.com/tfp/tilted-technology/)

- - [html]Alignment Issues.. (https://thetfp.com/tfp/tilted-technology/79828-html-alignment-issues.html)

j0hnb

12-30-2004 04:02 PM

[html]Alignment Issues..

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!

All times are GMT -8. The time now is 12:48 AM.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73