aligning images in a table

windows

Guest
Hello<br />
I am trying to align images in a table in the following manner:<br />
<br />
|---|----------|---|<br />
| I | I | I |<br />
|---+----------+---|<br />
| | | |<br />
| I | applet | I |<br />
| | code | |<br />
| | | |<br />
|-- +----------+---|<br />
| I | I | I |<br />
|-- |----------|---|<br />
<br />
The images should surround the applet in such a way that each image sticks to the applet from its side.<br />
The problem I am having is that the top row is not sticking to the top of the applet, even though I used the valign="bottom" attribute.<br />
The same goes for the bottom row.<br />
<br />
what could be the problem?<!--content-->the table didn't come out the way I planned.<br />
I am attaching an image to show what I mean.<br />
I set the border to 1 so that you could see the cells.<br />
<br />
The applet should go in the middle.<br />
<br />
thanks<!--content-->Unless I'm missing something it looks pretty staight forward!?!<br />
<br />
<br />
<table><br />
<tr><br />
<td><img></td><br />
<td><img></td><br />
<td><img></td><br />
</tr><br />
<tr><br />
<td><img></td><br />
<td><applet></td><br />
<td><img></td><br />
</tr><br />
<tr><br />
<td><img></td><br />
<td><img></td><br />
<td><img></td><br />
</tr><br />
</table><br />
<br />
<br />
Do you have a url so we can see the code?!<!--content-->here you go:<br />
<br />
<!-- m --><a class="postlink" href="http://www.cs.huji.ac.il/~python/test.html">http://www.cs.huji.ac.il/~python/test.html</a><!-- m --><br />
<br />
should be able to see it there<!--content-->OK... here's how you fix it:<br />
<br />
You've got - <br />
<br />
<td><br />
<img..../><br />
</td><br />
<br />
Replace with - <br />
<br />
<td><img.../></td><br />
<br />
All on the same line. The way you got it, it act like a line break! ;)<br />
<br />
You can see it here - <!-- w --><a class="postlink" href="http://www.karinne.net/pythone.html">www.karinne.net/pythone.html</a><!-- w --><!--content-->You've seem to got<br />
<table .... border="1"><br />
<br />
Change "border" to "0", that'll look cuter.<!--content-->
 
Back
Top