powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обращение к ячейке таблицы
38 сообщений из 38, показаны все 2 страниц
обращение к ячейке таблицы
    #37913323
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
здравствуйте, есть таблица в html первая строка как шапка из 1 й ячейки
вторая строка имеет 2 ячейки, обращаюсь к ней на css так:
Код: css
1.
2.
3.
4.
5.
tr:nth-child(2) { /*Скрипт относительно (....) строки таблицы*/
td:nth-child(2) { /*Скрипт относительно (...) столбца таблицы*/
width:8%; /*Ширина столбца в процентах относительно таблицы*/
}
}


не катит, или не мечтать? а как нужно? спасибо
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913326
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Нужно начинать с книжек для чайников. Тут же даже синтаксис нарушен. А что тебе нужно, как всегда, без поллитры не поймешь.
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913332
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Не пишите больше. А то у Вас и ник неблагоприятный и следующий пост нехороший номер имеет:
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913350
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge,
>следующий пост нехороший номер имеет
тогда просто поздороваемся в этом посте, здравствуйте
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913351
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy,
> А что тебе нужно, как всегда, без поллитры не поймешь
Ширину второй ячейки второй строки сделать 8 % процентов относительно таблицы
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913355
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
как-то я уже сталкивался с этой проблемой, как решил - не понял, сейчас снова...
Код: css
1.
2.
3.
4.
5.
6.
7.
<style type="text/css">
table { /*Скрипт относительно таблицы*/
width:100%; /*Ширина таблицы в процентах относительно страницы*/
border-collapse:collapse; /*Убираем двойные линии между ячейками таблицы*/
<!--#ffcc33 - тёмно жёлтый цвет-->
background-color:#ffcc33; /*Задает таблице фоновое изображение*/
......


что-то не окрашивается в тёмно жёлтый цвет
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913365
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

а фоновое изображение есть?
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913367
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEAD, ну да у первой строки есть, почему же в таблице нет, видимо надо выложить всё:
Код: 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.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
<!DOCTYPE html>
<!--http://validator.w3.org/#validate_by_input-->
<html>
<head>
<title>Скрытие строк таблицы</title>

<style type="text/css">
table { /*Скрипт относительно таблицы*/
width:100%; /*Ширина таблицы в процентах относительно страницы*/
border-collapse:collapse; /*Убираем двойные линии между ячейками таблицы*/
<!--#ffcc33 - тёмно жёлтый цвет-->
background-color:#ffcc33; /*Задает таблице фоновое изображение, если при заданном фоне для всей таблицы, задать фон для ряда или ячейки, тогда этот ряд или ячейка будут иметь фон отличный от всей таблицы*/
border-width:2px; /*Толщина рамки таблицы в пикселях*/
border-style:solid; /*Рамка таблицы сплошная*/
border-color:black; /*Цвет рамки таблицы, black или #000000 - чёрный*/
}
tr:nth-child(1) { /*Скрипт относительно (....) строки таблицы*/
background-color:red; /*Цвет строки таблицы red - красный*/
vertical-align:top; /*Выравнивание по вертикали, значение top - по верху*/
text-align:center; /*Выравнивание горизонтальное, значение center - по центру*/
font-size:17px; /*Размер шрифта в пикселях*/
}
}
</style>

<script type="text/javascript">
//функция прячет определенную строку
function hideRow(control)
{
 control.parentElement.style.display=(control.parentElement.style.display==""?"none":"");
}
//функция показывает все строки
function showAllRow(control)
{
 for(var i=0;i<control.rows.length; i++)
 {
  control.rows[i].style.display = "";
 }
}
//функция по выбору действия
function tableHandler(table)
{
 var control = event.srcElement;
 switch(control.id)
 {
  case "showRowContol":
       showAllRow(table);
       break;
  case "hideRowContol":
       hideRow(control);
       break; 
 }
}
</script>
</head>
<body>
<table border="1" width="50%" onclick="tableHandler(this)">
<tr>
<td width="100%" colspan="2" id="showRowContol" style="cursor:hand;color:#00ff00" title="Показать строки">&nbsp;</td>
</tr>
<tr>
<td width="100%">Первая</td>
<td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">&nbsp;</td>
</tr>
<tr>
<td width="100%">Вторая</td>
<td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">&nbsp;</td>
</tr>
<tr>
<td width="100%">Третья</td>
<td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">&nbsp;</td>
</tr>
<tr>
<td width="100%">Четвёртая</td>
<td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">&nbsp;</td>
</tr>
<tr>
<td width="100%">Пятая</td>
<td id="hideRowContol" style="cursor:hand;color:#ff0000" title="Скрыть строку">&nbsp;</td>
</tr>
</table>
</body>
</html>



