Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать DIV будто IMG? / 7 сообщений из 7, страница 1 из 1
04.05.2009, 13:44
    #35966858
Dims
Dims
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как сделать DIV будто IMG?
Как сделать, чтоб DIV вёл себя как IMG? Я сделал display: inline-block, но это не помогает. Мне надо, чтобы текст, которы присутствует в файле после DIV размещался СПРАВА от него, а не снизу. Кроме того, мне надо, чтобы если дальше идёт другой такой же DIV, то он тоже появлялся бы справа.

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

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

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

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

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

Код: 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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как сделать DIV будто IMG? / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 535ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454881]:
 0ms
get settings:
 11ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 220ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 2ms
others: 223ms
total:  535ms
x
x
Закрыть


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