Вертикальное выравнивание картинки по центру в троке текста.
Вертикальное выравнивание картинки по центру строки выполняется с помощью значения middle свойства vertical-align.
IMG.middle { vertical-align: middle }
Как сделать текст нижним или верхним индексом
CSS свойство vertical-align (auto|baseline|sub|super|top|text-top|middle|bottom|text-bottom), задающее вертикальное выравнивание элемента внутри родительского блока. В данном случае нас интересуют значения sub и super:
vertical-align: sub; /* превращает текст в нижний индекс; */
vertical-align: super; /* превращает текст в верхний индекс; */
Как сделать подчеркнутый пунктиром (пунктирной линией) текст?
<style type="text/css">
.dashedtext
{
border-bottom: 1px dashed red;
}
</style>
<span class="dashedtext">Строка подчеркнутая пунктиром.</span>
Как подчеркнуть текст красной волнистой линией?
<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>
Оформляем форму ввода текста textarea. Ее свойства задаются следующим образом:
textarea {описание свойств;}
Для textarea я обычно задаю размер шрифта, цвет текста и фона, размер и цвет рамок, иногда ставлю на фон легкую картинку.
Для элемента select свойства задаются точно так же
select {описание свойств;}
Стоит сказать, что я обычно для этого элемента задаю размер шрифта, цвета текста и рамок.
Помните формы ввода логина и пароля на этом форуме? Это элемент input
input {свойства элемента;}
Для него я обычно задаю те же свойства, что и для textarea.
Для того, чтобы кнопка (вроде той, что вы нажимаете для того, чтобы отправить сообщение) выглядела лучше, я использую найденную в инет конструкцию:
input[type=submit],input[type=button],input[type~=submit],input[type~=button] {
тут описываем свойства;
}
Помните в личных настройках этого форума есть раскрывающееся меня выбора часового пояса? Знакомьтесь - это select. Для него я обычно задаю цвет и толщину рамок и размер шрифта. Простой пример оформления:
select {
background: #000;
color: #444;
border: 1px solid #fff;
}
Сообщения, начиная с #9, не содержат полезной нагрузки и не соответствуют тематике данной темы. Это никому ненужные рецепты и мой флуд.
Я с Плутом воевал по этому поводу в привате и соответствующем разделе, но как об стену.
Пишу это, так как сам активно пользовался данной темой и сейчас мне обидно за ее состояние.
___
Пользуясь, случаем рекомендую в дополнение к данной теме http://htmlbook.ru/ - самый лучший справочник, даже для тех, кто с мини оперы.