Картинка на всю ширину ячейки таюлицы

[Syltan]

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

<table align="center"  border=10 bordercolor=breen>
<CAPTION align=bottom> Таблица калорийности яйца</CAPTION>
<tr>
  <td align=justify><img  src="kalorii.jpg" alt="Фото калории"></td>
<td>кДж</td>
<td>ккал</td>
</tr>
</table>

Картинка не растягивается по ширине ячейки.
Подскажите, как можно это сделать отдельно через CSS, или через HTML.
Заранее благодарю за скорый ответ.

[Tirendus]

<table align="center"  border=10 bordercolor=breen>
<CAPTION valign=bottom> Таблица калорийности яйца</CAPTION>
<tr>
  <td align=justify><img  src="kalorii.jpg" alt="Фото калории" style="width: 100%; height: 100%;"></td>
<td>кДж</td>
<td>ккал</td>
</tr>
</table>

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

<td width="40%" height="25%" align=justify><img  src="kalorii.jpg" alt="Фото калории" style="width: 100%; height: 100%;"></td>

или в пикселях

<td width=400px height=250px align=justify><img  src="kalorii.jpg" alt="Фото калории" style="width: 100%; height: 100%;"></td>

[Syltan]

Что-то не срабатывает.Написал так:

<table align="center"  border=10 bordercolor=breen>
<CAPTION align=bottom> Таблица калорийности яйца</CAPTION>
<tr>
  <td width=89px height=85px align=justify>
<img  src="kalorii.jpg" alt="Фото калории" width:100%; height:100%;></td>
<td>кДж</td>
<td>ккал</td>
</tr>
</table>

[Syltan]

Как ни странно помогло вот так:

<table align="center"  border=10 bordercolor=breen>
<CAPTION align=bottom> Таблица калорийности яйца</CAPTION>
<tr>
  <td width="89px" >
<img  src="kalorii.jpg" alt="Фото калории"
 width="100%"  style="display:block"></td>
<td>кДж</td>
<td>ккал</td>
</tr>
</table>

Вы не скажете что это такое означает display:block?

[Syltan]

Проблемма возникла при размещении нескольких картинок подряд, мне нужно чтоб они имели одинаковую вісоту и длину, но так не выходит, с прмиенением моего кода.

Вот так не срабатывает:

	
	
<center>Калорийность продуктов. Яйцо и яйцепродукты
<table align="center"  border=10 bordercolor=breen cellpadding="0" cellspacing="0">
<CAPTION align=bottom > Таблица калорийности яйца</CAPTION>
<tr>
<td width="130px" height="130px">
<a href="http://google.ru"><img  src="kalorii1.jpg" alt="Фото калории"
 width="100%"  ></td></a>

<td width="130px" height="130px"><a href="http://google.ru"><img  src="kalorii2.jpg" alt="Фото калории"
 width="100%"  ></td></a>

<td width="130px" height="130px"><a href="http://google.ru"><img  src="kalorii3.jpg" alt="Фото калории"
 width="100%"  ></td></a>

<td width="130px" height="130px"><a href="http://google.ru"><img  src="kalorii4.jpg" alt="Фото калории"
 width="100%" ></td></a>
</td>
</tr>
</table>
</center>

[zumm]

Ну конешно...у тебя 4 картинки в одном td, у каждой з картинок стоит width="100%" итого получается что у тебя заполнено 400% из ста, следует ошибка эмуляции и атрибут width у картинок не имеет никакого эфекта... поставь у картинок значение width="25%"...а вообще я бы тебе посоветовал подгонять картинки поширене яцейки в графических редакторах, это более професионально...

и еще был вопрос что такое block это значит что данный елемент виден на странице, а вот если бы было none то елемента на странице ты бы не увидел...

PS будут вопросы стучи в асю

[Arigato]

Во-первых, значения атрибутов крайне желательно брать в кавычки ВСЕГДА.
Во-вторых, если значение атрибута указано в пикселях, то не нужно добавлять суффикс px, просто указывайте количество пикселей.
В-третьих, тег center считается устаревшим и не рекомендуется к использованию.

[Syltan]

Как мне разместить мой флэшбанер,чтоб он был так размещён как на этом сайте
и при уменьшении окна браузера также проявлялся как при уменьшении окна этого банера на этом сайте ,в самом верху которое.
http://www.rb.ru/pult/

[zumm]

вот пример из мого сайта, думаю разберёшься:

<td>
<object width="500" height="465" data="http://zummsoft.ucoz.org/flash/work.swf" type="application/x-shockwave-flash">
 <param name="movie" value="http://zummsoft.ucoz.org/flash/work.swf" />
 <param name="wmode" value="opaque" />
</object>
</td>

[Syltan]

Вот так не срабатывает:

<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html;  charset=">
<TITLE>xai</TITLE>
</HEAD>
<BODY >
<table width="100%">
<tr>
  <td>
<OBJECT 
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
 WIDTH="100%" HEIGHT="100%" id="xai" ALIGN="">
<param name="wmode" value="opaque" />
 <PARAM NAME=movie VALUE="xai.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> 
<EMBED src="xai.swf" quality=high bgcolor=#FFFFFF  WIDTH="100%" HEIGHT="100%" NAME="xai"
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
    </td>
</tr>
</BODY>
</HTML>