Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
156 / 20 / 5
Регистрация: 21.02.2009
Сообщений: 2,787

В чем ошибка урока верстки?

02.10.2013, 17:08. Показов 533. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Смотрю видеоурок по верстке и скрупулезно воспроизвожу каждый шаг. Но получается так, что на экране вижу одно, а на деле получается другое!

Первое расхождение вот в чем.

Существует вот такой список:
HTML5
1
2
3
4
5
6
7
8
9
<div class="menu">
<ul>
    <li><a href="#">Обучение</a></li>
    <li><a href="#">Видео уроки</a></li>
    <li><a href="#">Статьи</a></li>
    <li><a href="#">Графика</a></li>
    <li><a href="#">Форум</a></li>
</ul>
</div>

Стили такие:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
*{
    margin: 0;
    padding: 0;
}
 
 
.menu {
    min-width:400px;
    max-width:1000px;
    margin: 20px auto;
}
 
.menu ul {
    background:url(1.jpg) repeat-x;
}
При этом на видео идет цветная полоса фона на весь экран (скриншот плохо читается - сорри).

А у меня только в ширину текста.

Коды одинаковые (за исключением имени файла фона).

Почему так?
Миниатюры
В чем ошибка урока верстки?  
Изображения
 
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
02.10.2013, 17:08
Ответы с готовыми решениями:

В чем косяк верстки?
Доброго времени суток. Создал сайт: http://www.lyukon.ru . Но после нажатия любой из ссылок, весь экран вместо обычного обновления делает...

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

Поиск хорошего урока по C++
Помогите пожалуйста найти сеть обучающих уроков по C++ Буду благодарен

4
11 / 11 / 2
Регистрация: 11.03.2013
Сообщений: 100
03.10.2013, 01:27
попробуйте
CSS
1
2
3
4
menu ul {
display: block; /* на тот случай, если где то кто то изменил */
background: green;
}
1
48 / 87 / 11
Регистрация: 12.08.2013
Сообщений: 474
03.10.2013, 02:28
так замените repeat-x на просто repeat (это значение по умолчанию)
1
11 / 11 / 2
Регистрация: 11.03.2013
Сообщений: 100
03.10.2013, 02:35
Цитата Сообщение от Justff Посмотреть сообщение
так замените repeat-x на просто repeat (это значение по умолчанию)
repeat-x повторяет картинку по горизонтали, так что по идее она должна была замостить всю ширину. Тут могут быть 2 причины, либо в картинке, либо в том, что ширина у блока не на всю старницу.
1
48 / 87 / 11
Регистрация: 12.08.2013
Сообщений: 474
03.10.2013, 03:06
Цитата Сообщение от dikucher Посмотреть сообщение
repeat-x повторяет картинку по горизонтали, так что по идее она должна была замостить всю ширину. Тут могут быть 2 причины, либо в картинке, либо в том, что ширина у блока не на всю старницу.
конечно не на весь экран будет, там же максимальная ширина блока установлена: max-width:1000px;
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
03.10.2013, 03:06
Помогаю со студенческими работами здесь

Код урока 4 русского сайта NeHe
Дошёл до четвёртого урока (вращение полигонов), код подпилил, нет ни ошибок, ни предупреждений. И у меня возникли два вопроса: 1....

Что происходит в процедуре урока Калашникова
Здравствуйте форумчане. Возник вопрос к процедуре Open_file proc этой программе. Можете объяснить в подробностях как и что сравнивает...

Добавление статьи или урока в базу данных
Нужна форма добавления статьи через страницу сайта в базу данных (тоесть любой желающий может добавить урок или статью или рецепт на...

Вставка HTML, PHP, CSS урока на сайт
Я не нашёл подходящий раздел и создал эту тему здесь. Как вставить код HTML, PHP, CSS на сайт, чтобы это выглядело вот так...

По номеру урока определить время его окончания
Здравствуйте, видел подобную тему, однако меня интересует другое. Вот сама задача: В некоторой школе занятия начинаются в 9:00....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru