Вопросы по border

[Rustick]

1. Например есть такая запись:

border-top: 1px solid black;

border-bottom: 1px solid black;

Можно ли ее как-то сократить?

То есть в случае с

padding-top: 10px;

padding-bottom: 10px;

Можно было бы записать как

padding: 10px 0;

Если что-то схожее для border?

2. В моей теме так никто и не ответил. Как сделать палочку сбоку.

То есть например так:

Ссылка 1 | Ссылка 2

Именно если делать через border-right: 1px solid black;

То это палочка по высоте получается гораздо больше чем текст и не совсем так как надо.

[tt48]

1. Более короткой записи нет.

Можно через

border: 1px solid black;
border-width: 0 1px;

Разницы в длине особой нет.

http://www.w3.org/TR/CSS21/box.html#border-properties

2. Палочку можно сделать через | . Сделать этому символу обертку

с

display: inline-block;
*display: inline;/*for ie lt 8*/
*zoom:1;/*for ie lt 8*/

для обычных ссылок или float, если ссылки тож плавучие.

Но это только если хочется настраивать интервал между ссылками

и чертой этой и не зависеть от ширины пробела.

+ можно похимичить с вертикальным выравниванием, не задевая ссылки.

[Rustick]

2. Палочку можно сделать через | . Сделать этому символу обертку

с

display: inline-block;
*display: inline;/*for ie lt 8*/
*zoom:1;/*for ie lt 8*/

для обычных ссылок или float, если ссылки тож плавучие.

Но это только если хочется настраивать интервал между ссылками

и чертой этой и не зависеть от ширины пробела.

+ можно похимичить с вертикальным выравниванием, не задевая ссылки.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку?

[psywalker]

2. Палочку можно сделать через | . Сделать этому символу обертку

с

display: inline-block;
*display: inline;/*for ie lt 8*/
*zoom:1;/*for ie lt 8*/

для обычных ссылок или float, если ссылки тож плавучие.

Но это только если хочется настраивать интервал между ссылками

и чертой этой и не зависеть от ширины пробела.

+ можно похимичить с вертикальным выравниванием, не задевая ссылки.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку?

1. Вставлять этот код ты будешь с помощью Условных комментариев для ИЕ. Гугл в помощь.

2. Обёртка - это контейнер, родительский элемент, т.е. тот, в котором будет лежать твой.

[Rustick]

2. Палочку можно сделать через | . Сделать этому символу обертку

с

display: inline-block;
*display: inline;/*for ie lt 8*/
*zoom:1;/*for ie lt 8*/

для обычных ссылок или float, если ссылки тож плавучие.

Но это только если хочется настраивать интервал между ссылками

и чертой этой и не зависеть от ширины пробела.

+ можно похимичить с вертикальным выравниванием, не задевая ссылки.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку?

1. Вставлять этот код ты будешь с помощью Условных комментариев для ИЕ. Гугл в помощь.

2. Обёртка - это контейнер, родительский элемент, т.е. тот, в котором будет лежать твой.

1. Мне палочку нужно сделать для всех браузеров, при чем тут условные комментарии ИЕ?

2. Понятно. Спасибо.

Автор выше написал, что я должен вставить палочку, а уже ей сделать обертку. Куда я палочку то должен вставлять?

[psywalker]

2. Палочку можно сделать через | . Сделать этому символу обертку

с

display: inline-block;
*display: inline;/*for ie lt 8*/
*zoom:1;/*for ie lt 8*/

для обычных ссылок или float, если ссылки тож плавучие.

Но это только если хочется настраивать интервал между ссылками

и чертой этой и не зависеть от ширины пробела.

+ можно похимичить с вертикальным выравниванием, не задевая ссылки.

Что-то я так и не понял. Каким образом я буду вставлять этот элемент в код? И что значит сделать этому символу обертку?

1. Вставлять этот код ты будешь с помощью Условных комментариев для ИЕ. Гугл в помощь.

2. Обёртка - это контейнер, родительский элемент, т.е. тот, в котором будет лежать твой.

1. Мне палочку нужно сделать для всех браузеров, при чем тут условные комментарии ИЕ?

2. Понятно. Спасибо.

Автор выше написал, что я должен вставить палочку, а уже ей сделать обертку. Куда я палочку то должен вставлять?

1. Сделай её бордером у LI

[Rustick]

Добавил в

ul.hr li

border-right: 1px solid black;

а в

ul.hr

display: inline-block;

Все тоже самое, палочка слишком большая.

[tt48]

<input type='submit' value="Войти" class="as_a_link" id='submit' />
<div class='separator'>|</div>
<a href="../registr" class="aut_link">
Зарегистрироваться
</a>

.separator{
 display: inline-block;
*display: inline;
*zoom:1;
}

Оставшимся двум блокам - input \ a - также прописываем стили, по типу сепаратора..Не помню, какие идут параметры display у input по дуфалту..может и не надо ему ничего менять - хуже не будет.

Edited May 8, 2011 by tt48