PDA

View Full Version : Header images don't line up in a table...

Cascade
03-29-2003, 04:45 AM
This is what I got,
http://12.221.121.25/webhost/carnage/carnage.html


I need it to all be connected.

How can I acomplish that?



Thanks in advance,
- Mike
Gordo
03-29-2003, 05:13 AM
Hmmm...well...you didn't have <html> <head> </head> </body> and </html>.

You didn't specify the height of all the rows...just the first one. It worked, but you used \ instead of / when calling the images.

Anyway, try the following -- adjust as needed:<html>
<head>
</head>
<body bgcolor="5E7795">
<table width="75%" cellspacing="0" cellpadding="0" align="center" border="0" height="75">
<tr height="20">
<td align="center" nowrap>
<img src="top/t0.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t1.bmp" border="0" height="20"><img src="top/t7.bmp" border="0" height="20">
</td>
</tr>
<tr height="35">
<td align="center" nowrap>
<img src="middle/m0.bmp" border="0" height="35"><img src="middle/home.bmp" border="0" height="35"><img src="middle/profile.bmp" border="0" height="35"><img src="middle/register.bmp" border="0" height="35"><img src="middle/search.bmp" border="0" height="35"><img src="middle/members.bmp" border="0" height="35"><img src="middle/logout.bmp" border="0" height="35"><img src="middle/m7.bmp" border="0" height="35">
</td>
</tr>
<tr height="20">
<td align="center" nowrap>
<img src="bottom/b0.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b1.bmp" border="0" height="20"><img src="bottom/b7.bmp" border="0" height="20">
</td>
</tr>
</table>
</body>
</html>Hope that helps.
whitty
03-29-2003, 07:09 PM
I've found with IE you need to make sure there is no gap inbetween your <img> tags and <td> tags.

So use the cleaned up code gordo provided you with but make sure the tags are flush with each other.

<td><img src="blah"></td>

Instead of

<td>
<img src-"blah">
</td>