Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Создание дерева (списка) средствами HTML

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Мне надо сделать дерево. Я сделал так: http://aka-alex.narod.ru/map.htm. Использовал шрифт Terminal (псевдографические символы), но так нормально это дерево отображает только IE и то не все версии. Пробывал картинками, но они горизонтально стыкуются нормально, а вертикально остается небольшой разрыв и выходит некрасиво.
Как можно сделать дерево?




Замечание за нарушение п. 3 правил ("ШТМЛ" вместо HTML). Исправлено. lynx.

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 17:21 12-04-2004 | Исправлено: lynx, 01:09 14-04-2004
Vladroman



Full Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Akatov,  

Цитата:
Пробывал картинками, но они горизонтально стыкуются нормально, а вертикально остается небольшой разрыв и выходит некрасиво.

Можно сделать без разрывов, просто нужно нулевые поля сверху и снизу задать. Поковыряйся в style (установи себе для этого, например, TopStyle Pro). Ну, или спроси тут у народа, как это делается (я забыл, а ковыряться сейчас лень ).

Всего записей: 413 | Зарегистр. 23-09-2003 | Отправлено: 17:50 12-04-2004
lynx



Advanced lynx
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Akatov
 
Идеально будет, если ты станешь использовать таблицу.
 
Например.
 
<table>
<tr>
<td colspan="2" align="left">1.</td><td>Пункт 1</td>
</tr>
<tr>
<!-- это просто пустая ячейка - для сдвига вправо //-->
<td>&#160;</td>
<td>1.1.</td><td>Пункт 1.1.</td>
</tr>
 
Тогда все будет выровнено красиво.
 
 
 
 
Добавлено
Или что именно тебя интересует то?

Всего записей: 11712 | Зарегистр. 08-05-2001 | Отправлено: 00:53 14-04-2004
Mamay



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
например вот или смотри dTree

----------
Даже самый дурацкий замысел можно выполнить мастерски

Всего записей: 1352 | Зарегистр. 03-09-2002 | Отправлено: 20:39 14-04-2004 | Исправлено: Mamay, 20:40 14-04-2004
Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сделал я картинками: http://aka-alex.narod.ru/map.htm, но вертикально наблюдается разрыв (нестыковка) Как от него можно было бы избавиться? Если только дерево без надписей справа то разрыва не происходит
Подскажите пожалуйста!

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 10:54 25-04-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Akatov
Если не заморачиваться на написание нормального HTML, то просто добавь, например:
<style>
#bn {display:block;}
#bt {display:block;}
body{font:normal 14px arial,helvetica,sans-serif;}
</style>

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 13:03 04-05-2004 | Исправлено: vladmir, 15:26 04-05-2004
Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Да, спасибо, я уже кое-как сделал, вроде нормально смотрится...

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 20:41 04-05-2004
Mamay



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Цитата:
Учебник &quotLinux для новичка"  

после &quot точку с запятой забыл...


----------
Даже самый дурацкий замысел можно выполнить мастерски

Всего записей: 1352 | Зарегистр. 03-09-2002 | Отправлено: 21:27 04-05-2004
Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Хорошо, что заметили Уже исправил... Только не думайте, что код этого дерева я руками забивал Его автоматически создает небольшая программка, берущая дерево из текстовика, где все его ветки описаны, так что поменять его вид можно очень быстро, достаточно немного изменить прогу и перекомпилировать, а структура дерева хранится отдельно.
Так что если будут еще предложения по его улучшению, буду рад!

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 10:18 05-05-2004
Spadver



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если говорить о прогах, то здесь есть темка про скрипты "карта сайта".
Хотя ты и сам все сделал.

Всего записей: 416 | Зарегистр. 12-02-2003 | Отправлено: 22:21 05-05-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Akatov
В Ехплорере попробуй размер шрифта из меню попереключать. При двух максимальных размерах шрифт распирает картинки. А потом добавь
 body{font:normal 14px arial,helvetica,sans-serif;}  
