HTML Coding

29542 questions in this forum

1. Как сменить все цены в магазине на HTML-страницах

   Приветствую уважаемые! Попал ко мне интернет магазин на руки, порядка 500 позиций товара Хочу поднять в нем цены на все товары на 20%, т.к. цены в нем сохранены устаревшие Проблема в том, что магазин на HTML-страницах, не на CMS - и такие извращения встречаются, плюс сам я с веб-разработкой не знаком Хочу все эти цены сменить автоматически, без ручной смены на каждой из 500 HTML-страниц На сайте эти цены выглядят вот так: В каталоге: <span class="price">15 590 руб.</span> На самой странице товара: <div id="price-on-nal">15 590 <em>руб.</em></div> Есть PHP-скрипт один, который ставится…

   Asked by stas84, February 1, 2018

   0 votes
   0 answers
2. Автоматическое перелистывание слайдера

   Автоматическое создание слайдера Добрый день имею вот такой слайд скажите как сделать, чтобы он перелистывался автоматический!!! Вот мой код

   Asked by Андрей1990, February 1, 2018

   0 votes
   2 answers
3. Меню за слайдером

   Помогите пожалуйста, меню на заднем плане, z-index, уже все перепробовал! Заранее спасибо... Skype: nikita1570900

   Asked by Mikki, February 1, 2018

   0 votes
   1 answer
4. Position: fixed - сделать размеры блока как у body

   Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.

   Asked by mr.relax, February 2, 2018

   • css
   • fixed
   • position
   0 votes
   2 answers
5. Использование css flex для выравнивания

   Здравствуйте, не подскажите как с помощью флекс свойства css добиться следующего: На первом изображение показано текущее расположение блоков, блоки не имеют фиксированного размера, а меняются динамически, в зависимости от заполненности контента. Я хочу получить результат как на втором изображении чтобы первый блок растягивался вне зависимости от его заполненности. Я так понимаю нужно использовать для этого свойства flex но все мои попытки сделать так, тщетны. Объясните, можно ли вообще так сделать? (спасибо!) P.S. все изображения прикрепил. P.P.S. это нужно для того чтобы не было такого не красивого выравнивания (position:absolute нель…

   Asked by diga, February 3, 2018

   • style
   • flex
   • css
   0 votes
   2 answers
6. Выравнивание элементов в шапке.

   привет. недавно занялась вёрсткой, проблема в самом начале. в шапке логотип должен быть слева по центру, а текст справа по центру. не срабатывает text-align. может совсем по-другому надо подойти к этому. прошу помощи! ещё будет страница с той же шапкой но другим текстом ("поддержка"). хотелось бы использовать те же стили https://jsfiddle.net/hktt4Lue/

   Asked by vasilyevna_yu, February 4, 2018

   • css
   • html
   • вёрстка
   0 votes
   2 answers
7. Не прописываются урл в иконки

   Ребят, прошу сильно не ругать, я только учусь верстке на сайте друга. У меня задача разместить в хедере иконки соц групп и позиционировать их по центру шапки. Вставляю стили прямо в хедер, чтобы не было перезаписаний в style.css, во так: <div style="position: absolute;top: 120px;margin-left: 430px;><a target="_blank" href="https://ok.ru/"><img src="http://test.cafe-jara.ru/ok.jpg" alt=""></a></div> Иконки позиционируются в нужное место, но урл не кликабельный посмотреть можно тут - test.cafe-jara.ru

   Asked by viliksar, February 4, 2018

   0 votes
   4 answers
8. Типовые ошибки в коде, время на верстку

   Добрый день, вопрос по верстке! Сколько у опытного верстальщика занимает адаптивная верстка макета, приложенного в архиве, ссылка внизу. А также, если есть у кого свободные пару минут, указать на типичные, может быть, очень глупые ошибки в коде (есть копипаста в некоторых моментах, не сдержался) Спасибо за внимание! Ссылка: https://yadi.sk/d/tgTukLvr3S87tH

   Asked by SolodovnikKonstantin, February 5, 2018

   0 votes
   0 answers
9. Как сверстать такое

   Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

   Asked by yaparoff, November 2, 2018

   0 votes
   2 answers
10. Решено

    Здравствуйте. Начала писать простейшую страницу для тренировки, но вот получилась проблема с CSS: не работают свойства margin-auto для всего, не работает задание ширины для блока с изображением (в main, class="index-image"). Text-align работает. Смотрела в последних версиях Мозиллы и Хрома. Просмотрела код - не вижу ничего неверного, все теги закрыты. Ширина тоже задана всем родительским элементам нужных блоков. Особенность в том, что всё (что пока успела) в процентах и em, кроме min-height/width локально, но раньше на таких страницах всё нормально работало. Может быть вы подскажете, в чём проблема. UPD: Ужас какой... после чашки кофе всё удалось решить. Всё было про…

    Asked by Alexandra-96, February 5, 2018

    • css
    • margin: auto
    • html
    0 votes
    0 answers
11. Как выровнять текст внутри div

    В коде ниже у меня не получается выровнять текст по левому краю, липнет к правому. Подскажите, как это сделать? <!--noindex--> <div style="background-color: #f8f8f8; margin: 10px 0 10px 0; text-align:left; " ><div style=" float: left; padding: 10px;"><img src="/wp-content/uploads/2018/02/1-2.png" /> </div> <!--в div-е ниже нужно выровнять текст по левому краю--> <div style=" float: right; padding: 10px 20px 10px 10px; text-align:left; "> <p><a href="/testy" rel="nofollow">Хорошо ли вы знаете свои уши?</a></p> </div> …

    Asked by fowl, February 5, 2018

    0 votes
    2 answers
12. Абсолюнтое позиционирование или как лучше задавать позицию картинкам

    Добрый день, столкнулся с такой проблемой. Верстая страницу заключал изображения в тег <div> с определенным класом и в css, задаю им позицию какую хочу видеть у себя в браузере. например .content-bar2 { float: right; position: absolute; top: 300px; right: 50px; } Так вот когда я несколько элементов так размещаю, один над одним, то у меня в браузере все отоброжается нормально. Но открыв с другого компьтера, получилос так что одно изображение наезжает на другое, что это и с чем связано и как это вылечить. И если не сложно обьясните пожалуйста особенности position: absolute. Как я понимаю float и absolute вместе не работают ? Как я понимаю float и ab…

    Asked by мурамаса, February 5, 2018

    • images
    • position
    • absolute
    • div
    • verstka
    • help
    0 votes
    5 answers
13. Помогите решить проблему с якорными ссылками и скрытым выпадающим списком

    У меня возникла проблема, есть код который задает меню в верхней плашке на сайте, при наведении на пункт услуги-открывается еще три по-умолчанию скрытых пункта класса submenu, проблема заключается в том, что если заходить с телефона, то навестись на пункт услуги не получается, а если просто нажать на него то срабатывает переход и еще 3 пункта не успевают открыться. <ul class="topmenu" > <li><a href="#usl">Услуги</a> <ul class="submenu"> <li><a href="us.html" class="navi">Пакеты </a></li> <li><a href="raz.html" class="navi">Услуги</a></li> <li>&lt…

    Asked by kudg0, February 7, 2018

    • выпадающее меню
    • проблема ссылок
    • переход по ссылки
    • якорные ссылки
    0 votes
    1 answer
14. Выравнивание перевернутого текста

    Имеется таблица где в шапке из-за длины название необходимо текст перевернуть. Текст перевернул, но он не рационально расположен в ячейке. Как можно сузить ячейку таблицы, текст сделать в одну строку? table { border-collapse: collapse; margin: 0px auto;} td { padding: 3px; text-align: center; vertical-align: middle; } tr > td:nth-child(1), tr > td:nth-child(2) {text-align: left;} tr:nth-child(1) {background: #4682B4 !important; color: #fff; height:200px;} tr:nth-child(1) td {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} tr:nth-child(1) td:nth-child(1), t…

    Asked by RK3DNP, February 6, 2018

    0 votes
    5 answers
15. ВК тянет название записи блога

    Не уверен что в этот раздел. Такая беда: https://www.euromedika.ru/ на главной странице выводятся заголовки статей. При размещении ссылки вконтакте на главную страницу https://vk.com/kosmetologia_nnov?w=wall-92556112_1017 почему-то в качестве заголовка подтягивается заголовок и картинка от филлеров (первый материал в списке) Что-то с микроразметкой намудрил?

    Asked by d0ublezer0, February 6, 2018

    • микроразметка
    • вк
    0 votes
    0 answers
16. Аудиоплеер без js

    Добрый день. Возможен ли аудиоплеер только на html5 и css, без js, но не простой <audio>, а с плейлистами, фунциями сортировки или эквалайзером?

    Asked by Ubhra, February 6, 2018

    0 votes
    1 answer
17. Неровное расположение картинок

    Привет, прошу помогите, не вижу в чем недочет https://jsfiddle.net/gp1k163r/ не понимаю что с изображениями, почему неровно расположены?Заранее спасибо

    Asked by exoty, February 6, 2018

    0 votes
    1 answer
18. Единицы измерения при адаптивной верстке.

    Добрый день! Помогите кратким ликбезом: какие сейчас единицы измерения и в каких случаях используются при адаптиве? При выполнении тестового проекта я использовал проценты и пиксели... собственно, все по Макфарланду за 2014й год... Результат, вроде, соответствовал требованиям, но забраковали по нескольким причинам. Одно из нареканий было: использование некорректных единиц измерения при адаптиве. Я пытался найти сам... но запутался. Одни топят за vh,vw, другие за em,rem. Хотя, на сколько я помню, последние чисто для текста...

    Asked by Super_Saimon, November 19, 2018

    • css
    0 votes
    1 answer
19. Размещение файлов на сайте без возможности скачивания и извлечения любых данных

    Уважаемые форумчане, подскажите, пожалуйста, решение следующего вопроса: Необходимо разместить файлы (предположительно doc, docx) на сайте без возможности скачивания и извлечения из них любых данных. Какие есть возможности решения данного вопроса - конвертация, кодирование и т.д.? Рассмотрю любые варианты

    Asked by Totalist, February 7, 2018

    0 votes
    8 answers
20. Вопрос по верстке с psd

    Всем привет. Пожалуйста расскажите как верстать большие макеты? У меня монитор 1024px в ширину, а макеты обычно от 1200 и шире. Я макеты в фотошопе уменьшал до 1024px (но это наверное не правильное). Слышал, что можно верстать в оригинале, но с полосой прокрутки (а это не удобно) и как его потом адаптировать под мой экран? Вообще расскажите как правильно, как вы это делаете?

    Asked by Umiman, February 7, 2018

    0 votes
    3 answers
21. Баг с Wow.js

    Добрый вечер, возникла проблема с отображением контента при использовании wow.js + animate Если листать страницу мышкой, контент не отображается, только спустя какое-то время, однако, если скроллить, например, стрелочками или же нажимать мышкой на ту секцию, которая не отображается, она сразу же появляется. Сам сайт: https://alex2033.github.io/ Как решить данную проблему? UPD: оказывается данный баг в хроме и опере, в мозиле подобной проблемы нет

    Asked by WebNewbe, February 8, 2018

    • верстка
    • html
    • css
    0 votes
    0 answers
22. медиа 15" и 19" экраны не реагируют на @media правила css

    В общем почти сделал я такой сайт на вордпресс на monstroid2, и когда принялся проверять с помощью инструмента Screenfly на сервисе quirktools.com вёрстку на всех экранах выяснилось, что 15" и 19" вообще не обращают внимание на установки. Использовал power builder в котором можно выставлять margin и bottom по 4 категориям, Desctop, laptop, tablet, phone. На два последних я вообще сделал отдельные упрощённые версии сайта. Десктоп показывается безукоризненно(широкие экраны), лаптоп(квадратные как у меня) тоже всё настроено как надо. Но вот 15 и 19 дюймов почему то игнорируют всё. Вставлял через siteOrigin Custom CSS свои @media правила, но опять же, на них реагирует всё кро…

    Asked by GorodSka3ka, February 8, 2018

    • запросы
    • css
    • media
    • экран
    • вёрстка
    • текст
    • margin
    • padding
    0 votes
    1 answer
23. Центрирование блоков в блоке

    Здравствуйте. Сам не смог найти решение проблемы и решил обратиться за помощью. Суть проблемы в том, что есть блок с шириной 80% отцентрированный, а в нем маленькие артикли, процентов по 30 с отступами и эти самые артикли прижимаются к левой стороне, оставляя пустое место справа. Нужно отцентрировать артикли с отступами, чтобы равномерно разделилось пустое пространство. На фото наглядно суть проблемы, если выразился непонятно. Скрытый текст section { width: 80%; margin: 0 auto; } article { display: inline-block; width: 30%; min-height: 400px; margin: 10px auto; padding: 1rem; line-height: 1.35; color…

    Asked by Еврейская Мышь, February 9, 2018

    0 votes
    9 answers
24. Помогите пожалуйста!

    Нужно чтобы ссылки title не занимали всю красную зонну, а только под текстом.

    Asked by 23Vahe, February 10, 2018

    0 votes
    1 answer
25. Блок обрезает картинку

    Здравствуйте. Столкнулся с проблемой, когда блок при уменьшении размеров урезает картинку, которая находится в нём. Можно ли растянуть картинку по всей ширине и высоте блока, чтобы она не обрезалась? Или только в фш подгонять размеры? Код сейчас выглядит так: контейнер { width: 100%; margin-top: 1rem; } блок с картинкой { width: 1280px; height: 960px; margin: 0 auto; }

    Asked by Еврейская Мышь, February 10, 2018

    0 votes
    1 answer