HTML Coding

29542 questions in this forum

1. SVG и смена его позиции при наведении курсора

   Речь идет об обычной кнопке с hover-эффектом. С png все получается. Код выглядит примерно так: a.overBtn { display: block; height: 32px; width: 124px; background-image: url(../images/bt.png); background-repeat: no-repeat;}a.overBtn:hover { background-position: 0px -32px;}Для изображения устанавливаются четкие границы. И нижняя часть кнопки, которая перемещается при наведении курсора в видимую позицию, отрезана заданными размерами изображения. Если png поменять на svg, то последний тупо масштабируется (уменьшается), заполняя заданные размеры. Того же эффекта достигнуть не удается. SVG всегда заполняет данный блок. Можно ли как-то реализовать hover с од…

   Asked by Bugert, August 8, 2015

   0 votes
   3 answers
2. Верстка формы

   Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…

   Asked by IvanRu08, August 19, 2015

   0 votes
   4 answers
3. Проблема адаптива на iPhone 6s

   Коллеги, есть сайтик и проблема в отображении его на iphone 6s - будто адаптив не для него. На андроидах порядок, на ipad кажется тоже. Уже голову себе всю сломал, кто поможет (хотя бы скрином)?

   Asked by Jack_V, June 15, 2016

   0 votes
   1 answer
4. Таймер на сайте даже без онлайн пользователей

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

   Asked by ValerKa00776, August 18, 2017

   • таймер
   • онлайн
   • сайт
   0 votes
   1 answer
5. Всплывающие аннотации

   Добрый день, господа! Имеется изображение большого формата, необходимо прикрутить к нему всплывающие аннотации. При установке курсора в некоторые координаты всплывает аннотация (окно?), в разных координатах - разные аннотации. Может быть, привязать аннотации к конкретным областям изображения. Объясните, пожалуйста, как это можно реализовать максимально просто и быстро. p.s. В интернете масса материалов на тему "всплывающие окна при наведении на элемент/изображение", если я правильно понял, мне эти вещи не особо подходят, т.к. у меня одно изображение и множество аннотаций, привязанных к точкам на нем.

   Asked by Mark49, March 25, 2018

   0 votes
   3 answers
6. Разместить 3 колоки div-ами по горизонтали

   Помогите пожалуйста полному чайнику :-). Нужно выровнять три слоя одинаковой высоты по горизонтали. Два крайних фиксированной ширины, средний - резиновый размер. Подскажите, пожалуйста, как лучше это сделать?

   Asked by Lykreziya, May 8, 2008

   0 votes
   2 answers
7. верстака резинового блока css

   Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!

   Asked by white_kh, July 10, 2009

   0 votes
   1 answer
8. Высота сайта

   Сверстал свой первый макет http://examplesait.ru.swteh.ru/sait.html Осталось непонятным следующее: как убрать лишнее(пустоту) из-под футера???

   Asked by Vind, November 26, 2010

   0 votes
   4 answers
9. Создание фильтров

   Здравствуйте, у меня появилась нужда создать фильтры для страницы. Например есть список доступных товаров, у каждого товара есть свои параметры, надо создать таблицу с фильтрами, чтобы можно было отфильтровать товары с нужными параметрами. Заранее спасибо!

   Asked by quixtar, March 5, 2011

   0 votes
   8 answers
10. нужна помощь

    есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>

    Asked by montana, August 16, 2011

    0 votes
    9 answers
11. Высота контейнера со слоями

    Здравствуйте, подскажите пожалуйста, не могу решить проблемку с высотой контейнера. Описание: у меня в некотором контейнере (таблица) расположено 2 div, пусть будут высотой 500 пикселей для примера. Контейнер при этом принимает высоту в 1000 пикселей. Второй (нижний) div имеет отрицательное смещение по высоте, для того чтобы располагаться в 2 слоях на одном месте с первым. Получаются что оба div расположены в верхней части контейнера в разных слоях, а нижняя часть пустует. Так вот - несмотря на то что нижняя граница обоих div расположена примерно на 500-ом пикселе - граница контейнера(таблицы) не подтягивается туда, а по прежнему занимает старый размер как будто там есть …

    Asked by Detech, March 26, 2012

    0 votes
    6 answers
12. margin: 0px в IE8

    Не могу убрать отступы от краев браузера в IE8. В других браузерах все ок, в IE - нет. html,body { margin:0px; padding: 0px; } Может дело в doctype? Я плохо ориентируюсь в отличиях между версиями html. Сейчас стоит xhtml1.0 переходный. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Feel, March 19, 2013

    0 votes
    5 answers
