X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> СSS
TiGrann
TiGrann
Topic Starter сообщение 19.11.2009, 15:45; Ответить: TiGrann
Сообщение #1


У меня такая ситуация, текст на страничке я распологаю в блоке с закругленными краями, для этого я использую следующий код:
<div id="wrap">
<b style="font-size:1px; display:block; overflow:hidden;">
<b style="background:#000000; color:inherit; display:block; overflow:hidden; height:1px; margin:0px 5px;"></b>
<b style="background:#000000; border-color:#000000; color:inherit; display:block; overflow:hidden;height:1px; border-style:solid; border-width:0px 1px; margin:0px 3px; border-width:0px 2px;"></b>
<b style="background:#000000; border-color:#000000; color:inherit; display:block; overflow:hidden; height:1px; border-style:solid; border-width:0px 1px; margin:0px 2px;"></b>
<b style="background:#000000; border-color:#000000; color:inherit; display:block; overflow:hidden; border-style:solid; border-width:0px 1px; height:2px; margin:0px 1px;"></b>
</b>

<div style="background:#ffffff; border-color:#000000; color:inherit; display:block; border-style:solid; border-width:0px 1px;">
<b style="font-size:1px; display:block; overflow:hidden; height:1px;"></b>

<table border="0" id="text">
<tr>
<td valign="middle" nowrap="nowrap" style="font:bold 16px Arial;">
Пример блока с закругленными краями
</td>
</tr>
</table>

<b style="font-size:1px; display:block; overflow:hidden; height:1px;"></b>
</div>

<b style="font-size:1px; display:block; overflow:hidden;">
<b style="background:#000000; border-color:#000000; color:inherit; display:block; overflow:hidden; border-style:solid; border-width:0px 1px; height:2px; margin:0px 1px;"></b>
<b style="background:#000000; border-color:#78AAFF; color:inherit; display:block; overflow:hidden; height:1px; border-style:solid; border-width:0px 1px; margin:0 2px;"></b>
<b style="background:#000000; border-color:#78AAFF; color:inherit; display:block; overflow:hidden; height:1px; border-style:solid; border-width:0px 1px; margin:0px 3px; border-width:0px 2px;"></b>
<b style="background:#000000; color:inherit; display:block; overflow:hidden; height:1px; margin:0px 5px;"></b>
</b>
</div>

Я бы хотел узнать, как можно это организовать в CSS, что бы мне не писать каждый раз при вставке нового блока с текстом эту последовательность кода, а просто сделать как стиль????
Заранее благодарю за помощь!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AndreySmith
AndreySmith
сообщение 19.11.2009, 16:15; Ответить: AndreySmith
Сообщение #2


Можно так

вот это

<b style="background:#000000; color:inherit; display:block; overflow:hidden; height:1px; margin:0px 5px;"></b>


равно вот этому:

<b class="style_b"></b>

В таблице стилей:

.style_b {background:#000000; color:inherit; display:block; overflow:hidden; height:1px; margin:0px 5px;}




Т.е. каждому и присвоить свой класс. Кстати, там одинаковые стили вверху таблицы и внизу - если ситили одинаковые, то и классы одинаковые.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 19.11.2009, 16:17; Ответить: alexdrob
Сообщение #3


берёшь все что в style="......." написанно и выносишь в стили

<style>

.myStyle{ .... }
...................
</style>


потом пишешь
<b class="myStyle">



но там много повторяющегося можно в общий стиль вынести

например у всех есть display:block; и background:#000000;

можно вынесте в одельный стиль

.myNewStyle { display:block; background:#000000;}


тогда это не нужно писать в myStyle

а блоку пишешь так

<b class="myNewStyle MyStyle">


то есть через пробел все нужные слили для блока
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TiGrann
TiGrann
Topic Starter сообщение 20.11.2009, 13:43; Ответить: TiGrann
Сообщение #4


ВСЕМ СПАСИБО!!!! ПОПРОБУЮ СДЕЛАТЬ!=)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 8:36

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet