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

vadim_32 · 21.03.2012, 11:43

Здравствуйте, извините, что так часто тут.
Проблема в том, что я не могу сделать так, что бы текст обтекал картинку, а он просто накладывется на картинку в блоке, я уже все методы перепробывал: 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>

Подскажите плз, что я не так делаю. Спс.

maxefect · 21.03.2012, 20:15

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>

vadim_32 · 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

03.04.2012, 15:34	#3
vadim_32	Спасибо большое разобрался.

21.03.2012, 11:43
Ссылки