Форум Gatchina OnLine - вопросик по CSS

Страница 1 из 2

Показывать 40 сообщений этой темы на одной странице

Форум Gatchina OnLine (https://forumgol.ru/index.php)

- Программирование и разработка (https://forumgol.ru/forumdisplay.php?f=4)

- - вопросик по CSS (https://forumgol.ru/showthread.php?t=7561)

mexx999

16.04.2008 15:45

вопросик по CSS

В Dreamweaver ставлю на таблицу стиль .table. Там указываю рамки толщину и цвет. В дримвивере отображается, а в IE и Opere не хочет

ΛLIEN

16.04.2008 18:28

Код в студию, здесь телепатов.net

mexx999

19.04.2008 14:37

Вложений: 1

вот
см.

Λ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

Цитата:

Сообщение от mexx999 (Сообщение 310846)

спасибо!
а за что отвечает 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

PHP код:


		
			
<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, до простого использования фоновых картинок (с соответствующим угловым рисунком) в угловых ячейках таблицы:

PHP код:


		
			
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

Вложений: 1

собственно сабж. слова "спасибо" - будет достаточно. =)

Текущее время: 12:39. Часовой пояс GMT +3.

Страница 1 из 2

Показывать 40 сообщений этой темы на одной странице