HTML Coding

29542 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. Сдвиг градиента

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

   Asked by Nick16, August 13, 2015

   0 votes
   3 answers
3. адаптивная верстка и рассчет пикселей

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

   Asked by orange_juice, August 13, 2015

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

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

   Asked by anvyd, August 13, 2015

   • responsive
   • css
   • jquery
   • navigation
   • multi level menu
   • adaptive
   • html5
   0 votes
   1 answer
5. 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
6. Помогите сделать несколько картинок в background

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

   Asked by labuda, August 13, 2015

   • backround
   0 votes
   4 answers
7. Объясните пожалуйста. Проблема с сайтом.

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

   Asked by rjj, August 13, 2015

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

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

   Asked by Dmitrij, August 13, 2015

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

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

   Asked by culver, August 13, 2015

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

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

    Asked by Velidan, August 13, 2015

    • граница
    • скролл
    • прокрутка
    0 votes
    10 answers
11. Не получается поставить картинку поверх 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
12. Программа, для генерации 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
13. 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
14. Некорректное отображение фона в Опере

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

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

    Asked by Velidan, August 12, 2015

    • white-space
    • прокрутка горизонтальная
    • высота
    0 votes
    7 answers
16. Текст внутри круга

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

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

    Asked by Rakapudl, August 11, 2015

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

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

    При добавлении нового сообщения на этой странице - 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
21. Автопрокрутка в карусели работает неправильно

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

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

    • js
    • jquery
    • jcarousel
    0 votes
    2 answers
22. подскажите что не так

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

    Asked by fowl, August 11, 2015

    0 votes
    12 answers
23. Десятичные числа

    Проверял вроде работает $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
24. Проблемы с flex в Safari

    Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title&gt…

    Asked by Nikita_Barinov, August 10, 2015

    • flex
    • css
    • html
    • верстка
    • safari
    0 votes
    16 answers
25. Наложение Div-ов

    Доброе врем суток! Столкнулся с такой проблемой. При переходе на новую строку, идет наложение картинки на картинку. Картинка кстати, при наведении меняется на другу. Код кину ниже. Как видно, вверху картинки ложатся друг на друга. Пытался сделать все что в голову пришло, ничего не получилось. А вот что нужно сделать: <!DOCTYPE html Version-1.0><html> <head> <title>Сотрудники</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style-employees.css"> <link rel="stylesheet" type="text/css" href="style-media-screen.css"> </head> <body> <div class="Employees-Box-Block"> …

    Asked by sergey-starostenko, August 10, 2015

    • div
    0 votes
    1 answer