[Homework] Web Fundamentals (HTML + CSS) - HTML Overview - Problem {4} - HTML Lists - как да сложим unordered list в ordered?

Hristo_Penchev 389 Точки

[Homework] Web Fundamentals (HTML + CSS) - HTML Overview - Problem {4} - HTML Lists - как да сложим unordered list в ordered?

Здравейте, работя по задача 4 от домашното и срещнах затруднение. В List item 2.2 трябва да вкарам неподреден лист. По принцип става и излиза ОК в браузъра, но не минава валидацията. В лекцията си Наков предложи следното решение: Правим вградения лист като отделен list item и в CSS му задава,е:
#nested-list{
list-style-type:none;
}

Стана, валидира се, но следващия list item ми излиза логично с номер 4, а не с 3, както е по условие. Как да реша проблема?

Ето кода:

http://pastebin.com/d2EfeDX6

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

Mod Edit: Обърни внимание на именуване на теми във форума - т. 9 от правилата!

Тагове:

26/09/2014 15:52:50 Web Fundamentals - HTML5 26/09/2014 16:09:08

Velichkov 87 Точки

Примерно решение - http://pastebin.com/4jve1gQK При мен минава валидацията.

26/09/2014 16:12:55 26/09/2014 16:13:32

JulianMarinov 11 Точки

Здравей Колега, имаш едно li в повече. Махни това което съм оградил в червено и номерацията ще се оправи.

26/09/2014 17:43:45

Hristo_Penchev 389 Точки

Благодаря ви за помощта. Не знам защо бях останал с впечатлението, че в <li> не може да се вгражда <ul>.

27/09/2014 08:44:50

Hristo_Penchev 389 Точки

Това го оправихме, но в примеера надписът List Item е изместен с табулация навътре и е на нивото на a. на долния ред. Това не мога да разбера как става.

27/09/2014 08:57:21

Filkolev 4482 Точки

Ползвай text-indent в CSS-a, понеже документа е малък може да си избереш върху какво да го приложиш. Аз направо го сложих към body, защото освен списъка друго нямам. Но ми се струва по-добра идея да е върху li елементите.

27/09/2014 09:03:50

asyamincheva 20 Точки

Задължително ли е да е валиден сайта?

27/09/2014 16:27:06

a.angelov 1316 Точки

Не го пише като изискване, но е хубаво да се стараем да бъде максимално близо до валиден, за да се научим на правилните практики :)

27/09/2014 16:38:56

JulianMarinov 11 Точки

Валидаринето на сайта е добра практика за кодиране на HTML страници.

Аз валидирам проектите си тук - http://validator.w3.org/

27/09/2014 17:04:31 29/09/2014 17:48:12

Petar_Belberov 41 Точки

Така дали е коректно написано, ако може да дадете коментар.

Mod Edit: Неспазване на т. 12 от Правилата на форума!

29/09/2014 14:14:45 29/09/2014 14:39:08

Filkolev 4482 Точки

1: Не пействай код директно във форума (освен ако не е съвсем кратък). Прочети правилата, точка 12.

2: Не е напълно коректно. Може сам да провериш с онлайн валидатор, например този. Сложил си style атрибута между head и body, а трябва да е в самия head. Оттам нататък излязоха вече и други грешки, които са коментирани по-горе, както и стандартното: предупреждава да се ползва CSS за повечето украшения по документа.

29/09/2014 14:19:54 29/09/2014 14:22:15