PDA

Просмотр полной версии : вопросик по CSS

mexx999
16.04.2008, 15:45
В Dreamweaver ставлю на таблицу стиль .table. Там указываю рамки толщину и цвет. В дримвивере отображается, а в IE и Opere не хочет
ΛLIEN
16.04.2008, 18:28
Код в студию, здесь телепатов.net
mexx999
19.04.2008, 14:37
вот
см. <!-- main телефоны и главная -->
ΛLIEN
19.04.2008, 15:11
Надо добавить в .table {...} стиль рамки: border-style:solid;

PS:
1) незачем указывать ширину рамки для каждой границы, если она одинаковая. Просто: border-width: thin;
2) Тоже самое для border-color
3) Вот этого ".стиль38" - делать не стоит. Кириллицу убрать от греха подальше.
4) Dreamweaver - еще то гэ.
mexx999
19.04.2008, 15:25
спасибо!
а за что отвечает solid? а какую альтернативу предложишь дримвиверу?
а стиль38 ? что за кириллица? ну всмысле что именно там убрать?
ΛLIEN
19.04.2008, 15:32
спасибо!
а за что отвечает solid? а какую альтернативу предложишь дримвиверу?

border-style это стиль рамки. Может принимать значения solid (сплошная), dashed (штрихами), dotted (точками) и т.д.

Любой текстовый редактор с подсветкой HTML/Javascript/СSS синтаксиса + программу для визуальной работы со стилями (аля Rapid CSS 2006).

.стиль38 - не называй русскими буквами стили. "Это плохо, пнятненько?"
mexx999
19.04.2008, 15:38
а вот еще что,
нужно сделать на границе двух столбцов разделительную вертикальную линию.
вот посмотри, должно так получиться
ΛLIEN
19.04.2008, 16:22
<html>
<head>
<style type="text/css">
<!--
TABLE.mytable {
border-width:2px;
border-style:solid;
border-color:blue;
}

TABLE.mytable TD {
border-width:0px;
}

TABLE.mytable TD.bluebg {
width:2px;
background:blue;
padding:0px;
}

-->
</style>
</head>

<body>
<table class="mytable" width="70%">

<tr>
<td width="15%">1</td>
<td class="bluebg" rowspan="3"></td>
<td>2</td>
</tr>

<tr>
<td>3</td><td>4</td>
</tr>

<tr>
<td>5</td><td>6</td>
</tr>

<table>
</body>
</html>
ΛLIEN
19.04.2008, 22:33
Лень мне ваять хтмл. Вариантов реализации много: от хитрого использования css, до простого использования фоновых картинок (с соответствующим угловым рисунком) в угловых ячейках таблицы:

TABLE TR TD.left-up-corner {
background-image: url("left_corner.gif");
background-position: top left;
background-repeat: no-repeat;
}
....
<td class="left-up-corner">....


и т.д. для других углов и вертикальных/горизонтальных границ.

ps: набери в поисковике "закругленные края таблиц", он тебе кучу всяких вариантов вывалит.
ΛLIEN
21.04.2008, 20:12
собственно сабж. слова "спасибо" - будет достаточно. =)
mexx999
21.04.2008, 21:03
собственно сабж. слова "спасибо" - будет достаточно. =)
АААААА - То что надо!!!
Спасибо большое о всемогущий ΛLIEN :) :)
ΛLIEN
21.04.2008, 21:19
Там ошибка вкралась.
В конце вместо </table> стоит <table>