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


не катит, или не мечтать? а как нужно? спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 01:47:54
    #37913326
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
Нужно начинать с книжек для чайников. Тут же даже синтаксис нарушен. А что тебе нужно, как всегда, без поллитры не поймешь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 02:06:45
    #37913332
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
Не пишите больше. А то у Вас и ник неблагоприятный и следующий пост нехороший номер имеет:
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 06:16:35
    #37913350
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
ShSerge,
>следующий пост нехороший номер имеет
тогда просто поздороваемся в этом посте, здравствуйте
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 06:18:24
    #37913351
катастрофа
катастрофа
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
Antonariy,
> А что тебе нужно, как всегда, без поллитры не поймешь
Ширину второй ячейки второй строки сделать 8 % процентов относительно таблицы
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 06:52:21
    #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
| Ответить | Цитировать | Написать  
12.08.2012, 08:06:03
    #37913365
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
катастрофа,

а фоновое изображение есть?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.08.2012, 08:48:13
    #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
| Ответить | Цитировать | Написать  
12.08.2012, 09:24:02
    #37913369
ILL HEAD
ILL HEAD
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
обращение к ячейке таблицы
катастрофа,

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

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

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

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

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

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

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

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

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

оно потому и называется class ибо подобие классов (а может и реально внутри оно) - наследование не последний механизм в этом деле
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.08.2012, 10:19:45
    #37913997
krvsa
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
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / обращение к ячейке таблицы / 25 сообщений из 38, страница 1 из 2
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 379ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449462]:
 0ms
get settings:
 7ms
get forum list:
 21ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 53ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 76ms
get tp. blocked users:
 2ms
others: 199ms
total:  379ms
x
x
Закрыть


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