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

Голоса: +1
Хочу поставить рядом с названиями изображения в виде галочек. Вот таким образом https://yadi.sk/i/XH1Z_TZFdt9ua

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

Далее делаю так:

<div class="block1"><div class="img1"></div>ФВС<div class="Grupp">группы<br> 534,514,594</div></div>

/здесь у меня сомнения, правильно ли я это написала?/

дальше иду в ксс:

.img1 {display:block;float:right;padding:0px;background:url(http://malinatomsk.ucoz.ru/galochka.png) no-repeat;}

но ничего не выходит, изображения не видно.

Попыталась сделать через .block1,.block2, .block3, .block4 {display:block;background:url(http://malinatomsk.ucoz.ru/galochka.png);

тоже ничего не выходит.

Что здесь не так? Подскажите пожалуйста.
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +2
 
Лучший ответ

>> но ничего не выходит, изображения не видно.

>> конечно не видно так как изображение которое по идее должно быть иконкой 16х16 сейчас размером в 1280х622

Рекомендуемо выводить вот так:

<div class="img1"><img src="http://malinatomsk.ucoz.ru/galochka.png" alt=""></div>

Но как я говорил выше с размером иконки поработайте так как сейчас это полноценная картинка, а не иконка.

| Автор:
Выбор ответа лучшим | | Автор: Maria
<div class="img1"><img src="http://malinatomsk.ucoz.ru/galochka.png" alt=""></div>

да, я так тоже делала, но потом подумала что достаточно через ксс сделать
/сейчас размером в 1280х622/
вот оно что, видимо это была картинка с очень большим разрешением. спасибо, сейчас буду исправлять!
галочку я поставила на место, но мне не совсем понятно почему теперь нижние блоки сместились вправо.
Добавьте для img1 высоту

.img1 {
float: left;
height: 50px;
padding: 0px 0px 0px 50px;
}
Я предполагала, что если будет избыточная высота у изображения, block1 автоматически по высоте растянется. это не так? они друг от друга не зависят?
...