Как стилизовать изображение в переменной?

У меня есть изображение, извлекаемое из форума (аватары), но каждый раз, когда я беру их, они не соответствуют моему div, независимо от того, что я делаю, мне интересно, как я могу вписать это изображение в мой div?

Вот строка, о которой я говорю:

<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div>

И вот целый foreach:

<?php
$friends = $ipbwi->member->friendsList(false,true);
foreach($friends as $friend){
echo '
<div class="friend">
<div id="image">'.$ipbwi->member->photo($friend['friends_friend_id']).'</div>
<div class="username">'.$ipbwi->member->id2displayname($friend['friends_friend_id']).'</div>
</div>
';
}
?>

Я использую ipbwi для получения данных с форума ipb, и я хотел бы масштабировать все изображения до (пример) 40x40px.

Редактировать:

вот CSS, который я использую для img на div: #friend #image img{width: 40px; высота: 40 пикселей;}

Заранее спасибо!

Источник

3 ответа

Решение

Попробуйте добавить правило стиля

.friend img { max-width:100px; max-height:100px }
Источник

Используйте этот CSS для изменения размера ваших изображений:

img {
  max-width: 40px;
  max-height: 40px;
}

Кроме того, имейте в виду, что это будет применяться к каждому img тег на вашей странице, чтобы быть более конкретным, вы можете сделать что-то вроде:

.friend img {
  max-width: 40px;
  max-height: 40px;
}

Это только изменит размеры изображений, которые находятся внутри div пометить с class "Друг"

Источник

Я делал это в прошлом.

.img-resize {
  width: 200px;
  height : auto;
}

.img-resize {
  width: auto;
  height : 300px;
}

Создать класс CSS img-resize и дать ему желаемую ширину и высоту. Это сохранит соотношение сторон. Используйте как: <img src="http://example.com/12.jpg" class="img-resize" />Тогда вы можете просто заменить scr со значением из БД.

Источник
Другие вопросы по тегам