Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/29: Рейтинг темы: голосов - 29, средняя оценка - 4.83
136 / 57 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
1

Не меняется цвет текста

04.05.2014, 18:49. Показов 5375. Ответов 12
Метки нет (Все метки)

Делаю таблицу и надо понять цвет названия столбцов вот код
HTML5
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<div class="serves">
                    <p>
 
<center>
<table width="890" height="890" border="1">
  <tr>
    <th height="41" colspan="5" align="center" style="font-style: normal" scope="col">Цены на услуги нашей турфирмы</th>
  </tr>
  <tr>
  <span>
    <td width="88" height="43" align="center" style="font-style: normal">Страна</td>
    <td width="122" align="center" style="font-style: normal">Город</td>
    <td width="105" align="center" style="font-style: normal">Количество дней(*)</td>
    <td width="169" align="center" style="font-style: normal"><p>Отел количество звезд (**)</p></td>
    <td width="90" align="center" style="font-style: normal">Цена($)</td>
    </span>
  </tr>
  <tr>
    <td height="38" align="center" style="font-style: normal"><strong>Тунис</strong></td>
    <td align="center" style="font-style: normal"><strong>Сусс</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="43" align="center" style="font-style: normal"><strong>Тунис</strong></td>
    <td align="center" style="font-style: normal"><strong>Хаммамет</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">900$</td>
  </tr>
  <tr>
    <td height="45" align="center" style="font-style: normal"><strong>Испания</strong></td>
    <td align="center" style="font-style: normal"><strong>Мадрид</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">2500$</td>
  </tr>
  <tr>
    <td height="33" align="center" style="font-style: normal"><strong>Ангия</strong></td>
    <td align="center" style="font-style: normal"><strong>Лондон</strong></td>
    <td align="center" style="font-style: normal">14</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">3000$</td>
  </tr>
  <tr>
    <td height="51" align="center" style="font-style: normal"><strong>Англия</strong></td>
    <td align="center" style="font-style: normal"><strong>Манчестер</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="51" align="center" style="font-style: normal"><strong>Россия</strong></td>
    <td align="center" style="font-style: normal"><strong>Москва</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">500$</td>
  </tr>
  <tr>
    <td height="50" align="center" style="font-style: normal"><strong>Испания</strong></td>
    <td align="center" style="font-style: normal"><strong>Барселона</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="54" align="center" style="font-style: normal"><strong>Германия</strong></td>
    <td align="center" style="font-style: normal"><strong>Мюнхен</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">1990$</td>
  </tr>
  <tr>
    <td height="49" align="center" style="font-style: normal"><strong>АРК</strong></td>
    <td align="center" style="font-style: normal"><strong>Ялта</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">300$</td>
  </tr>
  <tr>
    <td height="54" align="center" style="font-style: normal"><strong>АРК</strong></td>
    <td align="center" style="font-style: normal"><strong>Севастополь</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">310$</td>
  </tr>
  <tr>
    <td height="48" align="center" style="font-style: normal"><strong>Таиланд</strong></td>
    <td align="center" style="font-style: normal"><strong>Бангкок</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">$1500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Куба</strong></td>
    <td align="center" style="font-style: normal"><strong>Варадеро</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$5600</td>
  </tr>
  <tr>
    <td height="49" align="center" style="font-style: normal"><strong>Италия</strong></td>
    <td align="center" style="font-style: normal"><strong>Рим</strong></td>
    <td align="center" style="font-style: normal">6</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$2500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Греция</strong></td>
    <td align="center" style="font-style: normal"><strong>Афины</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$4500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Египит</strong></td>
    <td align="center" style="font-style: normal"><strong>Таба</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$3998</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Китай</strong></td>
    <td align="center" style="font-style: normal"><strong>Пекин</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">$2500</td>
  </tr>
