powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Как лучше верстать блоки с телефонами/факсами?
5 сообщений из 5, страница 1 из 1
CSS Как лучше верстать блоки с телефонами/факсами?
    #35398886
coderinside
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Блоки вида:
Москва ........................ (495) 748-85-63
С. Петербург ................ (812) 458-87-52
Больше всего интересует как сделать точки именно от города и до кода.
...
Рейтинг: 0 / 0
CSS Как лучше верстать блоки с телефонами/факсами?
    #35398926
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
coderinsideБольше всего интересует как сделать точки именно от города и до кода.
Как вариант использовать

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

Код: 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
CSS Как лучше верстать блоки с телефонами/факсами?
    #35399055
Фотография 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.
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
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS Как лучше верстать блоки с телефонами/факсами?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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