PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

ul li: перенос строки

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Saymor	Отправлено: 18 Мая, 2011 - 10:32:05
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Май 2011 Помог: 0 раз(а)	Вопрос интересный и одновременно простой. есть патвей, Пример: Главная страница -> Категория -> Статья -> Заметка на интересных заметках все реализовано на ul li стиль float:left, ну тут все понятно, пример сверху идеален, но если заголовок заметки слишком большой, то идет перенос заголовка на следующую строку. результат работы такой: Главная страница -> Категория ->Статья -> Заметка на интересных заметках а мне надо: Главная страница -> Категория ->Статья -> Заметка на интересных заметках возможно ли в моей ситуации реализовать задуманное?

DeepVarvar	Отправлено: 18 Мая, 2011 - 10:38:19
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	white-space: nowrap; ----- Шта? Репозиторий?

Saymor	Отправлено: 18 Мая, 2011 - 12:15:35
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Май 2011 Помог: 0 раз(а)	DeepVarvar пишет: nowrap Никаких реакций! вот код CSS: CODE (htmlphp): скопировать код в буфер обмена div.pathway { display:block; height:20px; line-height:20px; color:#666; width:100%; overflow:hidden;white-space: nowrap; margin:0 0 2px 0; padding:0; } div.pathway ul, div.pathway ul li{ margin:0;padding:0;list-style:none;white-space:nowrap; } div.pathway ul li{float:left;padding:0 2px 0 2px;} div.pathway li.pathway_arrow{display:none;} div.pathway li a{white-space: nowrap; height:20px; display:block; background:url(../images/layout/arrow.png) no-repeat right; color:#000;padding:0 15px 0 1px;text-decoration: underline; } div.pathway li a:hover{text-decoration:none;} Вот код HTML: CODE (html): скопировать код в буфер обмена <div class="pathway"> <ul> <li class="pahway_home"><a class="pathway" href="www.site.ru">Главная страница</a></li> <li class="pathway_arrow"> </li> <li><a class="pathway" href="www.site.ru">Категория</a></li> <li class="pathway_arrow"> </li> <li>Заметка на интересных заметках</li> </ul> </div>

DeepVarvar	Отправлено: 18 Мая, 2011 - 12:27:54
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	div.pathway ul li {white-space: nowrap; } ----- Шта? Репозиторий?

Saymor	Отправлено: 18 Мая, 2011 - 12:47:23
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Май 2011 Помог: 0 раз(а)	DeepVarvar пишет: div.pathway ul li {white-space: nowrap; } не реагирует, заголовок у меня стоит: CODE (html): скопировать код в буфер обмена <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DeepVarvar	Отправлено: 18 Мая, 2011 - 12:49:58
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Вот вы там наковыряли... Щас набросаю... (Добавление) <style> ul#pathway { width: 100%;} ul#pathway li {display: inline; list-style: none; height: 20px; border: dotted 1px #d0d0d0;} </style> <ul id="pathway"> <li><a href="#">Молодую обезьяну-шимпанзе сажали в закрытый ящик и по чисто павловской процедуре</a></li> <li><a href="#">Со временем эта картина меняется, поскольку потребность, о которой идет речь, преобразуется</a></li> <li><a href="#">Исследования показали, что уже в первые часы жизни дети реагируют на зрительные</a></li> <li><a href="#">Потребность в социальных контактах, или в общении, остается одной из ведущих у человека</a></li> </ul> ----- Шта? Репозиторий?

Saymor	Отправлено: 18 Мая, 2011 - 13:11:36
Новичок Покинул форум Сообщений всего: 52 Дата рег-ции: Май 2011 Помог: 0 раз(а)	DeepVarvar пишет: Вот вы там наковыряли... Щас набросаю... (Добавление) <style> ul#pathway { width: 100%;} ul#pathway li {display: inline; list-style: none; height: 20px; border: dotted 1px #d0d0d0;} </style> <ul id="pathway"> <li><a href="#">Молодую обезьяну-шимпанзе сажали в закрытый ящик и по чисто павловской процедуре</a></li> <li><a href="#">Со временем эта картина меняется, поскольку потребность, о которой идет речь, преобразуется</a></li> <li><a href="#">Исследования показали, что уже в первые часы жизни дети реагируют на зрительные</a></li> <li><a href="#">Потребность в социальных контактах, или в общении, остается одной из ведущих у человека</a></li> </ul> вот теперь работает, такой код накрутили до меня. Вы мне уже 2 раз очень сильно помогли

artaroth	Отправлено: 03 Июня, 2012 - 00:30:02
Новичок Покинул форум Сообщений всего: 1 Дата рег-ции: Июнь 2012 Помог: 0 раз(а)	При переносе строки, у второй строчки меняется отступ. Как этого избежать?

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.