VPF::Расстояние между заголовком <h..> и <ul>

Djigit

Дата 21.11.2008, 16:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 124
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

Доброго времени суток. Потихоньку с азов прохожу XHTML и уже споткнулся. Есть скрин задания,нужно сделать страничку наподобии,все сделал,но вот эти отступы... впрочем взгляните сами. Вот скрин. Слева задание,справа,с серым фоном - моя "работа" ))) "проблемные" места отметил маркером.

а вот мой код

Код


<h3>Последняя версия:</h3>
                <ul>
                    <li>
                        <a href="">http://www.w3.org/TR/xhtml11</a>
                    </li>          
                </ul>
                <h3>Предыдущая версия:</h3>
                <ul>
                    <li>
                        <a href="">http://www.w3.org/TR/2001/PR-xhtml11-20010406</a>
                    </li>
                </ul>
                <h3>Редакторы:</h3>
                <ul>
                    <li>
                        <a href="">Мюррей Альтхайм (Murray Altheim), Sun Microsystems</a>
                    </li>
                    <li>
                        <a href="">Шейн МакКаррон (Shane McCarron), Applied Testing and Technology</a>
                    </li>   
                </ul>

                <a href="">Copyright</a> ©2001 <a href="">W3C®</a> (<a href="">MIT</a>, <a href="">INRIA</a>, <a href="">Keio</a>), с сохранением всех прав. Применяются все нормативы W3C,связанные с <a href="">ответственностью</a>, <a href="">торговыми марками</a>, <a href="">использованием документов</a> и <a href="">лицензированием</a> 
                <a href="">программного обеспечения</a>.

                <h2>Краткое содержание</h2>
                        <ol style="list-style-type:upper-roman;">
                            <li>Введение</li> 
                            <li>Определение конформности</li> 
                            <li>Тип документов XHTML 1.1</li>
                        </ol>
                        <ol style="list-style-type:upper-alpha;">
                            <li>Отличия от XHTML 1.0 Strict</li> 
                            <li>Ссылки</li> 
                            <li>Определение типа документов XHTML 1.1</li> 
                            <li>Благодарности</li>
                        </ol>

Это сообщение отредактировал(а) Djigit - 21.11.2008, 16:55

--------------------

Бабло победит зло!!!

NDenis

Дата 21.11.2008, 17:09 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 317
Регистрация: 14.12.2007

Репутация: 8
Всего: 8

Почитайте про сброс отступов по умолчанию
Самый простой способ:

Код


* { margin:0; padding:0; }

Djigit

Дата 21.11.2008, 17:23 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 124
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

Цитата(NDenis @ 21.11.2008, 17:09)

Почитайте про сброс отступов по умолчанию
Самый простой способ:

Код


* { margin:0; padding:0; }

полезная информация,благодарю. Но обратите внимание на левую часть скриншота,там этот сброс идет "выборочно". Прописываюсь css-свойства отдельно каждому заголовку,не идет((((

--------------------

Бабло победит зло!!!

blah

Дата 22.11.2008, 21:46 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 15
Всего: 17

Для этого создаются оборачивающие блоки, и в них уже все разруливается в помощью padding/margin. Иначе никак...

ksnk

Дата 22.11.2008, 23:11 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

А в чем вообще проблемы-то? Вроде как видно, что нужно подставить отступ снизу после h3 и после ol'а.

Код


h3 {margin-bottom:30px;}

ol {margin-bottom:30px;}

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »