Как изменить цвет границы таблицы в Опере?

@Hacker_ · Регистрация: 10.09.2009

Студворк — интернет-сервис помощи студентам

Всем приве!
Мне надо сделать чтобы граница таблицы была вот такого цвета: (205,255,254)
Я написал код:

HTML5
1
2
3
4
5
6
7
<table  align=right border=1 cellspacing=0 height=100% bordercolor=rgb(205,255,254)>
    <tr>
        <td valign=top>
            <div style='color:red;text-indent:10px'>Города Украины:</div><br>
        </td>
    </tr>
</table>

В ie все смотрица отлично, а в опере цвет рамки черный.
Я переделал:

HTML5
1
2
3
4
5
6
7
<table  align=right border=1 cellspacing=0 height=100% style='border-color:rgb(205,255,254)'>
    <tr>
        <td valign=top>
            <div style='color:red;text-indent:10px'>Города Украины:</div><br>
        </td>
    </tr>
</table>

Получилась какаято фигня, и в опере и в ie цвет рамки черный, а вокруг рамки еле-еле видно нужного цвета линию.
Скажите что я сделал не так и как переделать код чтобы рамка была нужного цвета?

@4iNo · 01.03.2010, 18:17

HTML5
1
2
/*css*/
table, tr, td, th { background: rgb(205,255,254); }

чтобы перекрыть цвет пишите:

HTML5
1
2
/*css*/
tr { background: rgb(100, 100, 100) !important; }

@GalaX · 01.03.2010, 18:20

HTML5
1
<table style="border : 1px solid rgb(205, 255, 254);">

@Hacker_ · 02.03.2010, 10:36 **[ТС]**

Сообщение от GаlаX

HTML5
1
<table style="border : 1px solid rgb(205, 255, 254);">

Супер, спасибо!

Tolias28 · 23.08.2012, 14:55

Сообщение от GalaX

HTML5
1
<table style="border : 1px solid rgb(205, 255, 254);">

Оно изменяет цвет только внешней рамки. А как закрасить внутренние линии таблицы тоже?

HTML5
1
<table border=1 cellpadding=1 cellspacing=0 style="border : 1px solid red;">

@and_y87 · 23.08.2012, 15:18

Tolias28, Вотвам 2 таблицы для разбора...

таблицы тут

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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
 
<body>
<style>
table, td {
    border: 1px solid #0F0;
    margin:0;
    padding:0;
}
td {
    width: 24px; 
    height: 24px;
    border: 1px solid #F00;
}
table.table2, table.table2 td {
    background: #000;
}
table.table2 td {
    background: #FFF;
}
 
</style>
<table cellpadding="0" cellspacing="0">
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
</table>
 
<table cellpadding="1" cellspacing="1" class="table2">
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
<tr>
<td></td><td></td><td></td><td></td>
<tr>
</table>
</body>
</html>

Применяйте стили border к:
table - рамка таблицы
td - рамка ячеек таблицы

Tolias28 · 23.08.2012, 15:19

Ясно. Все таки к сожалению без стилей не обойтись....

@and_y87 · 23.08.2012, 15:20

Tolias28, зря вы не любите стили...
Это вещь классная

честное слово

Tolias28 · 23.08.2012, 15:23

and_y87, кто вам говорил, что я их не люблю? Да и я сам знаю, что это штука класная

Но у меня просто таблица на странице генерится динамически через PHP. И чтобы использовать стили, придется усложнять код PHP, так как стили задаются в другом месте страницы. Их бы можно было вынести вообще в отдельный CSS-файл, но в даном случае мне желательно обойтись без него...

@and_y87 · 23.08.2012, 15:51

Tolias28,
Оберните на сайте то место где генериться таблица в div с уникальныйм id к примеру mysuppertable

и сделайте в родном .css файле стили для

CSS
1
2
3
4
5
6
div#mysuppertable table {
    border: 1px solid #0F0;
}
div#mysuppertable td{
    border: 1px solid #F00;
}

Суть в том что бы использовать правильный путь действующий только на 1 таблицу

Tolias28 · 23.08.2012, 15:52

Сообщение от and_y87