и уже не распирает.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 07:59 06-05-2004
Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я не очень понял, куда надо добавить
body{font:normal 14px arial,helvetica,sans-serif;}
Вставил после <body ...> вот это:
<style>  
#bn {display:block;}  
#bt {display:block;}  
body{font:normal 14px arial,helvetica,sans-serif;}  
</style>  
HTML я только изучаю и со стилями не работал. После добавления этого кода шрифт поменялся (естественно), но при самом большом размере шрифта в IE разрыв все равно появляется

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 21:08 06-05-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Akatov

Цитата:
Его автоматически создает небольшая программка, берущая дерево из текстовика, где все его ветки описаны, так что поменять его вид можно очень быстро, достаточно немного изменить прогу и перекомпилировать

Ну я не знаю как советовать "небольшой программке", чтобы она что-то по-другому делала - с html более-менее разобрался, а на большее моих познаний не хватает.

Цитата:
Вставил после <body ...>

Обычно вставляют между <head> и </head>
Вот мой минимальный html шаблон, которым всегда пользуюсь:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
 
</style>
<title>titled</title>
</head>
<body>
 
 
</body>
</html>

Цитата:
при самом большом размере шрифта в IE

На размеры шрифта ещё настройки браузера, системы на конкретной машине влияют.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 11:46 11-05-2004
Akatov



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Ну я не знаю как советовать "небольшой программке", чтобы она что-то по-другому делала - с html более-менее разобрался, а на большее моих познаний не хватает.  

Это совсем не важно. Программу я написал, что бы вручную не забивать однородный код (легко допустить ошибку и не удобно). Программа из текстовика берет структуру дерева и формирует готовую страничку. Но это ни на что не влияет (только на скорость создания).

Цитата:
На размеры шрифта ещё настройки браузера, системы на конкретной машине влияют.

Думаю, на это можно не обращать внимание, т.к. мало вероятно, что у кого-то будут подобные настройки (огромный шрифт). Наверное, добавлю тег style и хватит...
PS: почему-то я все равно не доволен своим деревом, как-то оно не очень смотрится...

Всего записей: 15 | Зарегистр. 10-04-2004 | Отправлено: 13:55 11-05-2004 | Исправлено: Akatov, 13:56 11-05-2004
vladmir

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
почему-то я все равно не доволен своим деревом

Поливать нужно и удобрять.
Фон ни к селу ни к городу - причём тут кирпичи?
Тексту не подобран цвет.
Папки довольно скушненькие.
Имело бы смысл сначала подобрать цветовую палитру сайта (примерно 4 цвета для фона и картинок и примерно 4 цвета для текста) и плясать от них.

Всего записей: 2232 | Зарегистр. 22-01-2003 | Отправлено: 20:16 11-05-2004
bredonosec



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А ака насчет дерева ака списка, кторый бы распахивался и схлапывался при нажатии на соотв. место (картинку/буллет/папку/..)  
В общем, как дерево папок в експлорере?  
 
 Всякие тигра хинтс смотрел - не совсем то. (там куча кода, который можно редактить только визивигово и при условии установки себе .Net добав в систему.
 Еще нечто подобное видел на сайте панды (страничка выбора софта на скачку) - там поменьше обьем, но на машинах без хмл парсера (вроде ничего другого не различается в установленном софте) - не фурычит.  
 
 Еще близкое что-то - на страницах мелкомягких. Но там, к сожалению, так и не понял, какой код за это отвечает.. (имею в виду не меню, а вставки доп. инфы на страницах, раскрывающиеся по нажатию "+" )
 
 Хотелось бы самый легкий (в смысле веса кода) вариант увидеть. И не требующий установки чего-бы-то-ни-было дополнительного для просмотра или правки.

----------
Вопрос: 'Что человек курит?' как правило возникает не когда ты слышишь, как он дышит, а когда видишь, что он пишет
Пропеллер играет роль вентилятора, он останавливается -пилот потеет
Аськи нету.

Всего записей: 16308 | Зарегистр. 13-02-2003 | Отправлено: 02:59 12-05-2004
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Создание дерева (списка) средствами HTML


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru