| |
|
|
| | Очень хорошую вещь мне недавно тут (на этом форуме) посоветовали, а именно Ballista.RU:Работа с изображениями в css, но там не рассмотрели одну вещь, а именно: как расположить текст ссылки поцентру рисунка по обоим осям.
Если располагать по центру только по оси X, то достаточно лишь указать в стиле
А вот как по Y выравнять?
<style>
.button_link {
display:block;
color:blue;
background:url(button.jpg) no-repeat 0px 0px;
width:166px;
height:32px;
text-align:center;
}
.button_link:hover
{ color:red;
background:url(button.jpg) no-repeat 0px -32px;
text-align:center;
}
</style>
<b><a href="#" class="button_link">Ссылка</a></b>
|
P.S. И заодно не подскажите как описать свойства шрифта (Bold, Italic, Underline) в стилях? :)
За ранее благодарен. | |
| |
|
|
| |
|
|
| |
для: Mpak
(12.09.2007 в 22:48)
| | | center у bg поставь. | |
| |
|
|
| |
|
|
| |
для: Mpak
(12.09.2007 в 22:48)
| | | c вертикальным выравниванием в css всегда было не просто. тут ссылка делается блочным элементом и это усложняет задачу.
решение есть, но если текст будт занимать фиксированное количество строк, тоесть все ссылки для которых применяется стиль будут иметь одинаковое количество строк.
надо убрать высоту и прописать размер шрифта + отступы сверху и снизу:
<style>
.button_link {
display:block;
color:blue;
background:url(button.jpg) no-repeat 0px 0px;
width:166px;
font-size:10px;
line-height:10px;
padding:11px auto;
text-align:center;
}
|
стили шрифта:
text-decoration:underline;
font-style:italic;
font-weight: bold;
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(13.09.2007 в 07:32)
| | | Спасибо! То что надо.
Это за что отвечает:
И как указать тип имя шрифта в стиле? :) | |
| |
|
|
| |
|
|
| |
для: Mpak
(13.09.2007 в 10:59)
| | | тип шрифта - font-family:Arial, Helvetica, sans-serif;
padding - отступ от элемента. пишут так
padding: 1px 2px 3px 4px. - отступы по часовой стрелки начиная с верхнего.
если только два значения - то первое это отступ сверху и такой же снизу , второе - побокам.
посмотрите справочник http://css-info.narod.ru/ | |
| |
|
|
