Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Как лучше верстать блоки с телефонами/факсами? / 5 сообщений из 5, страница 1 из 1
27.06.2008, 14:28
    #35398886
coderinside
coderinside
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Как лучше верстать блоки с телефонами/факсами?
Блоки вида:
Москва ........................ (495) 748-85-63
С. Петербург ................ (812) 458-87-52
Больше всего интересует как сделать точки именно от города и до кода.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 14:40
    #35398926
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Как лучше верстать блоки с телефонами/факсами?
coderinsideБольше всего интересует как сделать точки именно от города и до кода.
Как вариант использовать

Код: plaintext
1.
2.
div {
	border-bottom: 1px dotted;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 15:02
    #35399004
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Как лучше верстать блоки с телефонами/факсами?
Угу. Пробовать делать левый див (спан) плавающей ширины, правый фиксированной, а средний пустой плавающей ширины с нижним бордером точками.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 15:11
    #35399029
coderinside
coderinside
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Как лучше верстать блоки с телефонами/факсами?
Не совсем понял. Точнее запутался.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
li .city {
	width:auto;	
}

li .dotted {
	width: 100 %;	
}

li .tel {
	color: red;
	width:50px;	
}

<ul>
<li><span class="city">Москва</span><span class="dotted"></span><span class="tel">( 495 )  748 - 85 - 63 </span>
<li><span class="city">Санкт Петербург</span><span class="dotted"></span><span class="tel">( 812 )  458 - 87 - 52 </span>
</ul>

Как задать плавающую ширину?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.06.2008, 15:21
    #35399055
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS Как лучше верстать блоки с телефонами/факсами?
Как вариант с табличками...

Код: 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.
42.
43.
44.
45.
46.
47.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type='text/css'>
body {
}
div {
}
.tel {
	width: 300px;
}
.text {
	width:  1 %;
}
.tab {
	border-bottom: 1px dotted;
}
.cont {
}
.num {
	width: 120px;
}
</style>
</head>
<body>
<table class='tel' border='0'>
<tr>
	<td class='text'>Москва
	</td>
	<td class='tab'>
	</td>
	<td class='num'>( 495 )  748 - 85 - 63 
	</td>
</tr>
</table>
<table class='tel' border='0'>
<tr>
	<td class='text'>С. Петербург
	</td>
	<td class='tab'>
	</td>
	<td class='num'>( 812 )  458 - 87 - 52 
	</td>
</tr>
</table>
</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 [игнор отключен] [закрыт для гостей] / CSS Как лучше верстать блоки с телефонами/факсами? / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 313ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456289]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 32ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 222ms
total:  313ms
x
x
Закрыть


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