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

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

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

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

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

Ответ
 
Опции темы Поиск в этой теме
Старый 18.07.2012, 19:08   #1
Lime
Форумчанин
 
Аватар для Lime
 
Регистрация: 10.02.2009
Сообщений: 815
Вопрос Дерево, проблема с node-div'ами

Доброго времени суток!
Пытаюсь сделать аналог виндового "дерева-проводника", в котором диски и вложенные папки.

Вот что есть: линк.
Проблема: в огнелисе работает нормально (), в остальных браузерах - нет, а именно div с длинным текстом(названием) элемента вылезает на новую строку при недостаточной ширине родителя.

Во вложении:
красный - node
серый - плюсик, фикс. размер.
желтый - иконка, фикс. размер.
синий - псевдокнопка
зелёный - название ветки(node)
черный - потомки аналогичного строения
----
Если в зелёный поместить длинный текст то синий вылезает на новую строку, а нужно чтобы вместо этого он оставался на своём месте.

Спасибо за отзывы!
Изображения
Тип файла: png example.png (22.0 Кб, 34 просмотров)

Последний раз редактировалось Lime; 18.07.2012 в 19:13.
Lime вне форума Ответить с цитированием
Старый 19.07.2012, 12:33   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

даблпост...
Alar, верни репу!

Последний раз редактировалось Naive; 19.07.2012 в 12:39.
Naive вне форума Ответить с цитированием
Старый 19.07.2012, 12:39   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Используйте блочные элементы со статичной высотой и свойством overflow: hidden; — будет скрывать вылезающий текст.

UPD: линк не сразу заметил)) эту проблему можно решить немного другим способом:
для внутренних элементов вместо флоэта юзать display:inline-block; тогда блоки будут восприниматься как текст и для родителя можно будет прописать white-space:nowrap;
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 19.07.2012, 16:11   #4
Lime
Форумчанин
 
Аватар для Lime
 
Регистрация: 10.02.2009
Сообщений: 815
Хорошо

Цитата:
Сообщение от Naive Посмотреть сообщение
эту проблему можно решить немного другим способом:
для внутренних элементов вместо флоэта юзать display:inline-block; тогда блоки будут восприниматься как текст и для родителя можно будет прописать white-space:nowrap;
Спасибо, работает!
Правда на пару тройку пикселей поплыл дизайн, но зато одинаково во всех браузерах
Lime вне форума Ответить с цитированием
Старый 20.07.2012, 00:21   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Lime Посмотреть сообщение
Спасибо, работает!
Правда на пару тройку пикселей поплыл дизайн, но зато одинаково во всех браузерах
пара-тройка пикселей решается свойством word-spacing с отрицательным значением, но для внутренних элементов нужно будет его вернуть в норму...
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


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

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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как избавиться от промежутков между div'ами? kreaton HTML и CSS 13 10.12.2011 18:46
Проблема с Node Indent kettanaito Общие вопросы Delphi 3 05.12.2011 01:44
Куда исчезает строка из Node.Data (TreeView)? Alexei91 Компоненты Delphi 12 07.08.2010 12:08
Разметка div'ами Vasily-Z HTML и CSS 7 30.07.2010 05:06