</table>
</center>
<br>
<p><strong>(*)</strong> - вы можете изменить количество дней по желанию<br>
  <strong>(**)</strong> - вы можете изменить количество звезд по желанию<br>
  Вы можете обсудить любую информацию по телефону или может вы хотите заказть тур в дургой город.<br>
<a href="/Contacts.html">Контактная информаци </a></p>
вот CSS код
CSS
1
2
3
4
5
.serves p span
                {
                  color: #ff0000;   
                  font-weight: bold;
                }
вроде бы все правильно делаю но цвет не меняеться
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.05.2014, 18:49
Ответы с готовыми решениями:

Не меняется цвет текста
Почему не меняется цвет текста? &lt;div class=&quot;block_menu&quot;&gt; &lt;ul class=&quot;menu&quot;&gt; ...

В Safari меняется цвет текста
День добрый! Суть: На странице написан текст, применены стили. Текст красного цвета. Со всех...

Не меняется цвет фона
почему не минчется цвет фона,все делаю как написано на сайтах,но что тут не так??? &lt;!DOCTYPE...

Задать стили (цвет текста) списку. Как задать цвет текста
Помогите задать стили(цвет текста) списку. Как задать цвет текста ? &lt;div class=&quot;menu&quot;&gt; &lt;ul&gt;...

12
SF
Boo
142 / 117 / 55
Регистрация: 02.12.2013
Сообщений: 396
04.05.2014, 19:10 2
Sylar9, попробуйте вот так
CSS
1
.serves p, td { ... }
0
53 / 53 / 28
Регистрация: 23.04.2011
Сообщений: 214
04.05.2014, 20:03 3
достаточно будет:

CSS
1
2
3
td{
color: #ff0000;
}
заодно можно и
CSS
1
font-style: normal;
добавить, ибо изменение стиля элемента внутри его объявления - не лучший стиль написания.
0
136 / 57 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
05.05.2014, 08:36  [ТС] 4
Цитата Сообщение от Micheal Посмотреть сообщение
достаточно будет:
МНе надо покрасит не всю таблица а только названия строк
Страна Город Количество дней(*)
Отел количество звезд (**)
Цена($)
0
53 / 53 / 28
Регистрация: 23.04.2011
Сообщений: 214
05.05.2014, 10:58 5
у Вас не соблюдена семантика HTML, поэтому и стили не применяются

сейчас пробую подправить...
0
Человек
325 / 199 / 63
Регистрация: 04.02.2013
Сообщений: 1,200
05.05.2014, 11:03 6
tr span td интересно...используйте тоггда уж tr th
0
9 / 9 / 6
Регистрация: 08.04.2014
Сообщений: 54
05.05.2014, 11:10 7
разметка жесть, мб так...
CSS
1
2
3
4
tr:nth-child(2) {
  color:red;
  background: blue;
}
0
53 / 53 / 28
Регистрация: 23.04.2011
Сообщений: 214
05.05.2014, 11:14 8
HTML5
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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>   
    <link href="style.css" type="text/css" rel="stylesheet"/>
    <script src="code.js" type="text/javascript"></script>
</head>
<body>
<div class="serves">
 <center>
