Hello. There is a table. It is necessary to combine the lower cells with pictures in a row with the other two. I try rowspan, but does not help.

table

How can they be combined? I attach the code:

<!DOCTYPE html> <html> <head></head> <body> <table style="font-family:Arial;font-size:80%; "> <td style="padding:0" rowspan="6"> <a href="http://www.independentaviation.com.au/" target="_blank"> <img src="http://www.independentaviation.com.au/sig_new/2/independent.jpg" style="width: 180px;"> </a> </td> <tr> <td style="padding:0"> <b style="font-size: 15px;">Phoebe Munchow</b>Sales &amp; Marketing Executive </td> </tr> <tr> <td style="padding:0"> INDEPENDENT AVIATION PTY LTD </td> </tr> <tr> <td style="padding:0"> AUSTRALIAN & INTERNATIONAL AIR CHARTER BROKERS </td> </tr> <tr> <td style="padding:0"> INT. PH: +617 4046 3333| 24HRS PH: 1300 247 242| m: 0457 293 232 </td> </tr> <tr> <td style="padding:0"> phoebe@independentaviation.com.au |www.independentaviation.com.au </td> </tr> <tr> <td> <img src="nbaa.png" style="width: 190px;"> </td> </tr> <tr> <td> <img src="facebook.png" style="width: 150px;"> </td> </tr> </table> </body> </html>

    1 answer 1

    I didn’t quite understand exactly which pictures should be put in one row, but the row is tags. Now you have 1 picture in 1 row.

      <tr> <td> <img src="nbaa.png" style="width: 190px;"> </td> </tr> <tr> <td> <img src="facebook.png" style="width: 150px;"> </td> </tr>

    Accordingly, in order to have 2 or more pictures in the same row,

      <tr> <td> <img src="nbaa.png" style="width: 190px;"> </td> <td> <img src="facebook.png" style="width: 150px;"> </td> </tr>

    Further - by analogy. Well, if so, then:

     <!DOCTYPE html> <html> <head></head> <body> <table style="font-family:Arial;font-size:80%; "> <tr> <td style="padding:0" rowspan="6"> <a href="http://www.independentaviation.com.au/" target="_blank"> <img src="http://www.independentaviation.com.au/sig_new/2/independent.jpg" style="width: 180px;"> </a> </td> </tr> <tr> <td style="padding:0"> <b style="font-size: 15px;">Phoebe Munchow</b>Sales &amp; Marketing Executive </td> <td> <img src="nbaa.png" style="width: 190px;"> </td> <td> <img src="facebook.png" style="width: 150px;"> </td> </tr> <tr> <td style="padding:0"> INDEPENDENT AVIATION PTY LTD </td> </tr> <tr> <td style="padding:0"> AUSTRALIAN & INTERNATIONAL AIR CHARTER BROKERS </td> </tr> <tr> <td style="padding:0"> INT. PH: +617 4046 3333| 24HRS PH: 1300 247 242| m: 0457 293 232 </td> </tr> <tr> <td style="padding:0"> phoebe@independentaviation.com.au |www.independentaviation.com.au </td> </tr>

    • sorry not fully explained. Corrected the picture. - Webdev96
    • corrected the answer, taking into account the additions - Dmitry
    • forgive my insolence, but how could one substitute the right picture under the left one? I’m just completely confused with rows and rowspanam. I also attached the picture. Thank you in advance. - Webdev96
    • jsfiddle.net/47yt62fc only look at the style. can you correct indents, etc. Must be - Dmitriy