HTML Coding

29542 questions in this forum

1. Едет верстка в Айфоне

   При добавлении нового сообщения на этой странице - http://test.ur-pro.ru/chat-page.php едет верстка в iphone(5s ios7), причем на android, windows phone, а так же в шестых айфонах все работает как надо. Для прокрутки области сообщений стоит https://github.com/wieringen/tinyscrollbar . Он изменяет позиционирование блока просто вычисляя его высоту и зная к какой из сторон должен быть прижат блок. В моем случае он прижимает к низу изменяя свойство top. У родительского блока высота задана абсолютным позиционированием и заданными top и bottom. Но почему-то он растягивается вниз при добавлении сообщений. Прошу помочь. У меня к сожалению нет айфона для проверки и нормального т…

   Asked by Zuenf, August 11, 2015

   0 votes
   1 answer
2. Едет верстка при добавлении тега <form></form>

   Всем привет! Столкнулся с довольно необычной проблемой, а именно, когда добавляю тег <form> съезжает меню в шапке. Ладно бы если бы они находились в одном блоке, но они в совершенно разных блоках. Может я что-то проглядел, буду благодарен за помощь! На 1-ом фото как должно быть (без тега <form>) На 2-ом как он есть (с тегом <form>) Вот ссылка на код: https://jsfiddle.net/m84s70n2/(он, естественно, без картинок) Вот ссылка на сам файл: https://yadi.sk/d/Ho1JZJAoiPtbP

   Asked by Sergo Skiller, August 11, 2015

   • form
   • Проблемы
   • Шапка
   • Меню
   0 votes
   0 answers
3. возникает пустое место при просмотре в браузере

   Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …

   Asked by kalmar, August 11, 2015

   • img
   • text
   0 votes
   2 answers
4. Не могу заставить работать скрипт ouibounce

   Доброй ночи.Есть сайт http://clocks2.ru/test/ Поставил скрипт, который должен показывать модальное окно, когда пользователь уводит курсор к табам, чтобы закрыть вкладку. Все настроил, не заливая на хост, работает. Залил - не работает ничего, не пойму в чем проблема... Помогите.. Такое окно должно появляться. И код отвечающий за все это дело внизу "<!-- Ouibounce Modal -->"

   Asked by Rakapudl, August 11, 2015

   0 votes
   3 answers
