Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 29.04.2016, 18:03   #1
kate158
Форумчанин
 
Регистрация: 01.08.2008
Сообщений: 383
По умолчанию подчеркивание текста фиксированной длины

привет!
как сделать подчеркивание фиксированной длины под текстом?
kate158 вне форума Ответить с цитированием
Старый 30.04.2016, 00:44   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

1. Если фиксированной относительно определенного куска текста, то лучше его завернуть в <span> и выставить ему же и подчеркивание, или нижнюю границу, если (судя по срину) надо стиль отличный от текста.
2. Если фиксированный заданной величиной или относительно элемента, то юзать псевдо-елементы ::before/after, position: absolute вырвет их из потока и на текст это не повлияет. Можно расположить внизу элемента (если установить контекст позиционирования родителю через position: relative) или внизу первой строки (если не задавать координаты позиционирования для ::before).
3. Если надо оформить буквицу, то юзай псевдо-свойство :first-letter.
4. Если то, что надо подчеркнуть, не является контентом, то лучше его вырвать из реального текста и засунуть в data- атрибут и юзать через content: attr(data-my-some-data), или счетчик, и так же легко оформить.

пс. Как правило, любое дизайнерское решение основывается на логике. Все, что я написал, задал бы вопросами в дизайнера, так как задача из этого кусочка однозначно не видна)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 04.05.2016, 15:01   #3
kate158
Форумчанин
 
Регистрация: 01.08.2008
Сообщений: 383
По умолчанию

решилось таким кодом
Код:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
h1:before {
	content: ' ';
	position: relative;
	top: 35px;;
	left: 0;
	display: block;
	width: 120px;
	height: 1px;
	border-bottom: 1px solid;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<h1>Подчеркнуто Не подчернуто</h1>
<h1>Пример текста</h1>
</body>
</html>
kate158 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Класс "Одномерный массив строк фиксированной длины" Aleksey68 Помощь студентам 0 15.11.2015 13:10
Подчеркивание текста в richtextbox Vault13 C# (си шарп) 1 02.07.2015 18:59
Перенос текста в фиксированной ячейке StringGrid artemavd Общие вопросы Delphi 1 30.05.2011 10:57
Замена фиксированной позиции текста roborrr Microsoft Office Excel 2 30.04.2011 08:47
описание класса для определения одномерных массивов строк фиксированной длины Helen09 Помощь студентам 0 23.03.2010 00:28