Homework - Problem 4 [WEB-FUNDAMENTALS HTML5/CSS3-август-2016]

xXxtraCookie 6 Точки

Homework - Problem 4 [WEB-FUNDAMENTALS HTML5/CSS3-август-2016]

Здравейте всички!

Имам въпрос свързан с задача 4 от домашното, а именно след като напиша кода в браузъра излиза всичко, както е описано в условията на задачата, но в момента, в който го рънна на онлайн чекър ми изписва, че имам 5 грешки, като първата е, че няма как "ol" да е дете на друг "ol", въпреки това работи, но не знам дали без значение това са ни дали задачата просто да я направим, за да се тренираме или има начин, по който да се напише без да дава ерорите.

Ето го моето решение : https://github.com/xXxtraCookie/web-fundamentals-html5-css3-august-2016/blob/master/4.%20Homework%20-%20HTML%20Overview%20-%20Problem%204%20-%20HTML%20Lists.html

Благодаря Ви много предварително!

П.С: Ще се радвам много, ако някой качи правилно написаният код, без значение тук с copy-paste или чрез линк към гетхъб-а :)

Тагове:

24/08/2016 20:17:03 HTML/CSS 26/08/2016 09:17:41

MilenaSl 161 Точки

Best Answer

Разгледах и изпробвах кода ти, който иначе визиулизира точно това, което се иска, като май успях да открия и грешката. Не затваряш </li> тага на правилното място - трябва да е след вложения в листа нов лист.

<ul>
<li>Parent/Item
<ul>
<li>Child/Subitem
</li>
</ul>
</li>
</ul>

В stack overflow един човек е задал точно въпроса, който ти трябва: http://stackoverflow.com/questions/5899337/proper-way-to-make-html-nested-list

Отговори после дали ти се е получило без да дава грешка. Успех

26/08/2016 13:46:01 26/08/2016 13:58:36

xXxtraCookie 6 Точки

MilenaSl, адски много ти благодаря! Умишлено пренаписах задачата и схванах какво причинява грешката :) Вече валидатора ми не отчита грешки в това ^.^

27/08/2016 15:11:02 27/08/2016 15:38:19

xXxtraCookie 6 Точки

Ето финализираното кодче - https://github.com/xXxtraCookie/web-fundamentals-html5-css3-august-2016/blob/master/4.%20Homework%20-%20HTML%20Overview%20-%20Problem%204%20-%20HTML%20Lists.html :)

27/08/2016 16:07:19

Annie 89 Точки

И аз благодаря за отговора. :) Чудех се за същото нещо.

28/08/2016 18:52:47

Kiril555 4 Точки

За да сложиш <ol> в друг <ol>, се слага в <li></li> на главния <ol>.

24/08/2016 21:39:18

xXxtraCookie 6 Точки

За съжаление се оказва, че не те разбирам. Къде по-точно трябва да сложа opening & closing li-тата ?

Ако искаш ми копирай само тези няколко реда, за да разбера смисъла. Мерси много предварително!

24/08/2016 23:20:32 24/08/2016 23:56:36

StanimirKolev 0 Точки

Здравей,

до колкото аз разбрах слайд 27 от третата презентация, <ol></ol> е таг , който след като се отвори и вътре изброиш с <li></li>, трябва да се затвори и чак тогава да отвориш друг нов таг с друг атрибут. Този таг е отварящ/затварящ. Ако искаш си пусни кода в https://validator.w3.org , там ще ти изпише грешките и ще ти е по-лесно да ги отстраняваш една по една.

25/08/2016 03:13:07

xXxtraCookie 6 Точки

Точно в онлайн чекъра си ги видях, но не разбрах как да я отстраня. Ако не го бях видял там нямаше да знам, че имам грешка, въпреки, че на страницата ми го визуализира едно към едно с примера в домашното. Добре, но ако отворя един <ol> и го затворя и после отворя нов няма ли първият и вторият да започват с I, вместо с I и II ?

26/08/2016 09:15:55

Покажи всички коментари

SashoP 4 Точки

В общия случай с ордерт лист <ol> и ънордерт лист <ul> задаваш вида на листа в него, след което добавяш самия лист <li>. Структурата е следната в случая, след ul или ol добавяш броя необходими li, където добавяш съответните редове на листа

25/08/2016 08:44:45

NRPetrov -5 Точки

По дифолд на можеш да вмъкнеш <ol> в друг <ol>, но можеш да вмъкваш <ul> във всеки <li>.

Провепката във валидатора не отчете грешка.

<ol type="I">
                  <li>      List Item 1
                        <ul type="a">
                             <li>  Nested Item 1.1</li>
                             <li>  Nested Item 1.2</li>
                          </ul>
                      </li>
                  <li>      List Item 2
                         <ul type="1">
                              <li> Nested Item 2.1</li>
                              <li> Nested Item 2.2

                                   <ul type="circle">
                                      <li> Nested Item 2.2.1</li>
                                      <li> Nested Item 2.2.2

                                           <ul type="square">
                                              <li> Nested Item 2.2.2.1</li>
                                              <li> Nested Item 2.2.2.2</li>
                                           </ul>
                                       </li>

                                       <li> Nested Item 2.2.3</li>
                                   </ul>
                                      <li> Nested Item 2.3</li>
                            </ul>
                  <li>      List Item 3
                          <ul type="disc">
                               <li> Nested Item 3.1</li>
                               <li> Nested Item 3.1</li>
                               <li> Nested Item 3.1</li>
                          </ul>
                 </li>
               </ol>

27/08/2016 18:40:03 27/08/2016 18:45:12