пользуясь случаем, как сделать ячейку 2 второй строки шириной 8 % к таблице?
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913369
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

у вас комментарий в стилях неверно оформлен
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913370
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
> пользуясь случаем, как сделать ячейку 2 второй строки шириной 8 % к таблице?
вариант - сделать в таблице больше двух столбцов и поиграть шириной и colspan <td>-ов
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913371
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEADкатастрофа,

у вас комментарий в стилях неверно оформлен

подскажите пожалуйста правильный
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913372
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
другой вариант(грамоздкий)
внешняя таблица - нужное количество строк <tr> и 1 столбец <td>
в каждом поле внешней таблицы - 1 таблица с 1 строкой <tr> и нужным количеством столбцов <td> со своей шириной <td>
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913373
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

<!--#ffcc33 - тёмно жёлтый цвет--> - неверно внутри блока стиля. после этой ошибки браузер игнорирует остальное. а в остальном ваш цвет
/* #ffcc33 - тёмно жёлтый цвет--> */ - правильно . у вас остальные так и сделаны
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913376
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEADкатастрофа,

<!--#ffcc33 - тёмно жёлтый цвет--> - неверно внутри блока стиля. после этой ошибки браузер игнорирует остальное. а в остальном ваш цвет
/* #ffcc33 - тёмно жёлтый цвет--> */ - правильно . у вас остальные так и сделаны

спасибо!!!!!!, теперь я понял, почему я не уловил как я раньше это уладил, думал глюки

пс ещё немного и я стану кодером
ппс - щас остальное колдовать буду
>вариант - сделать в таблице больше двух столбцов и поиграть шириной и colspan <td>-ов
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913401
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEAD,
>вариант - сделать в таблице больше двух столбцов и поиграть шириной и colspan <td>-ов
сразу не увидел, а зачем более двух если надо два??
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913478
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаа зачем более двух если надо два??а как вы сделаете ваше
"как сделать ячейку 2 второй строки шириной 8 % к таблице?" ?
или надо для всех строк?
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913510
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEAD, в коде же она была, да ладно, верхняя строка целая и неделимая, все строки ниже первой строки имеют 2-5 ячеек, ячейки в этих строках крайние справа кроме первой должны иметь ширину 8% к ширине таблице
___________________________
| |
|__________________________|
| | |
|____________________|____|
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913511
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913513
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
как я и думал в посте выше рисунок не удался, сдвинулись чёрточки, выкладывать получше пока не могу - не дома
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913521
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофакак я и думал в посте выше рисунок не удался, сдвинулись чёрточки, выкладывать получше пока не могу - не дома
чтобы черточки были на месте надо ставить FIXED вокруг текста (в меню окна редактирования)
Код: plaintext
1.
2.
3.
4.
..........
........|.|
......|...|
......|.|.|
например )
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913524
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEADтак?
http://aurora24.ru/test2.html
да, спасибо!!!!!!! - поразбираюсь
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913535
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

все параметры (ширина и прочее) пишите в style (либо в атрибуте style тега, либо в блоке <style> и тяните его в тэг атрибутом class, либо ... вобщем как угодно, но стилем)
тогда гарантированно будет работать без кофликтов и "глюков"
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913927
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEAD,
я не пойму в css я могу обратиться к нужной строке, ячейке таблицы
а могу обратиться и указать ко всем кроме ...??
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913979
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

читать доку (rtfm по по нашему =) )
есть много способов назначить стиль нужному узлу (тегу)
как вы спрашиваете - подходит имхо по ID
это значит что в css надо написать
#this_id { ... }
можно всяко. лиш бы назначить стиль нужному узлу

