HTML Coding

29542 questions in this forum

1. Как прикрутить карусель?

   Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…

   Asked by DivMan, August 27, 2014

   0 votes
   6 answers
2. Как сделать google карту в таком виде

   Возможно ли сделать такую карту интерактивной и как? зеленый фон не фиксированый и может менять масштаб.

   Asked by swandev, September 29, 2014

   0 votes
   9 answers
3. Как тестировать адаптивный дизайн?

   Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.

   Asked by alleclf, February 15, 2015

   0 votes
   6 answers
4. убрать панель в chromium

   помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает

   Asked by cyklop77, February 12, 2016

   0 votes
   3 answers
5. Режеться слайдер по высоте

   Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/

   Asked by sanyok911, March 9, 2016

   0 votes
   0 answers
6. Статичный генератор сайтов с gui

   Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.

   Asked by Ururu, March 23, 2016

   0 votes
   3 answers
7. В каком направлении копать для адаптивного скроллируемого фона?

   Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…

   Asked by NDanilov2015, April 26, 2016

   • htmlcss
   • css3
   0 votes
   2 answers
8. Не фиксируется меню, недочеты на IOS

   Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?

   Asked by Kiriklk, June 10, 2016

   0 votes
   2 answers
9. Помогите выполнить задание

   Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output

   Asked by Kun32216, November 5, 2016

   0 votes
   3 answers
10. Загрузка файла MP3 на свой сайт

    Привет всем! Записал звук с микрофона и звучание интернет-радио в формате MP3. Этот файл хочу загрузить на сервер -но закачиваться он не хочет,да и переслать по e-mail-щ?лкаю прикрепить-загрузка не ид?т. Помогите разобраться

    Asked by сергей-7, March 28, 2008

    0 votes
    1 answer
11. Проблема с DIV'ами

    Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение. Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара. Проблема: 1. Внутренние ДИВы переносятся на след. строку. 2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали. HTML: <div class="photos_slider"> <div><img src="/img/test_photo1.gif" border="0" alt=""></div> <div><img src="/img/test_photo2.gif" border="0" alt=""></div> <div><img src="/img/test_photo3.gif" border="0" alt=""></div> <div><img src="/img/test_photo1.gif" border="0" alt=""></div…

    Asked by Grenouer, March 31, 2008

    0 votes
    1 answer
12. Сказка о списках

    Жил был список. Элементов в нем было много-премного!!! И был у него класс "списочный" и содержал он набор стилей. А внутри элементов жили другие стили и оформления, и некоторые части текста никак от "списочного" класса не зависели. Некоторые, но не все, были и куски текста, подверженные классу "списочный". А начало каждого пункта в списке выглядело так: <li> <div class="какой-то"> ... </div> что-то там еще, и всегда очень разное Но вот потом оказалось, что заказчик хотел бы, чтобы цифирка, рожденная тегом <li>, изменила свою окраску да и вообще выглядела совсем иначе, нежели ее описывает класс "списочный". А весь остальной текст должен оставаться …

    Asked by aruru, August 18, 2009

    0 votes
    2 answers
13. вылезает background по y

    Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…

    Asked by alexey_, June 24, 2011

    0 votes
    4 answers
14. Подключение плагина для радиобаттона

    Всем Привет. Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге: <i class="myVirtualRadio">? Такого по моим планам возникать не должно Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон? Убирается почему 'галочка' то только с радио под названием 'шестой'? Остальные не реагируют... (Буду признателен — если кто подскажет...) Js код выглядит следующим образом: var myClassRadio = document.getElementsByTagName('input'); var virtualClassRadio = document.getElementsByT…

    Asked by Yamaradg, March 3, 2012

    0 votes
    6 answers
15. Тег <code> или CSS

    Какую роль играет тег code? Он просто меняет шрифт или играет важную роль для поисковых машин. Что если его заменить CSS стилем?

    Asked by bifrein, March 24, 2012

    0 votes
    5 answers
16. Пункт меню при наведении

    Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!

    Asked by Digidie, July 3, 2012

    0 votes
    6 answers
17. Переход между языками.

    Всем привет, только начал изучать HTML. Веду тестовый сайт у себя на компьютере на двух языках, учу HTML и закрепляю английский. Недавно начал изучать фреймы и столкнулся с одной проблемой в плане локализации. До фреймов схема была простая в углу было две кнопочки "Русский" и "Английский" и переходило на идентичную страницу только на другом языке. С фреймами же ситуация другая там один файл index.html отвечает за расположение фреймов и за название вкладки (к примеру "Test Site"). Так вот, при переходе на русский язык не меняется название вкладки на русский (к примеру на "Тестовый сайт"), до фреймов же было две разные страницы и для каждой можно было выбирать своё имя, а с…

    Asked by Freqsen, October 11, 2012

    0 votes
    9 answers
18. проблемы с :hover

    Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?

    Asked by Alexey_Balu, November 7, 2012

    0 votes
    5 answers
19. Сайт плохо отображается в IE

    Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.

    Asked by barsik007, January 1, 2013

    0 votes
    2 answers
20. Градиент на заднем плане

    Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)

    Asked by d.dee, April 14, 2013

    • градиент
    0 votes
    0 answers
21. Вопрос по маштабированию

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

    Asked by soressu, May 13, 2014

    • маштаб
    0 votes
    4 answers
22. Не валидный код, как лучше переделать

    Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...

    Asked by Anna Zharova, June 7, 2014

    0 votes
    4 answers
23. Проблема с -moz-filter: invert

    не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?

    Asked by klon_008, November 7, 2014

    • Проблема с -moz-filter: inver
    • invert
    0 votes
    3 answers
24. Как сделать сетку?

    Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.

    Asked by gummmy, November 25, 2015

    • css
    • сетка
    0 votes
    1 answer
25. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…

    Asked by vvsh, December 26, 2008

    0 votes
    1 answer