Картинка по ширине блока

[vla]

как сделать чтобы ширина всех картинок была равна ширине блока в котором они находится?

схема примерно такая:
<div class="class1div">
<p>Текст текст текст текст<br>Текст
<img src="">
</p>
<img src="">
</div>

 

[BaNru]

Задать через стили ширину для дива и картинки одну и туже

div, img {
  width: 200px;
}

 

[vla]

проблема в том, что ширина дива не задается по плану (она зависит от ширины экрана...)

Я придумал решение! width:inherit; Но он не прокатило!!!!! А почему не знаю...

 

[BaNru]

Ну тогда такого решения на CSS нет, только на JS.
Сам пару раз искал варианты, но в них то одно, то другое не так.

Попробуй поиграться с min-width и max-width
Но что то мне подсказывает, что оно не поможет.

 

[vla]

попробовал самый простой вариант
class1div > img {width:100%}
работает в Opera и Chrome, но IE как всегда...

На JS? Я не умею... Надо изучать...
[member=BaNru], как ты думаешь это сложная задача для начинающего в JS?

 

[ALEXu]

Если JS, то можно попробовать после создания элементов

getElementById('ид картинки').style.width=getElementById('ид блока').offsetWidth

 

[motek]

проблема в том, что ширина дива не задается по плану (она зависит от ширины экрана...)

Я придумал решение! width:inherit; Но он не прокатило!!!!! А почему не знаю...

...потому, что inherit указывает наследовать значение ширины родительского элемента (дива), а у дива ширина не указана, значит и наследовать нечего...сначала укажите ширину дива

div
{
  width: 100%;
}
img
{
  width:inherit;
}

но тогда у Вас проблема с вложенностью элементов
вот Ваш пример:

<div class="class1div">
   <p>Текст текст текст текст<br>Текст
	  <img src="">
   </p>
   <img src="">
</div>

у одной картинки родительский элемент див , а у другой - параграф...
а какая из картинок должна быть размером с див?

 

[tigra60]

Друзья, да что вы паритесь?

.class1div img {width:100%;}

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

Другой вопрос - что станет с картинкой, например, 300 х 200, если её растянуть на весь экран, например 1200 рх ?
А если это картинка 1200 х 1200, то весить она будет, как паровоз...

 

[Snickers]

Друзья, да что вы паритесь?

.class1div img {width:100%;}

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

Другой вопрос - что станет с картинкой, например, 300 х 200, если её растянуть на весь экран, например 1200 рх ?
А если это картинка 1200 х 1200, то весить она будет, как паровоз...

тигра, тебе бы поспать =)

попробовал самый простой вариант
class1div > img {width:100%}
работает в Opera и Chrome, но IE как всегда...

На JS? Я не умею... Надо изучать...
[member=BaNru], как ты думаешь это сложная задача для начинающего в JS?

а по теме, сделай картинку блоком. style = 'display:block;' и тяни как хочешь. только пропорции сломаются

 

[tigra60]

тигра, тебе бы поспать =)

Специально для выспавшихся Посмотреть вложение images.zip. Посмотри код и удивись - это действительно работает так, как я описал.
Да, и убери, пожалуйста идиотсткую картинку из своих постов. Очень мешает смотреть форум!

 

[Snickers]

да я в курсе что это работает, сам так делаю. но парень сказал что в ие не проканло. вот и вывод напросился. а про фото я подумаю) если бы это нарушало правила форума уже давно бы сами вырезали её =)

 

[vla]

спасибо всем откликнувшимся, но пока у меня ничего не выходит! ))) отложу решение этого вопроса.

про фото я подумаю) если бы это нарушало правила форума уже давно бы сами вырезали её =)

подумай пожалуйста, реально очень мешает!