оно потому и называется class ибо подобие классов (а может и реально внутри оно) - наследование не последний механизм в этом деле
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37913997
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаверхняя строка целая и неделимая, все строки ниже первой строки имеют 2-5 ячеек, ячейки в этих строках крайние справа кроме первой должны иметь ширину 8% к ширине таблице
Код: plaintext
1.
2.
3.
4.
___________________________
|                                         |
|__________________________|
|                                |       |
|____________________|____|

Как вариант...

Код: 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.
<!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">
table {
	width: 50%;
}
.end {
	width: 8%;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<table border='1px'>
	<tr>
		<td colspan='3'>1</td>
	</tr>
	<tr>
		<td>2.1</td>
		<td>2.2</td>
		<td class='end'>2.3</td>
	</tr>
	<tr>
		<td colspan='2'>3.1</td>
		<td class='end'>3.2</td>
	</tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37914008
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофая не пойму в css я могу обратиться к нужной строке, ячейке таблицы
а могу обратиться и указать ко всем кроме ...??
Ты можешь использовать любую комбинацию селекторов...
http://htmlbook.ru/samcss
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915127
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, http://htmlbook.ru/samcss - а какая именно веточка?

когда я ошибался и в css писал не правильно комменты как же товарищ:
Валидатор меня пропускал??? когда я узнал об ошибке я было подумал что значит он код css не трогает, а тут вот что
Валидацией называется проверка CSS-кода на соответствие спецификации CSS2.1 или CSS3.
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915170
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофаkrvsa, http://htmlbook.ru/samcss - а какая именно веточка?
Нужно прочитать про все виды селекторов - а там придет и понимание.
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915172
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, спасибо, читаю, вещььььь
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915174
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну вот http://htmlbook.ru/samcss/kontekstnye-selektory
пример 10.1, спотыкаюсь откуда берётся P B и далее по тексту на него никаких намёков
и как оно распостранится на
Код: html
1.
2.
3.
 <div><b>Жирное начертание текста</b></div>
  <p><b>Одновременно жирное начертание текста
  и выделенное цветом</b></p>
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915330
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

бросай это дело. видимо не твое

по вопросу - стили выше определены. это классы! понимаеш?
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915392
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофану вот http://htmlbook.ru/samcss/kontekstnye-selektory
пример 10.1, спотыкаюсь откуда берётся P B и далее по тексту на него никаких намёков
и как оно распостранится на
Код: html
1.
2.
3.
 <div><b>Жирное начертание текста</b></div>
  <p><b>Одновременно жирное начертание текста
  и выделенное цветом</b></p>


Дак читать надо до того, как в тексте встречается P B, а не после :)
Контекстные селекторыПри создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут селекторы, которые работают только в определенном контексте. Например, задать стиль для тега <b> только когда он располагается внутри контейнера <p> . Таким образом можно одновременно установить стиль для отдельного тега, а также для тега, который находится внутри другого.

Контекстный селектор состоит из простых селекторов разделенных пробелом . Так, для селектора тега синтаксис будет следующий...
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915393
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEADпо вопросу - стили выше определены. это классы! понимаеш?
Нет в том примере классов :)
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915442
Фотография ILL HEAD
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA,

дура. всё классы. иначе не может быть
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37915452
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ILL HEAD, сама ты дура :) Классы - это отдельный тип селекторов , а не всё.
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37916646
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA
>Дак читать надо до того, как в тексте встречается P B, а не после :)
и что там выше путнего? - <style type="text/css"> - вау
и почему P B { раздельно?? план Б?? :)
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37916656
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа, Вы и мой пост прочитать не можете? :) Я же Вам цитату привёл, где "жирным" выделил, что читать надо. Внимательнее будьте.
...
Рейтинг: 0 / 0
обращение к ячейке таблицы
    #37916672
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
skyANA,
>Дак читать надо до того, как в тексте встречается P B, а не после :)
Ах да - там же смайлик был, врубился, спасибо!!
...
Рейтинг: 0 / 0
38 сообщений из 38, показаны все 2 страниц
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обращение к ячейке таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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