ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать DIV будто IMG?
7 сообщений из 7, страница 1 из 1
Как сделать DIV будто IMG?
    #35966858
Dims
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dims
Участник
Как сделать, чтоб DIV вёл себя как IMG? Я сделал display: inline-block, но это не помогает. Мне надо, чтобы текст, которы присутствует в файле после DIV размещался СПРАВА от него, а не снизу. Кроме того, мне надо, чтобы если дальше идёт другой такой же DIV, то он тоже появлялся бы справа.

Именно так ведёт себя IMG.

Может быть, работе мешает position: static?
...
Рейтинг: 0 / 0
04.05.2009, 13:44
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967011
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Лучше всего свой вопрос подкреплять тестовым примером...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
04.05.2009, 14:28
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967043
Dims
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Dims
Участник
стиль

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
.thumbcontainer {
	padding: 5px;
	background: #F1F6F6;
	height: auto;
	display: inline-block;
	width: 200px;
	margin: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

содержимое

Код: plaintext
1.
2.
3.
<div class="thumbcontainer">
            <img src="images/logo1.jpg" alt="Участок в деревне Захарово" width="154" height="115" />
</div> дачный участок  10  соток

Слова "дачный участок" появляются не справа, а снизу от картинки. Надо справа.
...
Рейтинг: 0 / 0
04.05.2009, 14:39
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967174
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
А зачем вставлять имидж внутрь? - Можно обойтись бекграундом (ИМХО) ... хотя, если текст ...
Как-то длинно описаны бордеры ... можно вместе border: solid 1px #000, а можно и по-отдельности border-top: solid 1px #000.
Чтобы дивы "липли" друг к другу, используй float:left (display можно не задействовать).
...
Рейтинг: 0 / 0
04.05.2009, 15:32
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967178
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Dimsсодержимое
А где верстка-то?
...
Рейтинг: 0 / 0
04.05.2009, 15:34
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967183
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
И как связать этот первоначальный вопрос

DimsКак сделать, чтоб DIV вёл себя как IMG?

С этим "тестовым примером"?
...
Рейтинг: 0 / 0
04.05.2009, 15:35
| Ответить | Цитировать | Написать  
Как сделать DIV будто IMG?
    #35967326
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title></title>
<style>
.item p {
	float: left;
	margin: 20px;
	border: 1px solid;
}
.thumbcontainer {
	float: left;
	padding: 5px;
	background: #F1F6F6;
	width: 200px;
	height: auto;
	margin: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}</style>
</head>

<body>

<div class="item">
	<div class="thumbcontainer">
		<img src="images/logo1.jpg" alt="Участок в деревне Захарово" width="154px" height="115px" />
	</div>
	<p>дачный участок  10  соток</p>
</div> 

</body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
04.05.2009, 16:25
| Ответить | Цитировать | Написать  
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать DIV будто IMG?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35967011&tid=1454881]:
 0ms
get settings:
 9ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 183ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 1ms
others: 242ms
total:  538ms
созд. / загр.: 538ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]