Page 1 of 1

What's the problem with my TABLE?

Posted: Thu Jun 09, 2005 2:45 pm
by MarK (CZ)
Hi!

I'm sometimes getting mad why is my IE not following my commands. Here's my code:

Code: Select all

<table>
 <tr>
  <td rowspan='2' style='width: 130px;'>
   <img src='images/img.php?img=man' alt='photo' style='width: 120px; height: 150px; float: left;' align='left'></img>
  </td>
  <td style='height: 25px; font-size: 11pt; border-bottom: 1pt solid black;'>Name</td>
 </tr>
 <tr>
  <td>text</td>
 </tr>
</table>
The border between the top-right and bottom-right fields stays somewhere in the middle. What am I doing wrong??? :?
Thanks! :)

Posted: Thu Jun 09, 2005 2:49 pm
by hawleyjr
Add colspan="2" in your second td tag

Code: Select all

<table>
 <tr>
  <td rowspan='2' style='width: 130px;'>
   <img src='images/img.php?img=man' alt='photo' style='width: 120px; height: 150px; float: left;' align='left'></img>
  </td>
  <td style='height: 25px; font-size: 11pt; border-bottom: 1pt solid black;'>Name</td>
 </tr>
 <tr>
  <td colspan=&quote;2&quote;>text</td>
 </tr>
</table>

Posted: Thu Jun 09, 2005 3:23 pm
by MarK (CZ)
That does not help :(

And anyway, I can't see the point why it should be there??

Code: Select all

----------------------------
|         |                |
|         |                |
|rowspan=2|----------------|
|         |                |
|         |                |
----------------------------

Posted: Thu Jun 09, 2005 5:03 pm
by pickle
Ha ha - language barriers are great!

~hawleyjr meant to put "rowspan=2" as an attribute of the second <td> tag, exactly like it is in the first. The updated code should look like this:

Code: Select all

<table>
 <tr>
  <td rowspan='2' style='width: 130px;'>
   <img src='images/img.php?img=man' alt='photo' style='width: 120px; height: 150px; float: left;' align='left'></img>
  </td>
  <td style='height: 25px; font-size: 11pt; border-bottom: 1pt solid black;'>Name</td>
 </tr>
 <tr>
  <td colspan=&quote;2&quote;>text</td>
 </tr>
</table>
but that'll still give you a table like this:

Code: Select all

----------------------------
|         |       Name     |
|         |                |
| Image   |----------------|
|  here   |      text      |
|         |                |
----------------------------
What shape of table are you trying to make?

Posted: Sat Jun 11, 2005 1:22 am
by MarK (CZ)
Your code is exactly the same as hawleyjr posted, no '"rowspan=2" as an attribute of the second <td> tag'... 8O

I get this table fine, the layout is just as I'd like to have it. But I want to change the height of the right-top cell and setting 'height: 25px;' as a style for the TD doesn't behave as I need. Maybe it's just IE having fun of me.. :?

Posted: Sat Jun 11, 2005 3:30 am
by anjanesh
Guess only way is to set height of text td too.

Code: Select all

<table>
 <tr>
  <td rowspan=&quote;2&quote; style=&quote;height:150px; width: 130px;&quote;>
   <img src=&quote;images/img.php?img=man&quote; alt=&quote;photo&quote; style=&quote;width: 120px; height: 150px; float: left;&quote; align=&quote;left&quote;/>
  </td>
  <td style=&quote;height: 25px; font-size: 11pt; border-bottom: 1pt solid black;&quote;>Name</td>
 </tr>
 <tr>
  <td style=&quote;height: 125px&quote;>text</td>
 </tr>
</table>