Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Неправильно работает Math.random()

    Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.o…

    Asked by mrloregood,

    0 votes
    2 answers

  2. Как называется стиль/дизайн/верстка макета?

    Вот два макета, как называется дизайн в котором они выполнены?. И какое слово вообще тут уместно? Верстка?Стиль?Дизайн?

    Asked by RuslanHeYca4ev,

    0 votes
    3 answers

  3. Как подправить путь к изображению

    В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.

    Asked by alleclf,

    0 votes
    0 answers

  4. 3 способа установки пакетов в nodejs

    скажите пожалуйста, правильно ли я понимаю механизм установки пакетов в nodejs? если нет, то поправьте меня я думаю, что пакеты можно устанавливать тремя способами. расскажу на примере linux: 1. можно установить пакеты, которые требуются конкретному проекту, если зайти в каталог проекта и запустить из консоли команду npm i в этом случае в каталоге проекта создастся каталог node_modules и в него скачаются все модули, которые указаны в package.json 2. можно зайти в каталог проекта и запустить команду npm install package_name в этом случае так же в каталоге проекта создастся каталог node_modules и в него установится пакет package_name 3. за…

    Asked by cyklop77,

    0 votes
    3 answers

  5. Можно ли сделать слова вместо маркеров и подвинуть потом их?

    Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?

    Asked by nikki4,

    0 votes
    1 answer

  6. Как закруглить тень вмести с div блоком?!

    День добрый делая сайт я столкнулся с такой проблемой!Вот я закруглил края ( div { border-radius: 10px;} ) и теперь мне нужно добавить тень (закругленную). Как мне это сделать!?Если просто накладывать тень то происходит это (в картинках, сравни). Как вы видите тень не правильно становится! Как мне быть?! Ссылка на сайтец(стоит регистрация. Пароли защищены VBScript - подобия md5): P.S. Я НОВИЧОК!Простите меня за какие-то грубые ошибки :-/

    Asked by Tardpipl,

    0 votes
    1 answer

  7. CSS. Как подружить Webkit с FireFox?

    Здравствуйте. Имею очень красивый текстовый эфект блика CSS скачаный с гугла. Работает на всём кроме FireFox, уже добавлял префиксы -moz- ничего неполучается. Может кто подскажет как поправить код чтоб заработало в Фаерфоксе& Код CSS ниже, пожалуйста кто понимает подскажите, буду очень признателен! .shine { background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat; -webkit-background-size: 125px; color: rgba(255, 255, 255, 0.1); -webkit-background-clip: text; -webkit-animation-name: shine; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infin…

    Asked by Fesali,

    0 votes
    3 answers

  8. Не работает overflow в Safari

    Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

    Asked by fenix_63,

    0 votes
    3 answers

  9. Не могу понять что происходит. Помогите.

    Похоже плохо учил свойства. Неважно какие - просто свойства. Есть такой код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Главная</title> <style> .wrapper { } </style> </head> <body> <div class="wrapper"> <!-- Просто пустой див блок --> <header> CONTENT </header> <section> CONTENT </section> <footer> CONTENT </footer> </div> </body> </html> Только начал использовать флексбокс и в своих (двух) макетах вместо свойства height испол…

    Asked by DmitryPavlov,

    0 votes
    1 answer

  10. Увеличение картинки по клику средствами CSS.

    Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

    Asked by Kompilator,

    0 votes
    5 answers

  11. Не работает выпадающее меню на CSS

    Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…

    Asked by iBars,

    0 votes
    7 answers

  12. Помогите скрыть div

    <div class="content__left content__along" data-min-height="793" style="min-height: 793px;"> <style> #vw2wukgldi{overflow: hidden; position: relative; height: 23px; padding: 5px 0 7px 7px; background: #f2f2f2; line-height: 18px; white-space: nowrap;} </style> <div id="vw2wukgldi"> <img alt="" style="width:0;height:0;position:absolute;visibility:hidden;" src="https://rs.mail.ru/d20185091.gif?sz=4&rnd=157083199&ts=1473023234&sz=4"> <script type="text/javascript"> (function(){ app.Dollars.showDirect(131207, "worm", { stat_id: 723102 , site_charset: 'utf-8' , type: 'row' , ad_format: 'direct' , title_font_size: 2 …

    Asked by БлагоѨръ,

    0 votes
    4 answers

  13. Помогите сверстать макет по примеру

    Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/

    Asked by alleclf,

    0 votes
    4 answers

  14. Стоит ли использовать мететег keywords?

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

    Asked by alleclf,

    0 votes
    6 answers

  15. Фиксированное меню с помощью Javascript

    Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…

    Asked by volshebnyi,

    0 votes
    4 answers

  16. раскрывающаяся форма при клике и сворачивание при нажатии

    Вопрос как сделать такую форму, может есть скрипт? как вообще такое называется. внизу экрана плавает кнопочка - это понятно position:fixed; а то что внутри - display:none; нажимаешь на неё - кнопка display:none; а то что под ней становиться видимым - вся форма с отправкой сообщения. ну и с таким эффектом красивым. потом нажимаешь куда-нить. или на крестик, и форма сворачивается обратно или может плагин под вордпресс такой есть?

    Asked by nikki4,

    0 votes
    3 answers

  17. Прижать картинку к нижней границе

    http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.

    Asked by d0ublezer0,

    0 votes
    1 answer

  18. Отступы в заголовке

    Подскажите, откуда взялась эта белая полоса между меню и картинкой, что это за отступ ? http://codepen.io/anon/pen/KgKVWk

    Asked by Driven,

    0 votes
    2 answers

  19. gulp глобальбный и локальный

    помогите пожалуйста разобраться. собираюсь начать пользоваться gulp, но не понимаю в чём разница между глобальной и локальной установкой если я поставлю gulp локально, то создастся каталог node_modules, в котором будет и сам gulp, и подключаемые модули. остаётся только настроить файл конфига gulpfile.js но если я поставлю gulp глобально, то gulp и подключаемые модули будут храниться где-то в ОС, и мой конфиг будет искать их не в каталоге проекта, а в другом месте. непонятно то, что если я ставлю gulp глобально, то после установки какого-нибудь модуля: npm install gulp-clean-css --save-dev всё равно создаётся node_modules. поэтому мне непонятно какой…

    Asked by cyklop77,

    0 votes
    1 answer

  20. Слайдер

    Народ, привет всем! Надо вот такой слайдер замутить, http://take.ms/2Qnih может кто видел похожий плагин?

    Asked by vladmih,

    0 votes
    1 answer

  21. Стилизация чекбокса без label

    Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/

    Asked by WhatIsHTML,

    0 votes
    9 answers

  22. отправка почты методом post

    Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…

    Asked by Seregka174,

    0 votes
    5 answers

  23. Появление спрятанного блока (внешнего) при наведении

    Как можно повлиять на спрятанный блок с помощью hover, учитывая тот факт, что спрятанный блок не будет внутренним списком, а будем внешним дивом. <div class="navi"> <a href="#">Пункт 1</a> <a href="#">Пункт 2</a> </div> <div class="block"> <p>Текст Текст Текст ...</p> </div> То есть при наведении на пункт блока navi, должен появляться блок под названием block.

    Asked by Igoritaly,

    0 votes
    1 answer

  24. Проблема с передачей данных между страницами

    Здравствуйте дорогие форумчане! Наткнулся на проблему при передаче данных. Дело в том, что через форму хочу передать данные про товар на вторую страницу. С помощью <input type="hidden" name="price" value="1000 рублей"> можно передать цену на второю страницу. Но дело в том, что при изменении исходного кода в браузере на <input type="hidden" name="price" value="1 рублей">, то на новой странице передается значение 1. Может быть это из-за того, что сайт работает на локальном сервере? Попробовал также вариант с php <input type="hidden" name="price" value="<?php echo "1000"; ?>" /> но такой же результат. Если перейти на хостинг,…

    Asked by ABC555,

    0 votes
    1 answer

  25. Боковое меню/панель на CSS

    Хочу на сайте сделать боковое меню. В углу картинка/кнопка при клике/наведении на которую в боку выезжает блок на всю высоту страницы а сама страница затеняется. В блоке располагаются сами пункты и если их много они прокручиваются вниз независимо от основной страницы. Помогите найти что-то подобное. Сам находил несколько интересных вариантов, но практически все скриптовые. Можно ли подобную задумку реализовать на чистом CSS? Необходима кроссбраузерность и кроссплатформенность - что бы работали в разных браузерах и на разных ОС (включая моб.телефоны). Кстати, хотел спросить. Как мобильные устройства относятся к элементам на ActivX?

    Asked by alleclf,

    0 votes
    1 answer
×
×
  • 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

  I accept