Loading...
kristiyan_dzhakov avatar kristiyan_dzhakov 1 Точки

Web Fundamentals - HTML основи - задача 4 - HTML Lists

Здравейте,

Имам проблем с четвърта задача от домашното HTML основи, HTML Lists.

Трябва да се използват нестнати листове за да изглежда така самият лист :

Обаче след като го напиша, или поне си мисля как би могло да стане, при мен изглежда ето така:

Притеснява ме единствено разстоянието отдоло което се намира между листовете, и как самият тип на листа не отговаря на реда на буквата както е в домашното.

Ето го и кода:

<!DOCTYPE html>
<html>
    <head>
        <title>List</title>
    </head>
    <body>
        <ol type = "I">
            <li>List item 1</li>
                <ol type = "a">
                    <li>Nested item 1.1</li>
                    <li>Nested item 1.2</li>
                </ol>
            <li>List item 2</li>
                <ol type = "1">
                    <li>Nested item 2.1</li>
                    <li>Nested item 2.2</li>
                        <ul type = "circle">
                            <li>Nested item 2.2.1</li>
                            <li>Nested item 2.2.2</li>
                                <ul type = "square">
                                    <li>Nested item 2.2.2.1</li>
                                    <li>Nested item 2.2.2.2</li>
                                </ul>
                            <li>Nested item 2.2.3</li>
                        </ul>
                    <li>Nested item 2.3</li>
                </ol>
            <li>List item 3</li>
            <ul type = "disc">
                <li>Nested item 3.1</li>
                <li>Nested item 3.2</li>
                <li>Nested item 3.3</li>
            </ul>
        </ol>
    </body>
</html>

Ако някои би могъл да помогне, ще бъда много благодарен.

Тагове:
1
Web Fundamentals - HTML5
naftaz avatar naftaz -1 Точки

padding-left ти решава проблема ;)

0
rdevelop2016 avatar rdevelop2016 8 Точки

Той решава задачи от курса по HTML, а не от CSS. Имайте милост, навремето и вие не сте знаели, че HTML документ може да се стилизира (и как) чрез CSS.

0
Filkolev avatar Filkolev 4482 Точки

За да провериш дали ти е правилен HTML-a ползвай някакъв валидатор. При вложени списъци помня, че имаше доста шантава логика (ако помня добре).

От гледна точка на резултата всичко изглежда наред. Разликите в изгледа могат да се оправят със стилизиране, но това по същество не е важно в случая.

П.П. Недей да копираш код във форума. Ползвай pastebin или нещо такова.

 

1
rdevelop2016 avatar rdevelop2016 8 Точки

Питащия задава въпрос за стилизиране, а не за валидиране на кода, но все пак като сте казали валидатор ето го и него => https://validator.w3.org/

0
gabi.ivanova avatar gabi.ivanova 370 Точки

Идеята на това упражнение, в което се използва само HTML, е да се упражниш да пишеш вложени изброявания, да се помъчиш да се ориентираш в лист в лист в лист  и в него друг лист... стила не е толкова важен ако упражнението не включва CSS

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.