UPOTETTAVIA listaus tableja
2 / rivi, kuvallinen
Alla on koodin jonka voit liittää oman sivusi tekstikenttään.
Katso esimerkki (upotettu vihertävään ulkoasuun (1) )
<table style="width: 90%; border: 0; margin: 0 auto;" cellpadding="5" cellspacing="5"> <!-- Taulukko: http://raitatossu.net/pilvimarja --> <tr> <td style="width: 25%;" valign="middle"> <img src="#" style="width: 90%; height: auto;" /> </td> <td style="width: 25%; text-align: left;" valign="top"> <a href="#">Eläimen nimi</a><br /> <ul> <li> info 1 </li> <li> info 2 </li> <li> info 3 </li> </ul> </td> <td style="width: 25%;" valign="middle"> <img src="#" style="width: 90%; height: auto;" /> </td> <td style="width: 25%; text-align: left;" valign="top"> <a href="#">Eläimen nimi</a><br /> <ul> <li> info 1 </li> <li> info 2 </li> <li> info 3 </li> </ul> </td> </tr> <tr> <td style="width: 25%;" valign="middle"> <img src="#" style="width: 90%; height: auto;" /> </td> <td style="width: 25%; text-align: left;" valign="top"> <a href="#">Eläimen nimi</a><br /> <ul> <li> info 1 </li> <li> info 2 </li> <li> info 3 </li> </ul> </td> <td style="width: 25%;" valign="middle"> <img src="#" style="width: 90%; height: auto;" /> </td> <td style="width: 25%; text-align: left;" valign="top"> <a href="#">Eläimen nimi</a><br /> <ul> <li> info 1 </li> <li> info 2 </li> <li> info 3 </li> </ul> </td> </tr> </table>