К списку форумов К списку тем
Регистрация    Правила    Главная форума    Поиск   
Имя: Пароль:
Рекомендовать в новости

CSS: как прятать текст при изменении ширины окна?

Гость
0 - 29.11.2014 - 02:26
Хотелось бы следующее:

На широком экране видно строки (к примеру) (ну меню такое, например):
Отправить email. Новый поиск по параметрам. ...

А при сужении экрана чтоб часть слов исчезала:
email. поиск. ...

Интересует только именно средствами CSS



Гость
1 - 29.11.2014 - 15:40
Делаете две менюшки, и через медиазапросы в зависимости от разрешения окна браузера показываете то или иное меню.
Гость
2 - 29.11.2014 - 17:23
http://htmlbook.ru/css/overflow
Гость
3 - 29.11.2014 - 17:35
1-darkheart > за медиазапросы спасибо, не знал, может пригодиться, но там вроде используется разрешение устройства, а не ширина окна браузера.
Гость
4 - 29.11.2014 - 17:37
2-SPQR >Про оверфлоу знаю, но не совсем понятно как с его помощью организовать мой конкретный пример с одновременным исчезновением слов из разных мест. Еще подумаю. Может и можно.
Гость
5 - 29.11.2014 - 17:52
Хотите, чтоб "Отправить email" превратилось в "email" при сужении?
По идее, иожно. Но как-то оно неправильно.
Гость
6 - 29.11.2014 - 20:30
Не совсем верно, вот более подробно. Можно почитать к примеру тут http://webformyself.com/media-zapros...vozmozhnostej/
Гость
7 - 29.11.2014 - 21:04
5-Dude >Да, так и хочу, ну это к примеру, текст может быть другим.
Гость
8 - 29.11.2014 - 21:10
7-buh >
тут важна очередность.
Т.е. вам именно нужно, чтоб исчезало первое слово?
Если так, то нужно играться с float-ами.
Если же нужно убирать то, что не умещается справа, то тогда все немного проще.

и также важен сам контейнер, в котором находится меню.
Он уже, надеюсь, прописан?
Гость
9 - 29.11.2014 - 21:14
6-darkheart >Ух ты!
Красотища!
Спасибо!
Гость
10 - 29.11.2014 - 21:17
8-Dude >Спасибо! Мне надо, чтоб исчезали сразу несколько слов в разных местах.

Еще не проверил, но решение от darkheart должно помочь.
Гость
11 - 29.11.2014 - 21:23
Все получится) Верстаете два блока под разные разрешения и через медиазапросы указываете при каком разрешении какой из блоков показывать.
Гость
12 - 29.11.2014 - 21:31
11-darkheart >Ну да :)
Гость
13 - 29.11.2014 - 21:59
10-buh >
если media queries вас устраивает, то так даже лучше =)
Только следует иметь в виду, что оно для CSS3
Гость
14 - 30.11.2014 - 00:13
13-Dude >Да вроде все современные браузеры поддерживают уже медиазапросы
Гость
15 - 30.11.2014 - 10:57
14-buh > Ну если не оглядываться на 6 и 7 эксплорер, то уже начиная с 8, правда для восьмого яваскрипт нужно будет подключить все ослики прекрасно понимают, про другие браузеры не говорю, так как все везде прекрасно работает.


К списку вопросов






Copyright ©, Все права защищены