| |
|
|
| | Отображаться должно вроде того:
Название (длинное) ------------------------- Короткое
Название -------------------------------- Имя (длинное)
|
Т.е. в зависимости от длины справа и слева (там слова с пробелами могу быть) нужно разной длины центральную линию делать, может даже вплоть до того, что:
Название (ну очень длинное) ---- Имя (длинное)
|
Как это сделать? Общая длина должна быть фиксирована! | |
| |
|
|
| |
|
|
| |
для: Maxam
(01.07.2011 в 15:47)
| | | Сделать линию фоновым рисунком, а у букв использовать фон цвета общего фона | |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(01.07.2011 в 16:29)
| | | А если не ограничивать пользователей с отключенной графикой? | |
| |
|
|
| |
|
|
| |
для: Maxam
(02.07.2011 в 01:59)
| | | Можно скриптом.
Но... видимо, Вас и это не устроит. Ведь есть же "пользователи с отключёнными скриптами" :-) | |
| |
|
|
| |
|
|
| |
для: Maxam
(02.07.2011 в 01:59)
| | | Чтобы не ограничивать пользователей с отключенной графикой и прочих скрипто-лишенцев, которые еще вчера сидели в текстовых браузерах, можно вместо нарисованной полоски спозиционировать <hr> или <div> высотой в одну точку. Задача не стоит выеденного яйца, а тут спор на все выходные!
<html>
<head>
<title></title>
<style>
div{
width:400px;
position:relative;
}
span {
background-color:white;
display:block
}
.line{
z-index:0;
top:14px;
border:solid #777;
border-width:1 0 0 0;
height:1px;
}
.txt{
z-index:1;
border:1px solid #000;
height:20px;
}
</style>
</head>
<body>
<div class=line></div>
<div class=txt>
<span style="float:left"><b>Личная информация</b></span>
<span style="float:right">Редактировать</span>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Maxam
(01.07.2011 в 15:47)
| | | На стороне сервера скриптом считать букавки в каждой строке и сколько не хватает до фиксированного значения добавлять тирешками, но придётся в браузер отдавать моноширинным шрифтом, что б было ровненько по столбикам. | |
| |
|
|
| |
|
|
| |
для: Yuriev
(02.07.2011 в 13:23)
| | | надо будет ещё учесть разрешение экрана, а это вычислять через php как минимум забавно
хотя если фиксированного, тогда не надо | |
| |
|
|
| |
|
|
| |
для: Maxam
(01.07.2011 в 15:47)
| | | Тире тут образно )
Я думал о типа:
<div style="background:#c00;height:1px"></div>
|
| |
| |
|
|
| |
 2 Кб |
|
| |
для: Maxam
(01.07.2011 в 15:47)
| | | Прикладываю файл, где сфотографировал подобное сделанное Вконтакте.
http://www.softtime.ru/forum/files/81435-20110702223152.JPG | |
| |
|
|
