HTML+CSS+JavaScript

таблица сама простая, две строки, четыре столбца (150, 150, 100, 400) - ширина 800.
без картинок - все нормально. см. аттач. с картинками - расширяется первый столбец, хотя ширина картинок меньше 150 (96 и 92). аттач прикреплю в след. посте, а то архивы смотреть неудобно...

вот таблица с картинками. я скоро свихнусь. уже не знаю, что делать. этот код меня замучил. как назло, клиентка дотошная попалась - высчитывает пиксели, ей все надо точно по макету.

<table align="center" cellpadding="0" cellspacing="0" border="1" style="height: 360px; width: 800px;"> <tr> <td align="left" style="width: 150px; background: url('images/deco_madame.jpg') no-repeat;"><a href="pdf/deco_eso.pdf" target="_blank"><img src="images/1px.gif" width="150" height="135" alt="Deco - Madam" border="0"><br><img src="images/deco_madame_TYPE.png" border=0 vspace=5></a></td> <td align="left" style="width: 150px; background: url('images/vima_deco.jpg') no-repeat;"><a href="pdf/BHMA_DECO.pdf" target="_blank"><img src="images/1px.gif" width="150" height="136" alt="Vima - Deco" border="0"><br><img src="images/VHMA_DECO_TYPE.png" border=0 vspace=5></a></td> <td>&nbsp;</td> <td rowspan="2" align="right" valign="top" style="width: 400px;"> <!--video--> <table width="400" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td align="right" valign="top"> <SCRIPT language="JavaScript" type="text/javascript"> var o = {}; o.bgcolor = ""; o.width = "400"; o.height = "305"; o.id = "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"; o.name = "flvplayer.swf"; o.quality = "high"; o.scale = 0.5; o.wmode = "transparent"; o.flashvars = "&MM_ComponentVersion=1&skinName=clear_style3&streamName=max-090717034022-1_0&autoPlay=false&autoRewind=true"; showFlash (o); </SCRIPT></td> </tr><tr> <td align="left" style="padding-left: 10px; padding-top: 2px;"><div id="video" style="position: relative; width: 79px; height: 27px; background: url('images/Alpha_gia_video.png') no-repeat; cursor: pointer; visibility: visible;" class="iepng" onMouseOver="changeBg('video', 'images/Alpha_gia_video_MO.png');" onMouseOut="changeBg('video', 'images/Alpha_gia_video.png');"> <img src="images/1px.gif" width="79" height="27" alt="video" border="0"></div></td> </tr></table></td> </tr><tr> <td align="left" style="width: 150px; background: url('images/dar.jpg') no-repeat; cursor: pointer;"> <a href="pdf/DAR_PERIODIKO.pdf" target="_blank"><img src="images/1px.gif" width="150" height="136" alt="DAR" border="0"><br> <img src="images/DAR_TYPE.png" border=0 vspace=5></a></td> <td align="left" style="width: 150px; background: url('images/maison-cover.jpg') no-repeat; cursor: pointer;"> <a href="pdf/SPITIA KOLONAKI.pdf" target="_blank"><img src="images/1px.gif" width="150" height="144" alt="DAR" border="0"><br> <img src="images/maison_summer2009.png" border=0 vspace=5></a></td> <td valign="bottom" style="width: 100px;"> <div id="next" style="position: relative; width: 100px; height: 13px; background: url('images/next_page.png') no-repeat; cursor: pointer; visibility: visible;" class="iepng" onMouseOver="changeBg('next', 'images/next_page_on.png');" onMouseOut="changeBg('next', 'images/next_page.png');"> <a href="public2.html" target="_self"><img src="images/1px.gif" width="100" height="13" alt="next" border="0"></a></div></td> </tr> </table>

всегда считала, что художники не от мира сего и с цифрами не дружат, но чтоб настолько...
я два дня потеряла из-за того, что эта тупая дизайнерша все кнопки сделала по 90 пикселей, а одну - аж 216! идиотка! а потом сидит и на экране пиксели высчитывает... зарплату ей надо в пикселях выдавать...

=)))
А мне ще нравится, когда сидят и обычной линейкой (той, что вы на геометрии пользовались, а не та что Shift+I в фотошопе)) что-то измеряют, приложив к дисплею )

если задана ширина таблицы фиксированая, иногда помогает

table {table-layout: fixed;}

моя вина тоже есть, конечно. просто раньше я все ее png делала фонами, а под ссылку подкладывала прозрачный гиф, чтоб не париться с прозрачностью в IE6. а тут она заторопилась, прислала картинки, я их и прилепила. если б они фоном были, сошло бы.