и сделайте в родном .css файле

Сообщение от Tolias28

Их бы можно было вынести вообще в отдельный CSS-файл, но в даном случае мне желательно обойтись без него...

.....

@and_y87 · 23.08.2012, 15:59

Tolias28, ну тогда остаётся только прописывать при генерации:

HTML5
1
<td style="border: 1px solid #0F0;">данные</td>

соответственное для table

HTML5
1
<table style="border: 1px solid #F00;">

других способов я не вижу

Добавлено через 48 секунд
Но прописывать style для каждой td - это уже попахивает бредом...

Tolias28 · 23.08.2012, 16:00

Сообщение от and_y87

<td style="border: 1px solid #0F0;">данные</td>

вот вот. А если строк очень много, то этот текст повторяется, что значительно увеличивает размер страницы. Это неприменимо...

Добавлено через 21 секунду

Сообщение от and_y87

Но прописывать style для каждой td - это уже попахивает бредом...

тож да

@and_y87 · 23.08.2012, 16:04

Сообщение от Tolias28

Оно изменяет цвет только внешней рамки. А как закрасить внутренние линии таблицы тоже?

дошло... для внутрених линий задаётся фон для tr

HTML5
1
2
3
4
5
<tr style="background: #888;">
    <td></td>
    <td></td>
    <td></td>
</tr>

P.S. прозрачный фон так:

CSS
1
background: rgba(255,255,255, 0.5);

запоминается просто ... RGB знаете Red Green Blue, а "А" - это Alpha - прозрачность...

@newJS · 24.08.2012, 07:35

Набивать стилями html, откатываться назад в прошлое? шутники, Аднака.
И обёртки не нужны, проще класс присвоить таблице, для уникальности придумываем класс длиной в пол руки.

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>w123</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<link rel="stylesheet" type="text/css" href="bord_cellP_cellS.css">
</head>
 
<body>
 
<br>
<table border="1" bordercolor="red" width="33%" cellpadding="5" cellspacing="3">
<tr><td>text 1
</td><td>text 2
</td></tr><tr><td>text 3
</td><td>text 4
</td></tr></table>
 
<br>
 
<table class="tab1">
<tr><td>text 1
</td><td>text 2
</td></tr><tr><td>text 3
</td><td>text 4
</td></tr></table>
 
<br>
 
<table class="tab2">
<tr><td>text 1
</td><td>text 2
</td></tr><tr><td>text 3
</td><td>text 4
</td></tr></table>
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
.tab1 {width:33%;}
.tab1 {border:1px solid blue;}/* равно border="1" */
.tab1 {border-collapse: separate; border-spacing:3px;}/* равно cellspacing="3" */
.tab1 td {border:1px solid red; padding:5px;}/* равно cellpadding="5" */
 
.tab2 {width:33%;}
.tab2 {border-collapse:collapse;}/* равно cellspacing="0" */
.tab2 td {border:1px solid red;}/* равно border="1" */
.tab2 td {padding:5px;}/* равно cellpadding="5" */

@and_y87 · 24.08.2012, 09:26

newJS, Читайте пожалуйста внимательней посты...

Сообщение от Tolias28

Их бы можно было вынести вообще в отдельный CSS-файл, но в даном случае мне желательно обойтись без него...

я уже предлогал сделать стили в посте №10

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

Tolias28 213 / 139 / 8 Регистрация: 18.08.2010 Сообщений: 1,018
	23.08.2012, 15:19
	Ясно. Все таки к сожалению без стилей не обойтись.... 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 98
	23.08.2012, 15:20
	Tolias28, зря вы не любите стили... Это вещь классная честное слово 0

Tolias28 213 / 139 / 8 Регистрация: 18.08.2010 Сообщений: 1,018
	23.08.2012, 15:23
	and_y87, кто вам говорил, что я их не люблю? Да и я сам знаю, что это штука класная Но у меня просто таблица на странице генерится динамически через PHP. И чтобы использовать стили, придется усложнять код PHP, так как стили задаются в другом месте страницы. Их бы можно было вынести вообще в отдельный CSS-файл, но в даном случае мне желательно обойтись без него... 0