13. Что нужно сделать после регистрации домена?

    Здравствуйте. Зарегистрировал доменное имя. Самого сайта пока нет. Ради интереса ввел адрес сайта в адресную строку браузера, зашел на сайт и увидел, что на месте моего будущего сайта находится рекламная страница моего сайта хостинга с тремя ссылками на свои ресурсы. Ну ладно все бы ничего но в теге <title> этой страницы прописана Ошибка 404.т.е. <title>Ошибка 404</title> Подскажите пожалуйста как к этому отнесутся поисковые системы Яндекс и Гугл с точки зрения SEO? Т.е. в будущем я планирую разместить на домене нормальный сайт, а сейчас там страница выдающая ошибку. Могут ли поисковики так сказать забанить домен, занести его в черный список?

    Asked by koly32, October 22, 2013

    0 votes
    9 answers
14. Форма входа в 1 ряд

    Ребят Здравствуйте помогите пожалуйста, верстаю макет столкнулся с такой проблемой есть форма входа в шапке мне нужно расположить её в 1 ряд пока она так в psd макете вот так код html <form name="input" method="post" action="#"> <p>Логин</p> <input name="login" type="text" class="logPas"> <p>Пароль</p> <input name="password" type="password" class="logPas"> <br> <input name="submit" type="submit">в коде css пока написал так }input:focus { outline:none;}.logPas { width: 90px; border-radius: 4px; border: 1px #98a7b5 solid;}поскажите как сделать её в одн…

    Asked by Евгений_SB, April 11, 2014

    • Форма входа в 1 ряд
    0 votes
    3 answers
15. Как это реализовать ?

    http://s013.radikal.ru/i322/1409/cc/5a04ab101d33.jpg как сделать это ? боредром радиусом не получается.

    Asked by raptor-dm, September 18, 2014

    0 votes
    6 answers
16. Как узнать какие плагины (слайдеры) установлены на сайте?

    Здравствуйте! Подскажите, как можно узнать какие плагины (слайдеры) установлены на сайте? В Firebug'е смотрела, но -- безрезультатно. Ну, например, вот этот сайт: http://www.pascalvangemert.nl/ -- как он работает, что на нем установлено? Или эти: http://alexarts.ru/en/index.html http://www.estudioagraph.com/

    Asked by Fendia, November 6, 2014

    0 votes
    5 answers
17. Перечесление селекторов в css

    Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.

    Asked by perec200, March 30, 2015

    • css
    • селекторы
    0 votes
    1 answer
18. Проблема с меню

    Здравствуйте! Верстаю макет в учебных целях, взятый отсюда - http://font-family.ru/luchshie-besplatnye-psd-makety-sajtov-dlya-verstki/psd-templates-website-01/, и у меня возникли некоторые проблемы, которые никак не выходит решить. Вот ссылка на мою верстку http://site.cy50484.tmweb.ru/ 1. Как у элемента меню HOME убрать hover? 2. HOME должен быть активен, задала дополнительным классом подложку под него, но она слишком высокая, как сделать так, чтобы она была по размеру как hover у других элементов меню? При выставлении ей высоты, или изменения высоты у элементов меню все сползает вверх. 3. Как сделать элементы меню в hovere чуть ближе к правому краю, а не по центр…

    Asked by Lure, August 5, 2015

    • меню
    • ul
    • li
    0 votes
    2 answers
19. Проблема с вертикальными отступами span

    Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…

    Asked by infidel, September 19, 2015

    0 votes
    2 answers
20. Сайт превращается не понятно во что в другом браузере

    Добрый день. Делаю сайт. Все время смотрел на него через хром. А тут случайно запустил через мозилу. Разинул рот. Залил на хостинг - тоже самое. Причем сайт простой очень, я не знаю, чего в нем может быть такого, чтобы не скушала мозила. Она не видит фото и css стили. адрес сайта: http://blohinivan.16mb.com/ консоль мозилы говорит, мол "Таблица стилей http://error.hostinger.eu/? не была загружена, потому что её MIME-тип («text/html») не «text/css»." но в коде стили подключаю так : <link rel="stylesheet" href="..\css\mainstyle.css"> раньше сайт был чисто с помощью css и html написан, все было норм. Но как начал использовать php (а именно делать отдельные блоки в php …

    Asked by vanya15369, December 30, 2015

    • mozilla
    • css
    0 votes
    1 answer
21. Позиционирование картинок на заднем фоне

    Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

    Asked by Voilin, August 18, 2016

    • верстка
    • background
    • позиционирование
    0 votes
    0 answers
22. оцените html сайт

    Cоздала сайт на html , где рассказывается про canvas с объяснением, на конкретных программах. http://www.animacanvaszdorove.ru/

    Asked by Tana, August 27, 2016

    0 votes
    3 answers
23. Проблемы в JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…

    Asked by ErUnDAK, June 20, 2017

    • javascript
    • html
    • css
    0 votes
    1 answer
24. Ошибка при нажатии на Cancel

    Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_s…

    Asked by mstdmstd, August 29, 2017

    0 votes
    0 answers
25. Необычная кнопка

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

    Asked by brezze, December 16, 2017

    0 votes
    2 answers