5. Текст внутри круга

   Всем привет. Вопрос следующего характера. В макете есть текст внутри фигуры - круг. Как сделать так чтобы было обтекание текста внутри круга? Вот что в css. .container_circle{background: #FBFF7D;width: 200px;height: 200px;border-radius: 50%;}.container_circle p{ margin: 0px auto; width: 200px; height: 200px; -webkit-hyphens: auto; -webkit-shape-inside: circle(50%, 50%, 50%); text-align: justify; } Когда же смотрю результат, то круг есть, а текст прямоугольный. Работаю в Adobe DW.

   Asked by Miss_chance93, August 12, 2015

   • shape-inside текст
   • круг
   0 votes
   4 answers
6. Горизонтальная прокрутка (white-space)

   Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…

   Asked by Velidan, August 12, 2015

   • white-space
   • прокрутка горизонтальная
   • высота
   0 votes
   7 answers
7. Некорректное отображение фона в Опере

   Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте http://imghost.vitaliy43.ru в Опере задник выглядит некорректно, переходы между цветами не плавные и незаметные, как в других браузерах, а резкие. Однако тот же самый задник на локальном сайте, под Windows, выглядит абсолютно корректно во всех браузерах. Итак, корректное отображение - Во всех браузерах, кроме Оперы. Некорректное - Только в Опере. Сам фон задается в стилях такой строчкой: background: url(../images/html.png) repeat-y 50% 0 #3B5999; В чем может быть причина такого отображения в Опере?

   Asked by vitaliy43, August 12, 2015

   0 votes
   2 answers
8. rotate jQvery

   Здравствуйте! Помогите пожалуйста! Мне нужно что бы на центр экрана выкатывалось изображение, выезд его я сделал, да и прокрутку тоже, только вопрос как мне ее остановить после того как изображение выкатилось на центр экрана? <!DOCTYPE html><html> <head> <meta charset="utf=8" /> <title>1</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="jquery.min.js"> </script> <script type="text/javascript" src="js/jqueryrotate.2.1.js"></script> </head><body><img src="img/tarel.png" alt="" id="rotateImg" style="position: absolute; top:250px; "/…

   Asked by dimka2311, August 13, 2015

   0 votes
   0 answers
9. Программа, для генерации html кода тэгов <area>

   Здравствуйте, посоветуйте пожалуйста программу. В коде очень много блоков типа: <map name="pic09"><area shape="rect" coords="25,268,128,331" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"><area shape="rect" coords="137,265,237,332" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"></map>в основном таких <area> по 10-15 штук и очень долго запоминать координаты в paint и вписывать их в код. Хотелось …

   Asked by Kostya74, August 13, 2015

   0 votes
   2 answers
10. Не получается поставить картинку поверх checkbox

    Здравствуйте. Посмотрите пожалуйста на код, может сможете помочь. Есть код HTML <div class="checkbox"><input type="radio" value="2" name="option" id="2"/><label for="2">текст</label></div> и CSS .checkbox {position:relative;padding-left:25px;}.checkbox input[type=checkbox], .checkbox input[type=radio] {display:none;}.checkbox label:after {content:'';display:block;height:24px;width:24px;outline:2px solid #939598; position:absolute;top:0;left:0;bottom-radius:5px;outline-radius:50px;}.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after { position:absolute;background:url(images/galka.png…

    Asked by Hatton, August 13, 2015

    0 votes
    3 answers
11. При наличии border-right/left вычесть высоту скроллбара

    Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…

    Asked by Velidan, August 13, 2015

    • граница
    • скролл
    • прокрутка
    0 votes
    10 answers
12. ищу наставника

    Я начинающий верстальщик, ищу наставника вот пример моей работы http://dima.chpmodul.com.ua/ Знаю что таких здесь не любят, хотя по моему это взаимовыгодное предложение. Я могу выполнить за вас часть работы, и расчет за это - знаниями. Но если это никому не интересно, тогда можно просто обсудить цену за час занятия, Обучаюсь я в основном сам, так что занятий будет не много В общем кому интересно пишите в скайп: dm1trij_2

    Asked by Dmitrij, August 13, 2015

    • наставник
    0 votes
    3 answers
13. Насыщенность шрифта в андроид браузере.

    Здравствуйте. код html: <span class="bold">Текст</span> код css: .bold {font-weight:bold;} В стандартном браузере телефона с андроидом текст не отображается жирным шрифтом. Подскажите пожалуйста как это исправить?

    Asked by culver, August 13, 2015

    0 votes
    1 answer
14. Скрипт отправки сообщений с сайта

    Здравствуйте! Подскажите, ну как,наконец, отправить сообщение с сайта? Я имею в виду скрипт, ну не один не работает у меня.((((( Код: <form id="MyForm" action="mail.php" method="post"> <input type="text" name="name" placeholder="Как Вас зовут?"> <input type="email" name="email" placeholder="Ваш e-mail"> <textarea cols="20" rows="7" name="body" placeholder="Напишите сообщение" required></textarea> <input type="submit" value="Отправить" /> </form>А вот и сам скрипт (этот скрипт я скопировала в файл mail.php <?phpif (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}if (isse…

    Asked by Alfa2015, August 16, 2015

    0 votes
    14 answers
15. Объясните пожалуйста. Проблема с сайтом.

    Есть сайт на html, точнее их несколько, решил на всех отредактировать цены, то есть первая цена зачеркнута а рядом цена новая на нескольких в index.html отредактировал сам а вот в других не получается ссылки на те самые цены имеют вид index.html#nazvanie uskugi, собственно вопрос как их отредактировать.

    Asked by rjj, August 13, 2015

    0 votes
    1 answer
16. Помогите сделать несколько картинок в background

    Когда то видел, что на сайте было несколько полупрозрачных блоков. На каждом из них была своя картинка. И картинка при прокрутке не двигалась, то есть когда крутил колесо, страница крутилась а картинка стояла. Ссылки нету, извините. Была бы ссылка сам узнал бы как это делается.

    Asked by labuda, August 13, 2015

    • backround
    0 votes
    4 answers
17. Не срабатывают мета теги

    У меня не срабатывают мета теги ,когда я делаю анализ сайта (http://pr-cy.ru/a/for-droid.ru)мне пишет что не найдено описание в мета тегах ,и вот как выглядит мета тег главной страницы : <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших смартфонов и игр на платформе Андроид"><meta name="Keywords" content="выбор,смартфоны,Андроид,Android,smartphone,игры,приложения,помощь"><title>for-droid.ru выбор только лучших смартфонов и игр </title><link rel="stylesheet" type="text/css" href="style.css"> </head>Подскажите пожалуйста в чем ошибка .Заран…

    Asked by frolmd, August 18, 2015

    • мета
    • теги
    • помощь
    • html
    0 votes
    2 answers
18. reset.css файл, кто какой использует, плюсы\минусы?

    Все (ну или почти все) используют какой то *css файл для сброса стилей или приведения их к одинаковым на всех браузерах. Подскажите какой вы используете. У меня есть файл сброса стилей, что можете сказать по нему, я не специалист, уверен, тут есть ляпы или чего-то не хватает, пожалуйста владеющие темой сделайте замечания. гугл много чего подсказывает, и, например, первый в выдаче идет reset.css Eric Meyer от января 2011 года, подозреваю, что он весьма устарел html{ box-sizing: border-box;}*, *:before, *:after{ box-sizing: inherit;}html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn,…

    Asked by anvyd, August 13, 2015

    • css3reet.css
    • сброс стилей
    0 votes
    25 answers
19. Многоуровневое адаптивное меню, какое лучше?

    Товарищи, перелопатил много менюшек, но не нашел нормального решения ( Требуется многоуровневое меню(2х, 3х-уровневое), адаптивное, скачал одно, разобрался, но на планшете и в телефоне глючит и заедает, другое так же, может есть какое то готовое хорошее решение?

    Asked by anvyd, August 13, 2015

    • responsive
    • css
    • jquery
    • navigation
    • multi level menu
    • adaptive
    • html5
    0 votes
    1 answer
20. адаптивная верстка и рассчет пикселей

    Добрый вечер Решил заполнить пробел в своих знаниях о адаптивной верстке - сверстал простенький макет под 1024/980/640/320 px ширины - на мониторе, что на работе, тестировал, уменьшая размер окна при открытом инспекторе, в Chrome - изменения происходят в тех точках, что и нужно - а вот дома решил протестировать - и изменения происходят, если верить инспектору, совсем не в тех точках ширины - то есть они происходят последовательно, при уменьшении/увеличении масштаба, но не так, как хотелось бы. К примеру, изменение вида при переходе на ширину 640px происходит где-то в точке 450px. Есть предположение, что это из-за разных мониторов и разрешений - но точно не знаю. На работе…

    Asked by orange_juice, August 13, 2015

    0 votes
    2 answers
21. figure внутри a

    Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …

    Asked by anvyd, August 14, 2015

    • html5
    • tags
    • figure
    • link
    • responsive
    0 votes
    5 answers
22. Сдвиг градиента

    http://codepen.io/anon/pen/mJgxLZ Доброго времени суток. Никак не могу понять, почему съезжает градиент в правом нижнем углу, Margin'ов и padding'ов нет, других идей о причине этого нет. Объясните пожалуйста. И каким образом сдвинуть текст выше этого градиента ниже? Опять же на маржин не реагирует по неизвестным мне причинам. Если вопросы глупые, прошу прощения, но уже не знаю, что и придумать.

    Asked by Nick16, August 13, 2015

    0 votes
    3 answers
23. Путь к росту, заработку.

    Доброго здравия всем. Скажите, изучены основы HTML, CSS, Javasript. Но вот научится по настоящему и освоить все это можно только из практики. Скажите где и как практиковались, может можно найти ресурс, где даются задания для начинающих мастеров, чтобы набить руку, или мелкие заказы, где можно и еще чуть -чуть подзаработать. Спасибо.

    Asked by bumerkz, August 19, 2015

    • html
    • css
    • bootstrap
    0 votes
    6 answers
24. Индикатор прогресса

    Для создания индикатора прогресса воспользовалась JQuery UI Progressbar (https://jqueryui.com/progressbar/) Вот, что получилось: Вроде бы отлично, НО нужно чтобы заполнение у индикаторов было разное. Но изменить не знаю как, запрограммировано на один цвет. Может, сюда нужно что добавить? $(function() { $( ".progressbar-1" ).progressbar({ value: 90 }); $( ".progressbar-2" ).progressbar({ value: 85 }); $( ".progressbar-3" ).progressbar({ value: 80 }); });P.S. Если будут предложения сделать индикатор средствами CSS, то это будет сделано после того, если не найдется решение для данного варианта...))) Спасибо.

    Asked by Alfa2015, August 14, 2015

    0 votes
    2 answers
25. Плавная прокрутка блоков

    Здравствуйте! Вот, пример сайта: http://fb7968tp.bget.ru/ 1. Подскажите, почему не работает плавная прокрутка блоков до якоря..что не так? скрипт: $(document).ready(function() { $(".nav li a").click(function() { elementClick=$(this).attr("href"); destination=$(elementClick).offset().top; $("body,html").animate({scrollTop:destination-58}, 900); }); });2 Подскажите, как сделать, чтобы при прокрутке до определенного якоря пункт меню становился активным? Спасибо.

    Asked by Alfa2015, August 15, 2015

    0 votes
    7 answers