HTML Coding

29,542 questions in this forum

1. 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
2. CSS3. Почему только 4 картинки?

   Добрый день. На этом сайте http://format.ufalab.com/сделал слайдер на CSS по примеру http://ruseller.com/lessons.php?id=1475&rub_id=2 . Только в маркированный список вставил не 4 картинки, а 12. Так вот, так же как в примере отображается только 4, причем первая идет 12я. Это прописано где-то в css (по ссылке выше он приведен, а где понять не могу).

   Asked by Volberg, August 15, 2015

   0 votes
   4 answers
3. Индикатор прогресса

   Для создания индикатора прогресса воспользовалась 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
4. адаптивная верстка и рассчет пикселей

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

   Asked by orange_juice, August 13, 2015

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

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

   Asked by Velidan, August 13, 2015

   • граница
   • скролл
   • прокрутка
   0 votes
   10 answers
6. Помогите сделать несколько картинок в background

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

   Asked by labuda, August 13, 2015

   • backround
   0 votes
   4 answers
7. Сдвиг градиента

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

   Asked by Nick16, August 13, 2015

   0 votes
   3 answers
8. Многоуровневое адаптивное меню, какое лучше?

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

   Asked by anvyd, August 13, 2015

   • responsive
   • css
   • jquery
   • navigation
   • multi level menu
   • adaptive
   • html5
   0 votes
   1 answer
9. Объясните пожалуйста. Проблема с сайтом.

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

   Asked by rjj, August 13, 2015

   0 votes
   1 answer
10. ищу наставника

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

    Asked by Dmitrij, August 13, 2015

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

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

    Asked by culver, August 13, 2015

    0 votes
    1 answer
12. Не получается поставить картинку поверх 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
13. Программа, для генерации 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
14. Текст внутри круга

    Всем привет. Вопрос следующего характера. В макете есть текст внутри фигуры - круг. Как сделать так чтобы было обтекание текста внутри круга? Вот что в 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
15. 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
16. Едет верстка в Айфоне

    При добавлении нового сообщения на этой странице - 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
17. Некорректное отображение фона в Опере

    Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте 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
18. Горизонтальная прокрутка (white-space)

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

    Asked by Velidan, August 12, 2015

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

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

    Asked by Rakapudl, August 11, 2015

    0 votes
    3 answers
20. подскажите что не так

    Подскажите, пожалуйста, почему тут http://textdeposit.ru/podat-zayavkuв форме после кнопки Отправить столько места и при нажатии на кнопку бегунок и текст под ней странные?

    Asked by fowl, August 11, 2015

    0 votes
    12 answers
21. возникает пустое место при просмотре в браузере

    Помогите пожалуйста понять что за пустое место 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
22. Едет верстка при добавлении тега <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
23. Автопрокрутка в карусели работает неправильно

    Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html

    Asked by Алёна Стрелкова, August 11, 2015

    • js
    • jquery
    • jcarousel
    0 votes
    2 answers
24. Проблемы с навигацией

    Я столкнулся с проблемой, когда делал навигацию для сайта. Суть в том, что оп не понятной мне причине, при наведении появляется ещё раз border.По пунктам:Нажал на пункт меню > Ссылка активна, рамка снизу активна. Но при hover эффекте на уже активный пункт меню появляется ещё один border. Как его убрать? код на JS:$(document).ready(function(){ var link = window.location.pathname; $('#custom-bootstrap-menu a[href="'+link+'"]').parent().addClass('Active'); });Ну тут понятно, обьяснять не надокод CSS: #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(255, 255, 255,…

    Asked by saha300000, August 10, 2015

    0 votes
    3 answers
25. Десятичные числа

    Проверял вроде работает $yandex_summ = $params->get('yandex_summ','10');$yandex_summ_mm = $yandex_summ + ($yandex_summ/100 * 0.5);$yandex_summ_mm_mm = number_format($yandex_summ_mm, 2);10+(10/100*0,5) = 10,05 100+(100/100*0,5) = 100,5 200+(200/100*0,5) = 201 надо чтобы к yandex_summ прибавлялось 0,5% полученное значение это 100 руб и 50 коп

    Asked by lev99, August 11, 2015

    • php
    0 votes
    4 answers