Омск

Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/11/zabor-iz-kirpicha.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/11/lentochniy-fundament.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/05/vinnyj-pogreb-e1520264989304.png" /></div> И некоторые фото отображаются меньшим размером, хотя он на самом деле больше. Как правильно их растянуть? Чтобы в css не прописывать каждую картинку. Вот на этой странице они

Спасибо, так работает. Не нашел, какие данные у родительского блока, я пробовал написать padding-left, тоже не работает. Дополнил строку: .submenu > li {font-weight: normal; padding-left: 150px;} - не появляется отступ, а когда прописываю в меню отступ: .menu > li {font-weight: bold; padding-left: 150px;}, то делается отступ у всего меню, что не нужно. Как сделать отступ у подменю? <ol> закрытый, я не весь код скопировал сюда

Есть вот такой список: <ol> <li id="st">Пункт 1</li> <li><strong>Пункт 2</strong> <ul id="otstup" type="disc"> <li>Подпункт 1</li> <li>Подпункт 2</li> <li>Подпункт 3</li> <li>Подпункт 4</li> <li>Подпункт 5</li> </ul> </li> Хотел в Пункт 2 прописать id="st", но этот стиль применяется и к подпунктам, т.к. они находятся внутри него, пришлось там написать strong, но так цифра жирным шрифтом не становится. В пункте 1 все нормально, т.к. он закрытый и в нем нет подпунктов. Как применить идентификатор к Пункту 2, чтобы он не применился к его подпунктам? Это список, который будет в содержании статьи. Мне еще нужно задать всем тегам ol, которые будут в самой статье, отступ, я в style.css написал: ol {margin-left: 5%;}, но это не сработало. Почему?

Вот такой получился сайт. Говорят, что сочетание цветов неудачное, ну тут много надо дорабатывать. Как адаптировать сайт под мобильные устройства? Я проверил сайт тут https://www.google.com/webmasters/tools/mobile-friendly, выдались причины: Ссылки слишком близко друг к другу Контент шире экрана Не задана область просмотра для мобильных устройств Слишком мелкий шрифтЭто надо просто это исправить и сайт будет адаптирован?

В данном случае заказчику все равно как будет сделан сайт. Почему сайт из блоков будет ниже? При построении сайта на блоках тоже ведь можно изпользовать все возможности Html5?

Текст я собираюсь делать внутри блоков. Спецификацию Html5 прочитал, не понял как мне лучше сделать сайт. Я Html5 еще не изучал, много новых тегов там. Вот такой версткой делать сайт стоит?

Обычным html-меню это тегами <ul> <li> Я пока не знаю языков программирования, есть бесплатный скрипт для создания меню?

Собрался делать сайт, с такой структурой: Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню. Его лучше сделать обычным html-меню или тоже блоком? Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?

Я хочу растянуть фоновое изображение на весь экран, чтобы было как тут, чтобы оно было еще недвижимо. На этом сайте как я понял, это реализовано с помощью CSS3. Я верстаю сайт программой WYSIWYG Web Builder, она делает это с помощью CSS предыдущей версии. Вот новый сайт, на нем не получается так растянуть. Вот код CSS body{ background-color: #FFFFFF; background-image: url(images/fon.jpg); background-position: left top; background-repeat: repeat; background-size: cover; color: #000000; font-family: Arial; font-size: 8px; line-height: 1.1875; margin: 0; padding: 0;По-разному значения я тут ставил, не получается растянуть. Как тут это сделать?

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

У меня вопрос насчет верстки в PSD, ответов я не нашел в интернете. Почему именно в PSD делается макет? Это просто рисуется как должен выглядеть сайт и дизайнер должен его сверстать по образу и подобию? И как мне начать верстать этот макет? Я вижу, что тут три колонки и шапка, ну и подвал еще. Где взять рисунки от этого макета? Тут еще перо как-то нужно сделать, чтобы она и на шапке лежало.

Смотрел я на форуме, каждый разные ссылки выкладывает, у всех разное мнение.

В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3

Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <p id="block">Содержимое блока</p> #block { padding: 10px; margin: 5px; width: 500px; border-style: solid; border-width: 2px; border-color:#faa21a; } У блока с черной рамкой такой: body { border: 2px solid #111111; padding:0; margin: 0 auto; width:500px; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?

display: block это строчному элемену надо добавить?

В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?

Я делаю такой макет: шапка, левая и правая колонка, в середине контент, внизу подвал. Вот тут, хочу сделать, чтобы на блоке wrapper были блоки header, left, right. Поместил их туда, сделал левый блок длиннее и он вышел за границы блока wrapper. Как сделать, чтобы wrapper растягивался вместе с этими колонками. Или сразу его на всю страницу сделать? И вообще, правильно я делаю макет?

этот файл подключать в header.php? Я еще не совсем понял, к чему относится <div id="wrapper"> и <div id="head">, я вижу, что к head.php, но почему два блока к нему относятся? И в файле стилей мне надо писать так? #head { параметры всякие } Я тут запутался совсем: подключил к главной странице файл style.css, в нем написал так #head { text-align: center; /* Выравнивание по центру */ padding: 5px; /* Отступы вокруг текста */ background: #D71920; /* Цвет фона шапки */ background-image:url (images/top_bg.gif); } И не отображается тот рисунок, только фон и текст. и отображается текст, который прописать в head.php, и в нем фон не отображается. Как сделать надо правильно?

Нужно сделать страницу из 5 блоков, где прописывать расположение блоков и размеры? Мне нужна "резиновая" верстка, чтобы при разных разрешениях страницы выглядели хорошо. <html> <head> <title>title</title> </head> <body> <div id="wrapper"> <div id="head"> <?php include 'head.php'; ?> </div> <div id="left"> <?php include 'left.php'; ?> </div> <div id="right"> <?php include 'right.php'; ?> </div> <div id="center"> <?php include 'center.php'; ?> </div> <div id="footer"> <?php include 'footer.php'; ?> </div> </div> </body> </html>

Мне в шапке сайта нужно растянуть фон в блоке div. Я написал так: .block1 { background-image: url(images/top.gif); background-size:100%; width:100%; height:100px; } И получилось искаженное изображение - http://b-srv.ru/test.html А надо чтобы было как на этой странице - http://b-srv.ru/index.html, тут разметка сделана таблицей - на каждой странице приходится прописывать тоже что и на всех остальных. Пробовал так - .bg{ margin:100px auto 0; background:#0f9; overflow:hidden; width:100%;}, изображение получалось маленьким, когда увеличивал, искажалось. Как тут можно сделать?