powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обращение к ячейке таблицы
25 сообщений из 38, страница 1 из 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
25 сообщений из 38, страница 1 из 2
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обращение к ячейке таблицы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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