Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему table::after элемент создается под элементом table > td а не под таблицей? / 6 сообщений из 6, страница 1 из 1
31.10.2012, 14:32:02
    #38020157
private
private
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
Я добавил точку (явно маркирующую конец списка) вконце таблицы исползуя селектор `table::after` и центрировал его как `margin: 5px auto 5px auto;`

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



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

Живой код http://cssdeck.com/labs/ew6g4ntf/0
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2012, 14:54:41
    #38020215
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
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:56:46
    #38020221
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
privateкак это можно поправить?
Но я бы просто добавил строку шириной во все ячейки и туда забацал тот кружок. Обычной картинкой... Фоном или просто контентом...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
31.10.2012, 16:01:37
    #38020383
private
private
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
Не, так не подходит, просто добавить в хтмл елемент-точку или сделать елемент-обертку вокруг таблицы конечно можно, интересно как это сделать стилями, сохранив структуру хтмл простой и компактной..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.11.2012, 09:20:52
    #38021085
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
private , таблицы они такие таблицы!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
03.11.2012, 00:44:03
    #38024196
private
private
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему table::after элемент создается под элементом table > td а не под таблицей?
да, жопа, не хотелось генерить грязный хтмл, но видимо прийдется.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему table::after элемент создается под элементом table > td а не под таблицей? / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 440ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449164]:
 0ms
get settings:
 7ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 167ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 197ms
total:  440ms
x
x
Закрыть


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