Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.08.2018, 14:56
Новичок на форуме
Отправить личное сообщение для Curt54rus Посмотреть профиль Найти все сообщения от Curt54rus
 
Регистрация: 08.08.2018
Сообщений: 6

CSS для ul.li. не влезает текст.
Есть страничка по адресу http://sale.srfhm.ru/css_bug/

В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden



Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается...



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



Заранее огромное Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 18.08.2018, 15:21
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Вы используете элемент UL, который предназначен для списков. У вас получился список, а нужна таблица.

<table class="pitanie_table">
  <tr>
    <th>Питание</th>
    <th>Стоимость</th>
    <th>Описание</th>
  </tr>
  <tr>
    <td>Меню 1</td>
    <td>130 руб.</td>
    <td>Булочка «Летная» с кунжутом; Нарезка овощная; Нарезка мясная; Нарезка сырная; Майонез (сашет); Кондитерское изделие; Сливки; Сахар; Чай;</td>
  </tr>
  <tr>
    <td>Меню 2</td>
    <td>115 руб.</td>
    <td>Гамбургер; Сливки; Сахар; Чай; Шоколад;</td>
</tr>
</table>
<style>
.pitanie_table {
  border-collapse: collapse;
  max-width: 40em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pitanie_table td, .pitanie_table th {
  border: 1px solid #ddd;
  padding: .5em;
}
</style>
Ответить с цитированием
  #3 (permalink)  
Старый 18.08.2018, 15:43
Кандидат Javascript-наук
Отправить личное сообщение для Strongman Посмотреть профиль Найти все сообщения от Strongman
 
Регистрация: 22.03.2016
Сообщений: 132

Здравствуйте. А как Вы умудрились таблицу с помощью тегов <ul> и <li> сделать, если не секрет? А, в стилях просто задали border: border 1px solid #ddd? Умно. Но действительно. Таблицы же есть.

Последний раз редактировалось Strongman, 18.08.2018 в 15:58.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Правильно вызвать массив biryukovm Элементы интерфейса 3 19.03.2018 13:31
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Резиновые дивы с прокруткой Java Script Mary-Jay Элементы интерфейса 10 24.07.2013 17:51
кросс css для FF и Chrome стиль font-size alexbmd (X)HTML/CSS 7 10.06.2013 14:49
Задание CSS для загруженных во фрейм страниц <Pool> Общие вопросы Javascript 1 14.01.2009 16:59