Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Вставить картинку в блок
Вставить картинку в блок
malroz
Сообщений: 202
Репутация: 39
Уровень замечаний:

Сообщение # 1 | 19:10:26
Здравствуйте, подскажите плиз, как вставить картинку в блок (на картинке все указано), картинка справа, а текст с отступом слева и конечно что бы сам блок не поехал (т.е. если картинка чуть больше границ блока, то эти границы автоматом расширялись или растягивались.



Я пробовал по-простому (в коде указана именно та картинка, которую хочу вставить, ее размер 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
iero
Сообщений: 47
Репутация: 15

Сообщение # 2 | 20:02:12
Код
<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;}
по учебнику)
malroz
Сообщений: 202
Репутация: 39
Уровень замечаний:

Сообщение # 3 | 21:03:20
iero, спасибо, все красиво!

P.S. Сообщения с форума о том, что ответили почему то не приходят!!!

мой сайт http://malroz.ru/
Сообщество uCoz » Архивариус » Корзина » Вставить картинку в блок
Страница 1 из 11
Поиск: