Jump to content

Омск

Newbie
  • Posts

    20
  • Joined

  • Last visited

Everything posted by Омск

  1. Стиль для блока такой: .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 не прописывать каждую картинку. Вот на этой странице они
  2. Спасибо, так работает. Не нашел, какие данные у родительского блока, я пробовал написать padding-left, тоже не работает. Дополнил строку: .submenu > li {font-weight: normal; padding-left: 150px;} - не появляется отступ, а когда прописываю в меню отступ: .menu > li {font-weight: bold; padding-left: 150px;}, то делается отступ у всего меню, что не нужно. Как сделать отступ у подменю? <ol> закрытый, я не весь код скопировал сюда
  3. Есть вот такой список: <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%;}, но это не сработало. Почему?
  4. Вот такой получился сайт. Говорят, что сочетание цветов неудачное, ну тут много надо дорабатывать. Как адаптировать сайт под мобильные устройства? Я проверил сайт тут https://www.google.com/webmasters/tools/mobile-friendly, выдались причины: Ссылки слишком близко друг к другу Контент шире экрана Не задана область просмотра для мобильных устройств Слишком мелкий шрифтЭто надо просто это исправить и сайт будет адаптирован?
  5. В данном случае заказчику все равно как будет сделан сайт. Почему сайт из блоков будет ниже? При построении сайта на блоках тоже ведь можно изпользовать все возможности Html5?
  6. Текст я собираюсь делать внутри блоков. Спецификацию Html5 прочитал, не понял как мне лучше сделать сайт. Я Html5 еще не изучал, много новых тегов там. Вот такой версткой делать сайт стоит?
  7. Обычным html-меню это тегами <ul> <li> Я пока не знаю языков программирования, есть бесплатный скрипт для создания меню?
  8. Собрался делать сайт, с такой структурой: Шапку и блок с основной информацией хочу сделать в виде Divов, не знаю только как будет правильно сделать меню. Его лучше сделать обычным html-меню или тоже блоком? Мне надо еще чтобы при нажатии на пункт меню информация появлялась в основном блоке, без перезагрузки всей страницы. Это получится сделать бе применения фрейма?
  9. Я хочу растянуть фоновое изображение на весь экран, чтобы было как тут, чтобы оно было еще недвижимо. На этом сайте как я понял, это реализовано с помощью 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;По-разному значения я тут ставил, не получается растянуть. Как тут это сделать?
  10. Вот я открыл этот файл, разделен рисунок на несколько частей. Как эти элементы добывать? Вырезать и сохранять каждый элемент как отдельный рисунок? Вот я тут смотрю, все элементы располагаются на отдельных слоях, это надо эти элементы копировать на другой рисунок и сохранять отдельно?
  11. У меня вопрос насчет верстки в PSD, ответов я не нашел в интернете. Почему именно в PSD делается макет? Это просто рисуется как должен выглядеть сайт и дизайнер должен его сверстать по образу и подобию? И как мне начать верстать этот макет? Я вижу, что тут три колонки и шапка, ну и подвал еще. Где взять рисунки от этого макета? Тут еще перо как-то нужно сделать, чтобы она и на шапке лежало.
  12. Смотрел я на форуме, каждый разные ссылки выкладывает, у всех разное мнение.
  13. В википедии написано, что CSS3 еще разрабатываемая версия, но уже много учебников по нему выпуска 2011 года, а уже CSS4 еще разрабатывается. И в вакансиях уже в требованиях пишут, что нужно знание HTML5 и CSS3. И посоветуйте пожалуйста учебник хороший по html5 И css3
  14. Вот тут блок с желтой рамкой не должен так выходить. У блока с желтой рамкой такой код: <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; } Почему тот блок выходит за рамки? И как блочный элемент выровнять по центру?
  15. display: block это строчному элемену надо добавить?
  16. В файле стилей для тега класса .zagl прописан text-align:center; В коде страницы я пишу: <span class="zagl">текст</span> И текст выравнивается по левому краю, хотя должен по центру. Когда прописываю в коде <p class="zagl">текст</span> - то текст выравнивется по центру. Почему не работает так со SPAN?
  17. Я делаю такой макет: шапка, левая и правая колонка, в середине контент, внизу подвал. Вот тут, хочу сделать, чтобы на блоке wrapper были блоки header, left, right. Поместил их туда, сделал левый блок длиннее и он вышел за границы блока wrapper. Как сделать, чтобы wrapper растягивался вместе с этими колонками. Или сразу его на всю страницу сделать? И вообще, правильно я делаю макет?
  18. этот файл подключать в 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, и в нем фон не отображается. Как сделать надо правильно?
  19. Нужно сделать страницу из 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>
  20. Мне в шапке сайта нужно растянуть фон в блоке 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%;}, изображение получалось маленьким, когда увеличивал, искажалось. Как тут можно сделать?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy