Помощник
 |
|
|
|
|
Сообщение сайта
|
 Вертикальная линия |
Dude_hb
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 54 Регистрация: 8.4.2007 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Webmaster_hb
|
 26.6.2007, 16:01;
Ответить: Webmaster_hb
Сообщение
#2
|
 0 
 Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
вертикальных линий не предусмотрено
поэтому наверно стоит использовать таблицы, например одна узкая ячейка, а рядом в ячейке на прозрачном фоне текст |
|
|
|
|
Starshoy
|
18.3.2009, 13:22;
Ответить: Starshoy
Сообщение
#3
|
|
0 Группа: User Сообщений: 3 Регистрация: 18.3.2009 Поблагодарили: 0 раз Репутация: 0
|
(Webmaster_hb @ 26.6.2007, 19:01)  вертикальных линий не предусмотрено поэтому наверно стоит использовать таблицы, например одна узкая ячейка, а рядом в ячейке на прозрачном фоне текст это, конечно, идея хорошая, но как сделать вот такую штуку: вот есть у меня некий блок, в который из базы данных выводится некий текст, то есть при разных запросах высота выведенного текста будет разная. Так вот подскажите пожалуйста, как сделать две картинки слева и справа вдоль всей высоты этого текста? но так, чтобы они на текст не налазили. Ну в общем эдакую рамку с переменной высотой и шириной (ширина меняется при изменении размера окна). Я пытался сделать обрамляющую таблицу и там, соответственно, в верхней ячейке свой рисунок, в нижней свой, в правой свой и в левой свой и в комплексе они образуют фон, но проблема вот в чём: в ширину через CSS я то смог растянуть фоновую картинку (используя repeat-x и добавив в ячейку просто " "), а вот в высоту так не получается. Здесь-то тоже repeat-y работает, но картинка ведь есть только там, где есть текст.. то есть если написать "<br><br><br>", то на эти три строчки картинка распространится.. но количество строчек ведь всё время разное.. :( надеюсь понятно изложил :) |
|
|
|
|
Webmaster_hb
|
18.3.2009, 13:44;
Ответить: Webmaster_hb
Сообщение
#4
|
|
0
Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
код выложите, желательно аттачем html файл вместе с картинками
|
|
|
|
|
Starshoy
|
18.3.2009, 14:51;
Ответить: Starshoy
Сообщение
#5
|
|
0 Группа: User Сообщений: 3 Регистрация: 18.3.2009 Поблагодарили: 0 раз Репутация: 0
|
http://www.html.by/attachment.php?attachme...mp;d=1237373292
Вот так вот попытался реализовать, но вижу следующие недостатки: 1. хоть на живом сайте с высотой и всё нормально, но тут по крайней мере у меня браузер таблицу не повсей высоте растягивает и в итоге получается совсем не то, что задумывалось. 2. даже если растянется таблица на всю высоту, всё равно по краям остаются лишние кусочки. Поэтому хотелось бы всё таки чтобы картинки только внутри боковых ячеек так в высоту растягивались. Ну чтобы ничего нигде не торчало :) |
|
|
|
|
Webmaster_hb
|
18.3.2009, 15:50;
Ответить: Webmaster_hb
Сообщение
#6
|
|
0
Группа: User Сообщений: 7538 Регистрация: 5.3.2007 Поблагодарили: 0 раз Репутация: 0
|
<div id="topt">
<div id="leftt"> <div id="rightt"> <div id="bottomt"> <table cellpadding="0" cellspacing="0" width=100% height="100%"> <tr valign="top"> <td width=10%><img src="images/6.gif" align=left></td> <td></td> <td width=10%><img src="images/5.gif" align=right></td> </tr> <tr> <td></td> <td><br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> v Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. Какой-то текст, высота которого постоянно меняется. </td> <td></td> </tr> <tr valign="bottom"> <td width=10%><img src="images/7.gif" align=left></td> <td></td> <td width=10%><img src="images/8.gif" align=right></td> </tr> </table> </div> </div> </div> </div> |
|
|
|
|
Starshoy
|
18.3.2009, 16:09;
Ответить: Starshoy
Сообщение
#7
|
|
0 Группа: User Сообщений: 3 Регистрация: 18.3.2009 Поблагодарили: 0 раз Репутация: 0
|
Спасибо!
Так действительно лучше - ничего не торчит :) Но всё таки хотелось бы узнать, существует более корректный способ? Ну то есть что-то вроде такого: <style type="text/css">
<!-- #topt {background: url("images/2.gif") top repeat-x;} #leftt {background: url("images/4.gif") left repeat-y;} #rightt {background: url("images/1.gif") right repeat-y;} #bottomt {background: url("images/3.gif") bottom repeat-x;} --> </style> <table cellpadding="0" cellspacing="0" width=100% height="100%"> <tr valign="top"> <td width=10%><img src="images/6.gif" align=left></td> [B]<td><div id="topt"></div></td>[/B] <td width=10%><img src="images/5.gif" align=right></td> </tr> <tr> [B]<td><div id="leftt"></div></td>[/B] <td><br> <br> <br> <br> <br> v Какой-то текст, высота которого постоянно меняется. </td> [B]<td><div id="rightt"></div></td>[/B] </tr> <tr valign="bottom"> <td width=10%><img src="images/7.gif" align=left></td> [B]<td><div id="bottomt"></div></td>[/B] <td width=10%><img src="images/8.gif" align=right></td> </tr> </table> |
|
|
|
|
not me
|
16.7.2011, 22:40;
Ответить: not me
Сообщение
#8
|
|
|
0 Группа: User Сообщений: 1 Регистрация: 16.7.2011 Поблагодарили: 0 раз Репутация: 0
|
ВЕРТИКАЛЬНУЮ линию можно сделать и через <hr>.
в width задаём толщину, а в size- высоту. например: <hr width='2' size='500' color='00ffff' noshade></hr> и меняем цвет хоть каждые пять секунд. P.S. придумал 10 минут назад
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Базовая линия шрифта скачет в соседних колонках | 5 | Webshooter | 8634 | 23.6.2009, 20:59 автор: -Webshooter- |
|
Текстовая версия | Сейчас: 25.4.2024, 5:11 |
