X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Меню
Bustle_hb
Bustle_hb
Topic Starter сообщение 1.9.2011, 23:45; Ответить: Bustle_hb
Сообщение #1


Здравствуйте!
Есть такое меню:
[IMG]http://i.piccy.info/i7/e53b8141659291bb81f7fa35244250ea/1-2-80/26745731/Bez-ymeny-4.jpg[/IMG]
Как сделать, чтоб независимо от длины текста, пункты меню не залазили один на одного. Сейчас таков код:
[CSS]width:166px;
height:40px;
display:block;
border-bottom:1px #e4e4e4 dashed;
text-decoration:none;
color:#504b4b;
padding:0 0 0 15px;
font-size:14px;
[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FreeMasiK
FreeMasiK
сообщение 2.9.2011, 0:02; Ответить: FreeMasiK
Сообщение #2


задайте ширину
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 2.9.2011, 0:03; Ответить: Электроник
Сообщение #3


а вам нужно чтобы высота меню была фиксированной (тоесть текст обрезался в не зависимости от длинны текста) или растягивалась в зависимости от текста?
делаете с помощью <div> ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 2.9.2011, 0:11; Ответить: Электроник
Сообщение #4


(FreeMasiK @ 2.9.2011, 03:02) *
задайте ширину

(Nikk-name @ 2.9.2011, 02:45) *
[CSS]width:166px;[/CSS]

а это у него что
и что это изменит, тем более если это меню

Nikk-name, если устроит чтобы высота растягивалась в зависимости от длинны текста, то просто напишите без height:40px;
вот так:
[CSS]width:166px;
display:block;
border-bottom:1px #e4e4e4 dashed;
text-decoration:none;
color:#504b4b;
padding:0 0 0 15px;
font-size:14px;
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bustle_hb
Bustle_hb
Topic Starter сообщение 2.9.2011, 0:16; Ответить: Bustle_hb
Сообщение #5


Делаю дивами.
или растягивалась в зависимости от текста?

Да.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bustle_hb
Bustle_hb
Topic Starter сообщение 2.9.2011, 0:22; Ответить: Bustle_hb
Сообщение #6


А можете ещё показать как сделать, чтоб текст который например выходит за рамки 40 пикселей удалялся?
Буду благодарен.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 2.9.2011, 0:38; Ответить: Электроник
Сообщение #7


(Nikk-name @ 2.9.2011, 03:22) *
А можете ещё показать как сделать, чтоб текст который например выходит за рамки 40 пикселей удалялся?
Буду благодарен.

читал что это делается с помощью JavaScript, но думаю это не единственный способ
насколько я понимаю в ваше меню будет выводиться текст из базыданных, если так, то кто-то этот текст туда будет через форму (<input>) заносить
если всё так, то я когда-то делал высчитывая сколько и каких символов должно быть, чтобы текст не выходил за границы <div>а, и потом ставил ограничение символов форме (<input>)
maxlength="50" <!-- максимальное число символов 50 -->
вот если что, почитайте http://htmlbook.ru/html/input/maxlength
но это наверно самый простой вариант :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bustle_hb
Bustle_hb
Topic Starter сообщение 2.9.2011, 23:19; Ответить: Bustle_hb
Сообщение #8


Теперь это смотриться так: [IMG]http://i.piccy.info/i7/e56f3ff634d58b74e0cc9417cede5d91/1-2-110/58149841/Bez-ymeny-1.jpg[/IMG]
А как сделаь, чтоб сам текст пунктов меня доходил до границ меню, ровненько а не так расбросано?
Спасибо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodik
sodik
сообщение 2.9.2011, 23:23; Ответить: sodik
Сообщение #9


text-align:justify
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bustle_hb
Bustle_hb
Topic Starter сообщение 2.9.2011, 23:37; Ответить: Bustle_hb
Сообщение #10


(sod @ 3.9.2011, 02:23) *
text-align:justify

Не очень получаеться.
Есть другие варианты?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1469 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3416 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4648 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4817 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 25.4.2024, 14:49
Дизайн