Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Ограниченный border-bottom, Можно ли задать ему длинну? 
V
    Опции темы
BuShaRt
Дата 31.8.2010, 12:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1391
Регистрация: 29.6.2006

Репутация: нет
Всего: 6



Сразу уточню, что border-bottom я привел как один из часто используемых вариантов и то, что решь идет не о ширине, которые задается непосредственно первым параметром, а о длине.

Вот допустим есть некоторый блок шириной 100px, мы задаем ему border-bottom и он автоматически появляется на всю длину нижней границы блока. Но вот мне стало интересно, можно ли сделать чтоб граница имела длину 80 px и находилась по центру т.е. грубо говоря от не отрубалось по 10px слева и справа.
PM MAIL   Вверх
magelan
Дата 31.8.2010, 12:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


потерял xPath
**


Профиль
Группа: Участник
Сообщений: 393
Регистрация: 5.4.2010

Репутация: 4
Всего: 16



оно?
Код

<DIV STYLE="position: relative; top: 0; left: 0; width: 100px; background-color: #EEEEEE">
content here
<DIV ALIGN="center">
  <DIV STYLE="position: relative; top: 0; left: 0; width: 80px; height: 1px; font-size: 0; line-height: 0; border-bottom: 1px solid red"></DIV>
</DIV>
</DIV>

стили завернуть в CSS, фон - для наглядности.
PM MAIL   Вверх
bars80080
Дата 31.8.2010, 14:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



граница - это не отдельный элемент и потому не имеет собственного параметра длины, только ширина

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

PM MAIL WWW   Вверх
BuShaRt
Дата 31.8.2010, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1391
Регистрация: 29.6.2006

Репутация: нет
Всего: 6



magelan
bars80080
Вопрос состоит в том, как у блока ее сделать меньше, а не как визуально на экране нарисовать границу под блоком. Если уж так, то можно в два дива эту задачу без проблем решить.
Если так сделать нельзя, то увы, но вдруг. 
PM MAIL   Вверх
SelenIT
Дата 2.9.2010, 00:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Возможно, будет можно в CSS4 (если оно не первоапрельская шутка - вроде нет - хотя с этим W3C нынче и не такое бывает...). А пока только дополнительным элементом, насколько я в курсе.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
LITEOMILL
Дата 23.1.2023, 22:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 12
Регистрация: 23.1.2023

Репутация: нет
Всего: нет




Модератор: Сообщение скрыто.

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1226 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.