Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

Цвет Границы Ячейки В Dw

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
Observer
Новичок

Новичок


: 39

: 22.01.2007
: 3

: 22, 2007 1:13 pm     : Цвет Границы Ячейки В Dw

Задача: В таблице произвольной формы получить несколько "утопленных" полей.
Решение: создаём таблицу с границами. В не утопленных полях ставим цвет границы равный цвету фона.
Результат: на макете всё отлично, но браузер рисует все границы Sad

Вопрос: что делать?
Варианты ответов: лучше со ссылкой на пример...
Денис
Модератор

Модератор


: 42

: 21.08.2004
: 1490
: Санкт-Петербург

: 23, 2007 12:43 am     :

Вариант вопроса: лучше со ссылкой на код либо на странцу. Телепатов тут нет.
Observer
Новичок

Новичок


: 39

: 22.01.2007
: 3

: 23, 2007 8:21 am     :

Конкретно:

Код: http://www.oprosy.info/temp/HelpMe.html
Результат: http://www.oprosy.info/temp/1.png
В окне вёрстки и как мне надо: http://www.oprosy.info/temp/2.png

Извините за изначально невнятную постановку вопроса...
Observer
Новичок

Новичок


: 39

: 22.01.2007
: 3

: 23, 2007 9:30 am     :

В принципе вопрос решён. Типа:

<table style='border-width:0px;'>
<tr style='height:20px;'>
<td style='width:30px;'>td_norm</td>
<td style='width:30px; border:1px inset #FFFFFF;'>td_inside</td>
</tr>
</table>

Только всё равно не понятно почему первый вариант не работает?
Денис
Модератор

Модератор


: 42

: 21.08.2004
: 1490
: Санкт-Петербург

: 23, 2007 9:41 am     :

Observer, Вы, похоже, перепутали. Если смотреть на код, представленный по ссылке *http://www.oprosy.info/temp/HelpMe.html*, то результат этого кода мы увидим вот здесь: *http://www.oprosy.info/temp/2.png*, а то, что Вам нужно получить, лежит вот здесь: *http://www.oprosy.info/temp/1.png*. Разве нет?

Отчего Вы не представили код CSS? Исходя из того кода, который я видел, Вы получаете именно то, что показано на скриншоте из Оперы. Чтобы получить границы ячейки в стиле Windows (утопленный вариант), делайте стиль CSS, в котором двум неутопленным границам присваиваете один цвет (соответствующий "утопленному" состоянию), а двум другим - другой цвет (более светлый). Например, вот так:

[code:1:9d60d238af]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
body {
background-color: #666666;
}
.table_colors {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}
-->
</style></head>

<body>
<table width="50%" height="50%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" class="table_colors">Таблица</td>
</tr>
</table>
</body>
</html>
[/code:1:9d60d238af]
Денис
Модератор

Модератор


: 42

: 21.08.2004
: 1490
: Санкт-Петербург

: 23, 2007 9:44 am     :

Observer ():
Только всё равно не понятно почему первый вариант не работает?


Потому что не все броузеры одинаково отображают стили CSS.
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 136748 / 0

Rambler's Top100 @Mail.ru