Unordered список падает аппарт HTML

Я изо всех сил в течение 2 часов над этим, и я не знаю, решение ...Unordered список падает аппарт HTML

Я пытаюсь создать вложенный список, с каждой строкой, содержащей следующие элементы:

фотография с фруктами | гистограмма | некоторые значения

фотография фруктов | гистограмма | некоторые значения

Вот мой код:

и это результат им получить:

картина фрукты | гистограмма | некоторые значения

      picture of a fruit

| гистограмма | некоторые значения

Я надеюсь, что кто-то может мне помочь. Заранее спасибо!

EDIT:

удаления шрифта, кажется, помогает, ни малейшего представления, почему?

.mgValue{ 
    text-align:center; 
    margin-left: 10px; 
    font-size:18px; 
    color:#7D7D60; 
    margin-top: 50px; 
    font-family:'GOTHICB'; 
} 

.gValue{ 
    color:#A09F8E; 
    font-size:14px; 
} 

@font-face{ 
    font-family: 'GOTHICB'; 
    src:url(../Fonts/GOTHICB.TTF); 
}

источник

2014-01-20 Igor Meszaros

a) Не имеет смысла использовать список html для набора совершенно разных типов объектов. б) если вы отбросите код в JsFiddle.net или Codepen.io, вы можете реплицировать проблему, а затем предоставить ее нам, чтобы мы могли легче манипулировать вашим кодом. – jlarson

Кажется, что таблица лучше подходит для ваших данных вместо вложенных списков –

, поэтому я добавил ссылку jsfiddle, и там, когда я перетащил результат, чтобы он был достаточно большим, он работал так, как должен ... в моем браузере он все еще падает. ... –

Вы форматируете это неправильно. Каждый из ваших элементов ul должен быть элементом li. Затем вы можете форматировать данные внутри каждого элемента li с помощью CSS. Но поскольку ваши элементы li не являются подобными элементами, а скорее разными типами данных, было бы более целесообразно форматировать этот путь.

В качестве альтернативы просто оберните каждую группу предметов в div с помощью класса «фрукты (или что-то еще)», а затем создайте элементы внутри div.

источник

2014-01-20 21:28:02 bboysupaman

Я не мог заставить это работать таким образом –

Unordered список падает аппарт HTML

ответ

Смежные вопросы