Salve a tutti, è un po che non posto più, spero che qualcuno mi possa aiutare ...
Guardate questo codice ... vorrei che le uniche celle a variare la loro altezza fossero solo quelle bianche con i bordi grigi ... sono anche disposto a non usare xhtml se necessario qualcuno sa come fare ?
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> html, body { height:100%; margin: 0; padding: 0; border: none; } body { background: url(/SfondoBody.gif) #FFFFFF repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } #main_table { border: 1px solid #C5C5C5; border-left-color: #84817C; border-right-color: #84817C; border-top-color: #84817C; background-color: #FFFFFF; table-layout: fixed; } #titolo_img { border-bottom: 1px solid #5A5A5A; } #menuleft { background-color: #FF9900; font-size: 11px; color: #FFFFCC; padding: 0px 0px 12px 0px; } #subscrive_cell { border-top: 1px solid #C5C5C5; border-left: 1px solid #C5C5C5; background-color: #E7F6FF; font-size: 11px; color: #000000; } #bottom_cell { border-top: 1px solid #C5C5C5; font-size: 9px; text-align: center; color: #999999; padding: 5px; } .content_cell { border-top: 1px solid #C5C5C5; border-left: 1px solid #C5C5C5; font-size: 11px; color: #666666; } .menuleft_titoli { margin: 12px 0px 6px 0px; color: #993300; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 13px; padding-left: 5px; border-left: 8px solid #990000; } .menuleft_submenu { margin: 0px 6px 0px 17px; color: FFFFCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; } </style> </head> <body> <table id="main_table" width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td colspan="4">[img]#[/img]</td> </tr> <tr> <td rowspan="3" width="160" valign="top" id="menuleft"> <p class="menuleft_titoli">MENU</p> <p class="menuleft_titoli">TITOLO</p> <p class="menuleft_titoli">IN ARIAL </p> <p class="menuleft_submenu">Sub Menu </p> <p class="menuleft_submenu">Per le sottocategorie </p> <p class="menuleft_titoli">NON BOLD </p> <p class="menuleft_submenu">In verdana </p> <p class="menuleft_titoli">#993300</p> </p> <p class="menuleft_titoli">TITOLO SU DUE LINEE </p> <p class="menuleft_submenu">l'altezza di questa colonna varia in base alla lunghezza del menu ... </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </p> </td> <td valign="top" colspan="3" style="height:172px;">[img]#[/img]</td> </tr> <tr> <td width="200" valign="top" class="content_cell"> Voglio allungare queste tre colonne ... ma voglio che la cella con l'immagine qui sopra non diventi mai + alta dell'immagine </p> </td> <td width="200" valign="top" class="content_cell"></td> <td width="200" valign="top" class="content_cell"></td> </tr> <tr> <td colspan="3" id="subscrive_cell" align="center" valign="middle" style="height: 150px;">questa cella vorrei che non si allargasse oltre i 150~200 px </td> </tr> <tr> <td colspan="4"id="bottom_cell"> Copyright © 2006 pincopallino Srl. All rights reserved. No part of this site may be reproduced without our written permission. </td> </tr> </table> </body> </html>
Rispondi quotando
