ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему table::after элемент создается под элементом table > td а не под таблицей?
6 сообщений из 6, страница 1 из 1
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38020157
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Я добавил точку (явно маркирующую конец списка) вконце таблицы исползуя селектор `table::after` и центрировал его как `margin: 5px auto 5px auto;`

Он появился, но вместо того чтобы центрироваться относительно таблицы он получается относительно первого столбца.



Почему так, и как это можно поправить?

Живой код http://cssdeck.com/labs/ew6g4ntf/0
...
Рейтинг: 0 / 0
31.10.2012, 14:32:02
| Ответить | Цитировать | Написать  
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38020215
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
privateПочему так
Потому как вся ширина того блока распространяется только (!) на ширину первой ячейки...

privateи как это можно поправить?
Альтернатива!

Код: html
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.
48.
49.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.point::after {
  display: block;
  content: '';
  height: 0.5em;
  width: 0.5em;
  margin: 1em auto 1em auto;
  border-radius: 0.25em;
  border-radius: 0.25em;
  background: gray;
}
.point table {
	margin: 5px;
}
.point table td {
	margin: 5px;
	padding: 5px;
	border-bottom: 1px solid black;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table class='point'>
	<td>	
		<table>
			<tr>
				<td>Fist Cell</td>
				<td>Second Cell</td>
				<td>Third Cell</td>
			</tr>
			<tr>
				<td>Fist Cell</td>
				<td>Second Cell</td>
				<td>Third Cell</td>
			</tr>
		</table>
	</td>
<table>
</body>
</html>
...
Рейтинг: 0 / 0
31.10.2012, 14:54:41
| Ответить | Цитировать | Написать  
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38020221
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
privateкак это можно поправить?
Но я бы просто добавил строку шириной во все ячейки и туда забацал тот кружок. Обычной картинкой... Фоном или просто контентом...
...
Рейтинг: 0 / 0
31.10.2012, 14:56:46
| Ответить | Цитировать | Написать  
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38020383
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
Не, так не подходит, просто добавить в хтмл елемент-точку или сделать елемент-обертку вокруг таблицы конечно можно, интересно как это сделать стилями, сохранив структуру хтмл простой и компактной..
...
Рейтинг: 0 / 0
31.10.2012, 16:01:37
| Ответить | Цитировать | Написать  
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38021085
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
private , таблицы они такие таблицы!
...
Рейтинг: 0 / 0
01.11.2012, 09:20:52
| Ответить | Цитировать | Написать  
Почему table::after элемент создается под элементом table > td а не под таблицей?
    #38024196
private
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
private
Участник
да, жопа, не хотелось генерить грязный хтмл, но видимо прийдется.
...
Рейтинг: 0 / 0
03.11.2012, 00:44:03
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему table::after элемент создается под элементом table > td а не под таблицей?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38021085&tid=1449164]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 40ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 30ms
get tp. blocked users:
 2ms
others: 236ms
total:  343ms
созд. / загр.: 343ms
x
x
Закрыть


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