Длинные названия

[Priest83]

Кто может подсказать, у нас очень длинные названия директорий и продуктов, это влечет за собой то, что они вылязят за рамки, как это можно исправить?

[Shkip]

как из длинного сделать короткое? варианты ответов (нужное подчеркнуть):

1. отпилить
2. отрезать
3. убрать не нужное
4. обломать
5. сложить пополам (можно и в n-раз)
6. откусить
7. другое

[polarnik]

 

как из длинного сделать короткое? варианты ответов (нужное подчеркнуть):

1. отпилить
2. отрезать
3. убрать не нужное
4. обломать
5. сложить пополам (можно и в n-раз)
6. откусить
7. другое

 

Ставлю вам бутылку :-D

а по делу вот, вставляейте в breadcumb и нормально должно быть, и в заголовок не забудьте, тот что в категории

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

[Priest83]

 

как из длинного сделать короткое? варианты ответов (нужное подчеркнуть):

1. отпилить
2. отрезать
3. убрать не нужное
4. обломать
5. сложить пополам (можно и в n-раз)
6. откусить
7. другое

 

 

Да не короче надо название сделать, а что бы рамка расширялась согласно длинны названия

[polarnik]

Да не короче надо название сделать, а что бы рамка расширялась согласно длинны названия

Рамку расширять нельзя, иначе все к чертям поедет. Надо запретить перенос текста, скрыть то что выходит за пределы контейнера и поставить многоточие на той части текста что не входит. Хотя можно сделать хлебные крошки на полстаницы с переносами, но как по мне, так это глупость, их все равно никто не читает. Проще и лучше многоточие

[fijneman]

Я, для начала, вообще увеличил дефолтную минимальную и максимальную ширину #container до 1000 и 1280 пикселей соответсвенно. В моем случае траффик с мобильных устройств слишком мал, чтобы заморачиваться с адаптивностью под мелкие разрешения.

[AlexFisher]

В стилях у класса .breadcrumbs - уберите height. Ну и фоновую картинку заодно смените, а то ее множить будет.