<table width="890" height="890" border="1">
<!--Коллега, предлагаю использовать теги по назначению, тег caption - как раз и создан для подписей таблиц, и т.д-->
  <caption>
    Цены на услуги нашей турфирмы
  </caption>
    <!--Здесь обЪявляем заголовки таблицы(их Вам и нужно было перекрасить)-->
  <tr>
      <th>Страна</th>
      <th>Город</th>
      <th>Количество дней(*)</th>
      <th>Отел количество звезд (**)</th>
      <th>Цена($) </th>
  </tr>
  <tr>
    <td height="38" align="center" style="font-style: normal"><strong>Тунис</strong></td>
    <td align="center" style="font-style: normal"><strong>Сусс</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="43" align="center" style="font-style: normal"><strong>Тунис</strong></td>
    <td align="center" style="font-style: normal"><strong>Хаммамет</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">900$</td>
  </tr>
  <tr>
    <td height="45" align="center" style="font-style: normal"><strong>Испания</strong></td>
    <td align="center" style="font-style: normal"><strong>Мадрид</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">2500$</td>
  </tr>
  <tr>
    <td height="33" align="center" style="font-style: normal"><strong>Ангия</strong></td>
    <td align="center" style="font-style: normal"><strong>Лондон</strong></td>
    <td align="center" style="font-style: normal">14</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">3000$</td>
  </tr>
  <tr>
    <td height="51" align="center" style="font-style: normal"><strong>Англия</strong></td>
    <td align="center" style="font-style: normal"><strong>Манчестер</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="51" align="center" style="font-style: normal"><strong>Россия</strong></td>
    <td align="center" style="font-style: normal"><strong>Москва</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">500$</td>
  </tr>
  <tr>
    <td height="50" align="center" style="font-style: normal"><strong>Испания</strong></td>
    <td align="center" style="font-style: normal"><strong>Барселона</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">1500$</td>
  </tr>
  <tr>
    <td height="54" align="center" style="font-style: normal"><strong>Германия</strong></td>
    <td align="center" style="font-style: normal"><strong>Мюнхен</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">1990$</td>
  </tr>
  <tr>
    <td height="49" align="center" style="font-style: normal"><strong>АРК</strong></td>
    <td align="center" style="font-style: normal"><strong>Ялта</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">300$</td>
  </tr>
  <tr>
    <td height="54" align="center" style="font-style: normal"><strong>АРК</strong></td>
    <td align="center" style="font-style: normal"><strong>Севастополь</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">310$</td>
  </tr>
  <tr>
    <td height="48" align="center" style="font-style: normal"><strong>Таиланд</strong></td>
    <td align="center" style="font-style: normal"><strong>Бангкок</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">4</td>
    <td align="center" style="font-style: normal">$1500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Куба</strong></td>
    <td align="center" style="font-style: normal"><strong>Варадеро</strong></td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$5600</td>
  </tr>
  <tr>
    <td height="49" align="center" style="font-style: normal"><strong>Италия</strong></td>
    <td align="center" style="font-style: normal"><strong>Рим</strong></td>
    <td align="center" style="font-style: normal">6</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$2500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Греция</strong></td>
    <td align="center" style="font-style: normal"><strong>Афины</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$4500</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Египит</strong></td>
    <td align="center" style="font-style: normal"><strong>Таба</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">5</td>
    <td align="center" style="font-style: normal">$3998</td>
  </tr>
  <tr>
    <td height="52" align="center" style="font-style: normal"><strong>Китай</strong></td>
    <td align="center" style="font-style: normal"><strong>Пекин</strong></td>
    <td align="center" style="font-style: normal">7</td>
    <td align="center" style="font-style: normal">3</td>
    <td align="center" style="font-style: normal">$2500</td>
  </tr>
</table>
<br>
<p><strong>(*)</strong> - вы можете изменить количество дней по желанию<br>
  <strong>(**)</strong> - вы можете изменить количество звезд по желанию<br>
  Вы можете обсудить любую информацию по телефону или может вы хотите заказть тур в дургой город.<br>
<a href="/Contacts.html">Контактная информаци </a></p>
 
</div>
 </center>
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
th
{
    color: #ff0000;
    font-weight: bold;
}
 
table caption
{   
    height:41px;
    font-style: normal;
    border:1px solid black;
    margin-bottom:3px;
    line-height:41px;
}

