Поиск в форуме:
Искать


Автор Сообщение
Сообщение06.11.2008 в 16:08 (UTC)    
Заголовок сообщения: Закругление углов таблицы без использования изображений

Закругление углов таблицы без использования изображений.
Как внедрить стиль в нашу систему? Пример:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
   <title>Untitled</title>
</head>

<body>
<table width="100%">
<tr>
<td>
<div id="rounded-box-3">
    <b class="r3"></b><b class="r1"></b><b class="r1"></b>
    <div class="inner-box">
        <h3>Элемент с закругленными углами R=3px</h3>
       
    </div>
    <b class="r1"></b><b class="r1"></b><b class="r3"></b>
</div>
</td>
<td>
<div id="rounded-box-3">
    <b class="r3"></b><b class="r1"></b><b class="r1"></b>
    <div class="inner-box">
        <h3>Элемент с закругленными углами R=3px</h3>
       
    </div>
    <b class="r1"></b><b class="r1"></b><b class="r3"></b>
</div>
</td>
</tr>
</table>

<style type="text/css">
.r1, .r2, .r3 {
    display: block;
    height: 1px;
   overflow: hidden;
    font-size:1px;

}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #CCCCCC;
}

.inner-box {
    padding:1em;
}
</style>

</body>
</html>







RG Prestige 2570Z


Последний раз редактировалось: schors (06.11.2008, 17:43), всего редактировалось 1 раз
Сообщение06.11.2008 в 19:55 (UTC)    
Заголовок сообщения:

неплохой код, хватает и эта часть: Wink

Цитата:
<table width="100%">
<tr>
<td>
<div id="rounded-box-3">
<b class="r3"></b><b class="r1"></b><b class="r1"></b>
<div class="inner-box">
<h3>Элемент с закругленными углами R=3px</h3>

</div>
<b class="r1"></b><b class="r1"></b><b class="r3"></b>
</div>
</td>
<td>
<div id="rounded-box-3">
<b class="r3"></b><b class="r1"></b><b class="r1"></b>
<div class="inner-box">
<h3>Элемент с закругленными углами R=3px</h3>

</div>
<b class="r1"></b><b class="r1"></b><b class="r3"></b>
</div>
</td>
</tr>
</table>

<style type="text/css">
.r1, .r2, .r3 {
display: block;
height: 1px;
overflow: hidden;
font-size:1px;

}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

#rounded-box-3 .inner-box, #rounded-box-3 b {
background-color: #CCCCCC;
}

.inner-box {
padding:1em;
}
</style>

______________


Последний раз редактировалось: codes4you (06.11.2008, 20:55), всего редактировалось 1 раз
Сообщение06.11.2008 в 20:52 (UTC)    
Заголовок сообщения:

а как его у нас использовать? Чёт у меня не получилось. Crying or Very sad





RG Prestige 2570Z
Сообщение07.11.2008 в 14:55 (UTC)    
Заголовок сообщения:

просто мой код вставить в источник редактора Wink
______________
Сообщение07.11.2008 в 17:16 (UTC)    
Заголовок сообщения:

Я так пробовал. При повторном редактириовании, сохранении, редактор меняет код по своему и закругленые края пропадают.
Отключить редактор что ли? Но мне пока без него трудно...





RG Prestige 2570Z


Последний раз редактировалось: schors (07.11.2008, 18:20), всего редактировалось 1 раз
Сообщение07.11.2008 в 18:02 (UTC)    
Заголовок сообщения:

Как это отключить редактор, это не возможно!
______________
Сообщение07.11.2008 в 19:46 (UTC)    
Заголовок сообщения:

Я имел ввиду HTML - редактор не показывать (в настройках). Ведь проблема в том что пока не клацаешь по кнопке источник - всё в норме, только переключаешь режим - всё. Может подскажешь какой другой выход?
Спасибо за поддержку.





RG Prestige 2570Z
Сообщение07.11.2008 в 21:08 (UTC)    
Заголовок сообщения:

я не понимаю в чем твоя проблема?
кликаешь источник, халиваешь код, сохраняешь, все!
______________
Сообщение07.11.2008 в 22:02 (UTC)    
Заголовок сообщения:

Вот в этом и проблема. Кликаю источник в режим HTML вставляю код, сохраняю. Кликаю источник в режим обычного редактора чтоб текст писать и всё редактор при обратном нажатии на источник в режим HTML исправляет код по своему на обычную таблицу.





RG Prestige 2570Z
Сообщение08.11.2008 в 10:34 (UTC)    
Заголовок сообщения:

такое может случиться, если у тебя где-либо на сайте стоит код в body или head
______________
Сообщение08.11.2008 в 11:05 (UTC)    
Заголовок сообщения:

Блин я наверно достал уже тебя. А что за код? Как найти и избавиться от него? Я это давно заметил, пишу код по своему, а редактор после тех манипуляций, что я выше описал, по своему. Что делать?




RG Prestige 2570Z
Показать сообщения:   


Powered by phpBB © 2001, 2005 phpBB Group
phpBB