Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите пожалуйста с текстом и картинкой

Обсуждение темы Помогите пожалуйста с текстом и картинкой в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Здравствуйте, извините, что так часто тут. Проблема в том, что я не могу сделать так, что бы текст обтекал картинку, а он просто ...


Закрытая тема
 
Опции темы
Старый 21.03.2012, 11:43   #1
Здравствуйте, извините, что так часто тут.
Проблема в том, что я не могу сделать так, что бы текст обтекал картинку, а он просто накладывется на картинку в блоке, я уже все методы перепробывал: align и text-align img. floatright b float и многоt другое вот мой код в файле style.css:
Цитата:
#news {
background-color: #FFFFFF;
min-width: 200px;
max-width: 250px;
height: 150px;
margin-left: 80px;
padding: 30px;
border-style: dotted;
border-width: 1px;
background-image: url(kon.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: 50%;
}
а вот код в index.html:
Цитата:
<div id="news"><p>Районный конкурс инструментальной музыки “Родниковые наигрыши” проводится с целью популяризации инструментальной музыки, приобщения учащихся к ценностям мировой и отечественной культуры, лучшим образцам народного искусства</p></div>
Подскажите плз, что я не так делаю. Спс.

Последний раз редактировалось vadim_32; 21.03.2012 в 11:45..
 
Старый 21.03.2012, 11:43
Ссылки
Старый 21.03.2012, 20:15   #2
1 способ:

Код HTML:
<!Doctype html>
<html>
<head>
<style>
#news {min-width: 200px; max-width: 250px;
height: 150px; margin-left: 80px; margin-right: 30px;
padding: 30px; border-style: dotted;
border-width: 1px;
background: url(kon.jpg) no-repeat  top right;
background-size: 50%; float:left}

.pad {padding:5px; text-align:justify;}

.wrap {width:900px; height:1000px; margin:0 auto;}
</style>
</head>
<body>
<div class="wrap">

<div id="news"></div>

<div class="pad"><p>Районный конкурс инструментальной музыки
 “Родниковые наигрыши” проводится с целью популяризации
 инструментальной музыки, приобщения учащихся к ценностям
 мировой и отечественной культуры, лучшим образцам
 народного искусства</p></div>
 
</div>

</body>
</html>
2-способ:

Код HTML:
<!Doctype html>
<html>
<head>
<style>
#news {min-width: 200px; max-width: 250px;
height: 150px; margin-left: 80px; margin-right: 30px;
border-style: dotted;
border-width: 1px; float:left}

.pad {padding:5px; text-align:justify;}

.wrap {width:900px; height:1000px; margin:0 auto;}
</style>
</head>
<body>
<div class="wrap">

<div id="news"><img src="kon.jpg" height="150" width="250" /></div>

<div class="pad"><p>Районный конкурс инструментальной музыки
 “Родниковые наигрыши” проводится с целью популяризации
 инструментальной музыки, приобщения учащихся к ценностям
 мировой и отечественной культуры, лучшим образцам
 народного искусства</p></div>
 
</div>

</body>
</html>
 
Старый 03.04.2012, 15:34   #3
Спасибо большое разобрался.
 
Старый 03.04.2012, 15:34
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фон картинкой AlexxMaker HTML, CSS, JavaScript 1 28.09.2014 23:16
Помогите с картинкой для background pls стр143 HTML, CSS, JavaScript 14 06.03.2006 10:20
Помогите с динамическим текстом Atomic© Технологии Flash 3 17.05.2005 12:38
Помогите новичку с текстом Phoenix Технологии Flash 1 07.12.2004 21:07
Помогите с картинкой seka Растровая графика 2 03.02.2004 23:13


Текущее время: 16:37. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум