Чат сообщества
|
   |
| Модератор форума: dotbot |
| Сообщество uCoz » Архивариус » Корзина » Вставить картинку в блок |
| Вставить картинку в блок |
|
Здравствуйте, подскажите плиз, как вставить картинку в блок (на картинке все указано), картинка справа, а текст с отступом слева и конечно что бы сам блок не поехал (т.е. если картинка чуть больше границ блока, то эти границы автоматом расширялись или растягивались.
 Я пробовал по-простому (в коде указана именно та картинка, которую хочу вставить, ее размер 200х118 рх) : Код <div align="left"><img border="0" align="absmiddle" src="http://s40.radikal.ru/i089/1411/df/07ce375f14b4.png" alt="Новости Apple. Обзоры Apple продукции" title="Apple техника. Apple новинки"></div> не выходит, все плывет , понял, что нужно что то прописывать в CSS, а этим я слабоват, помогите пожалуйста... Вот CSS блока: Код .test { border: 1px solid #77e4e3; color: #005d81; font-size: 12px; height: 100px; margin: 5px; padding: 5px; } .test h1 { color: #69a8c2; font-size: 12pt; text-align: center; } Заранее спасибо, случай чего мой сайт. мой сайт http://malroz.ru/
Сообщение отредактировал malroz - Суббота, 22 Ноя 2014, 19:11:10
|
|
Код <div class="test"> <img class="leftimg" width="140" height="90" src="http://s40.radikal.ru/i089/1411/df/07ce375f14b4.png" alt="Apple Новости"> <h1>Apple Новости</h1> <span> На нашем сайте Вы узнаете последние Apple новости: все новинки Apple продукции и их обзоры. На Apple форуме найдете инструкции и решения проблем с техникой, такой как: Apple планшеты, Apple смартфоны, Apple компьютеры. В разделе Программы для iOS, Mac OS X подберете лучшие программы и утилиты для компьютеров и мобильных устройств. В категории Секреты и Советы iOS, OS X ознакомитесь с полезными советами не задокументированными в официальных руководствах. </span> </div> Код .leftimg { float: left; margin: 7px 7px 7px 0;} |
| |||
| |||