Хотя я бы тег center не использовал, но так, на скорую руку...
1
136 / 57 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
05.05.2014, 21:09  [ТС] 9
Цитата Сообщение от Micheal Посмотреть сообщение
Хотя я бы тег center не использовал, но так, на скорую руку...
все равно краситься вся таблица
0
Эксперт JSЭксперт HTML/CSS
2430 / 1108 / 310
Регистрация: 23.06.2011
Сообщений: 3,487
05.05.2014, 21:27 10
вот это бред сивой кобылы, неправильное использование тегов, для этого валидатор есть, который все покажет и расскажет
HTML5
1
2
3
4
5
6
7
8
9
<tr>
  <span>
    <td width="88" height="43" align="center" style="font-style: normal">Страна</td>
    <td width="122" align="center" style="font-style: normal">Город</td>
    <td width="105" align="center" style="font-style: normal">Количество дней(*)</td>
    <td width="169" align="center" style="font-style: normal"><p>Отел количество звезд (**)</p></td>
    <td width="90" align="center" style="font-style: normal">Цена($)</td>
    </span>
  </tr>
нужно так
HTML5
1
2
3
4
5
6
7
  <tr class="head">
    <td width="88" height="43" align="center" style="font-style: normal">Страна</td>
    <td width="122" align="center" style="font-style: normal">Город</td>
    <td width="105" align="center" style="font-style: normal">Количество дней(*)</td>
    <td width="169" align="center" style="font-style: normal"><p>Отел количество звезд (**)</p></td>
    <td width="90" align="center" style="font-style: normal">Цена($)</td>
  </tr>
CSS
1
.head {  color: #ff0000;    font-weight: bold;    }
Цитата Сообщение от dimadyak Посмотреть сообщение
разметка жесть, мб так...
это мягко сказано, это больше похоже на свалку
0
53 / 53 / 28
Регистрация: 23.04.2011
Сообщений: 214
05.05.2014, 21:32 11
newJS, да с этим вроде как решили (см. мое сообщение в 10:14), тут пишут, что решение, которое я предложил - не работает, красится вся таблица....хотя это магия наверное какая-то - я только что еще раз запустил - все корректно - красится только заголовок таблицы
0
5 / 5 / 3
Регистрация: 29.03.2014
Сообщений: 48
06.05.2014, 11:46 12
Оберните весь текст в <p class="colortext">

CSS
1
2
3
.colortext{
color: #ваш_цвет;
}
Напролом, до конца
0
0 / 0 / 0
Регистрация: 30.05.2018
Сообщений: 1
30.05.2018, 11:08 13
Подскажите, почему вообще ничего не меняется при изменениях этого кода?
Ставлю белый цвет текста но он остается по прежнему желтым.
Так же нужно поставить фон фото вместо серого цвета


CSS
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
}
.second_section{
    min-height: 760px;
    background: url(../img/second-bg.png) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover; 
    padding-top: 50px;
}
.second_section h3{
    font-size: 44px;
    font-weight: 700;
    line-height: 55px;
    text-transform: uppercase;
    width: 95%;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.second_section ul{
    margin-top: 50px;
    font-size: 0;
    text-align: center;
}
.second_section ul li{
    border: 20px solid #767676;
    background-color: #525252;
    padding: 110px 20px 20px 20px;
    display: inline-block;
    vertical-align: top;
    width: 280px;
    min-height: 260px;
    margin: 1px;
}
.second_section ul li:nth-child(2){
    min-height: 405px;
}
.second_section ul li:nth-child(2) h4{
    text-align: center;
}
.second_section h4{
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
}
.second_section h4 b{
    display: block;
    color: #fff;
}
.second_section p{
    margin-top: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    text-transform: uppercase;
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.05.2018, 11:08

Цвет посещенных ссылок не меняется
Столкнулся с трудной задачей. Вот проблемный код css: a:link { color:#e0ffff;...

Не меняется цвет фона header
Вообщем, пытаюсь поменять цвет шапки сайта (только начал кодить на html), а оно не меняется, код...

Меняется цвет при анимации
Всем привет. Кто знает почему иногда после выполнения анимации меняется цвет, как будто фокус взят,...

Цвет ссылок не меняется (css)
Есть страница сайта; есть css к ней. По идее ссылки в блоке &quot;новости&quot; должны высвечиваться голубым...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.