<table> <tr> <td><img class="foto" src="images/small/sala1.gif" border="0" alt="Salón" title="Salón" /><br /> <p class="ampliar"><a href="fotos/sala1.jpg" rel="lightbox[fotos]" title="Salón">Ampliar imagen<img src="images/ampliar.png" border="0" alt="ampliar" title="Ampliar imagen" /></a></p></td> <td><img class="foto" src="images/small/sala2.gif" border="0" alt="Salón" title="Salón" /><br /> <p class="ampliar"><a href="fotos/sala2.jpg" rel="lightbox[fotos]" title="Salón">Ampliar imagen<img src="images/ampliar.png" border="0" alt="ampliar" title="Ampliar imagen" /></a></p></td> <td><img class="foto" src="images/small/sala3.gif" border="0" alt="Salón" title="Salón" /><br /> <p class="ampliar"><a href="fotos/sala3.jpg" rel="lightbox[fotos]" title="Salón">Ampliar imagen<img src="images/ampliar.png" border="0" alt="ampliar" title="Ampliar imagen" /></a></p></td> </tr> ..............
.centro table td{ width:175px; } .centro table .ampliar { text-align:right; width:135px; margin:0 auto; height:15px; display:block; } .centro table .ampliar a { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#330000; font-weight:bold; height:15px; width:100%; border:solid #006600 1px; } .centro table .ampliar img { float:right; }