Xwab
Форумыnavigate_nextHTML/CSS

Справочник по CSS
Сообщения
LegionDEAD

Вертикальное выравнивание картинки по центру в троке текста.

Вертикальное выравнивание картинки по центру строки выполняется с помощью значения middle свойства vertical-align.

IMG.middle { vertical-align: middle }

01 Июн 2010, 15:15
LegionDEAD

Как сделать текст нижним или верхним индексом

CSS свойство vertical-align (auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom), задающее вертикальное выравнивание элемента внутри родительского блока. В данном случае нас интересуют значения sub и super:

vertical-align: sub; /* превращает текст в нижний индекс; */
vertical-align: super; /* превращает текст в верхний индекс; */

01 Июн 2010, 15:16
LegionDEAD

Как сделать подчеркнутый пунктиром (пунктирной линией) текст?

<style type="text/css">

.dashedtext
{
border-bottom: 1px dashed red;
}
</style>

<span class="dashedtext">Строка подчеркнутая пунктиром.</span>

01 Июн 2010, 15:18
LegionDEAD

Как подчеркнуть текст красной волнистой линией?

<style type="text/css">

.wavyline
{
background: url(wavyline.gif) repeat-x 100% 100%;
padding-bottom: 2px;
text-decoration: none;
white-space: nowrap;
}
</style>

<span class="wavyline">ошимбок</span>

01 Июн 2010, 15:32
MadMax

Оформляем форму ввода текста textarea. Ее свойства задаются следующим образом:
textarea {описание свойств;}
Для textarea я обычно задаю размер шрифта, цвет текста и фона, размер и цвет рамок, иногда ставлю на фон легкую картинку.

01 Июн 2010, 16:40
MadMax

Для элемента select свойства задаются точно так же
select {описание свойств;}
Стоит сказать, что я обычно для этого элемента задаю размер шрифта, цвета текста и рамок.

01 Июн 2010, 16:41
MadMax

Помните формы ввода логина и пароля на этом форуме? Это элемент input
input {свойства элемента;}
Для него я обычно задаю те же свойства, что и для textarea.

01 Июн 2010, 16:41
MadMax

Для того, чтобы кнопка (вроде той, что вы нажимаете для того, чтобы отправить сообщение) выглядела лучше, я использую найденную в инет конструкцию:
input[type=submit],input[type=button],input[type~=submit],input[type~=button] {
тут описываем свойства;
}

01 Июн 2010, 16:42
MadMax

Помните в личных настройках этого форума есть раскрывающееся меня выбора часового пояса? Знакомьтесь - это select. Для него я обычно задаю цвет и толщину рамок и размер шрифта. Простой пример оформления:
select {
background: #000;
color: #444;
border: 1px solid #fff;
}

01 Июн 2010, 16:42
Gnom7

Сообщения, начиная с #9, не содержат полезной нагрузки и не соответствуют тематике данной темы. Это никому ненужные рецепты и мой флуд.
Я с Плутом воевал по этому поводу в привате и соответствующем разделе, но как об стену.
Пишу это, так как сам активно пользовался данной темой и сейчас мне обидно за ее состояние.
___
Пользуясь, случаем рекомендую в дополнение к данной теме http://htmlbook.ru/ - самый лучший справочник, даже для тех, кто с мини оперы.

07 Июн 2010, 10:21
Ответить на тему