HTML Coding

29,542 questions in this forum

1. Отображение шрифтов в IE

   Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.

   Asked by Vlad_P, August 23, 2016

   0 votes
   5 answers
2. Связанные поля jQuery Validation Plugin

   Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel". Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам. Сама форма вот https://jsfiddle.net/1h34vy1r/

   Asked by Shiza, August 27, 2016

   • валидация
   • jquery validation plugin
   • форма
   0 votes
   5 answers
3. Что выбрать веб или mobile (мой случай)?

   На данный момент неплохо разбираюсь в вебе. Знаю html, css, php, mysql, javascript, jquery. Могу сделать интернет магазин, статейный сайт, также похожий сайт на этот :-) Но мне также хотелось бы создавать приложения под Android, но для этого мне нужно учиться примерно 2-3 месяца + потом годы практики (я в вебе уже 3 года). Прошу, дайте дельный совет, что выбрать оставить веб и начать учить java + android ~ 6-10 мес или стать относительно профи в php и потом перейти на android? P.S. Приветствуются адекватный ответы, которые помогут новичку )

   Asked by andrdov, August 27, 2016

   • веб
   • mobile
   0 votes
   5 answers
4. отправка почты методом post

   Здравствуйте о виликие гуру помогите навичку существуют такая форма отправки: <div class="contact-form-wrapper"> <form action="contact/mail.php" method="post" id="contact-form"> <div class="row"> <div class="col-sm-6"> <div class="form-group"> <input type="text" id="contact-name" name="contact-name" placeholder="Имя*" required /> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input type="email" id="contact-email" name="contact-email" placeholder="Email*" required /> </div…

   Asked by Seregka174, August 29, 2016

   • отпрвкапочта
   • php
   • post
   0 votes
   5 answers
5. Увеличение картинки по клику средствами CSS.

   Здравствуйте. Нашел в сети стиль для увеличения картинки по клику. Всё бы хорошо, но при наведении мыши на миниатюру, курсор не слушается команды: cursor: pointer; , отображается стрелка. Зато когда картинка увеличилась, отображается курсор: cursor: zoom-out; Так же не получается сделать рамку и тень вокруг увеличившейся картинки, использую такие команды: box-shadow: 3px 3px 5px rgba(0,0,0,0.5); border: solid 1px rgba(210,210,210,.4); Вот полный текст стиля: img.foto_smal-big { cursor: pointer; border: none; /* Убираем рамку */ margin-top: 0; margin-bottom: 10px; margin-left: 15px; margin-right: 15px; float: l…

   Asked by Kompilator, September 5, 2016

   • css
   0 votes
   5 answers
6. Стилизация <textarea>

   Здравствуйте! Имеется textarea - https://jsfiddle.net/f7xx5ewb/ По умолчанию у нее есть ресайз и при более чем двух строках текста (это прописано в атрибуте) появляется скролл. Подскажите, пожалуйста, как сделать так, что бы ничего не появлялось, а просто с каждой строкой опускался бордер textarea - так, как на картинке. Заранее благодарю за помощь!

   Asked by volshebnyi, September 13, 2016

   0 votes
   5 answers
7. Маркер строки в виде точек от текста до цены

   Как сделать вот такой элемент адаптивным?Что бы часть точек при уменьшении экрана пропадали?

   Asked by Konstantin99, September 15, 2016

   0 votes
   5 answers
8. Сложные кнопки на css.

   Как сверстать кнопки с такими декоратиными элементами сверху/снизу (см. скрин). Подозреваю, что через псевдоэлементы, но я знаю только как сделать это в виде треугольников. Есть ли возможность сделать это в виде кривой, как на скрине? https://www.dropbox.com/s/8x15uim5fzrcpo9/Screenshot 2016-09-19 22.52.44.png?dl=0

   Asked by cat, September 19, 2016

   • css
   0 votes
   5 answers
9. Слайдер для одного блока

   Здравствуйте, коллеги! Есть задача. Точнее, таблица с тарифами. На каждом столбце отделный тариф. На планшете и десктопе отображаеться нормально. На мобильном эта таблица должен преврашаться в слайдер с dot а(элемент управления) ми внизу. И каждый столбец(Тариф) должен показаться отдельно в соответсвие dot ами. Тоесть, та же таблица должен передвинуться налево или направо чтобы показать конкреткный "кусок". Как можно вот этот функционал реализовать? Спасибо.

   Asked by parnas, September 25, 2016

   0 votes
   5 answers
10. Спойлер без лишних блоков и затуманивание

    Доброго времени суток. Возникла проблема, мне надо сделать спойлер, без лишнего блока, т.е. без разбиения текста на анонс и основную информацию. Смогла сделать только через ховером... а надо бы по клику >< И почему-то затуманивание не получается в месте обрезки сделать (если делаю через скрипт с разными блоками получается...) https://jsfiddle.net/p6dczm5k/2/ Спасибо )

    Asked by Mary_RND, October 4, 2016

    • css
    • html
    0 votes
    5 answers
11. Как тестировать верстку?

    Какие хорошие сервисы есть для тестирования верстки для разный устройств и операционных систем, если у меня как у большинства людей есть только пк на виндовсе особенно интересно есть ли хорошие средвства для тестирования на Мак ОС и Айфон я знаю очень хороший сервис BrowserStack, но он стоит столько, что на эти деньги можно айфон в кредит купить

    Asked by Dmitrij, October 8, 2016

    • тестирование
    0 votes
    5 answers
12. Как скрывать/показывать поле в зависимости от выбранного в списке?

    есть обычный список, и пару текстовых полей. Как делается так, что при выборе "красного" автоматически активируется поле куда надо ввести что-то красное, а поле для зеленого - скрыто. как только выбирается зеленый цвет, то красное поле пропадает, и предлагают ввести зеленое <select name="color"> <option value="red" >красный/option> <option value="green">зеленый</option> </select> <input type="text" name="red_color" value="введите что-то красное" /> <input type="text" name="green_color" value="введите что-то зеленое" />

    Asked by nikki4, October 11, 2016

    0 votes
    5 answers
13. Реализация с помощью CSS

    Доброго времени суток форумчане, хотел узнать можно ли реализовать данную функцию с помощью css?Если да, то как?

    Asked by KamZed, October 25, 2016

    • css
    0 votes
    5 answers
14. как button открыть, как ссылку правой кнопкой мыши

    Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний

    Asked by ahhelena, November 3, 2016

    • html
    • button
    0 votes
    5 answers
15. Не работает модальное окно!!! НЕ ПОЙМУ!!!

    Доброго времени суток! Проблема: не работает модальное окно. Т.е при нажатии на ссылку ничего не происходит. Кнопка есть, подключенный файл со скриптом есть. Jquery подключен. Ссылка связана с блоком, который должен всплывать. сделал все по инструкции. Я не профи но вроде немного разбираюсь. Я уже все глаза высмотрел!!! В чем дело не пойму. Делал по этой инструкции: http://dbmast.ru/modalnoe-okno-s-pomoshhyu-css-i-jquery Выложил код в Jsfiddle. Прошу подскажите в чем может дело! https://jsfiddle.net/#&togetherjs=sVlwnJV0mM

    Asked by lavrentyev, November 10, 2016

    • модальное окно всплывающее окно
    0 votes
    5 answers
16. photoshop, работа с psd - макетом, нужен учебник

    Сабж На русском

    Asked by torsar, November 11, 2016

    0 votes
    5 answers
17. Прилегание текста под картинкой.

    Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:

    Asked by Bleki, November 12, 2016

    • float
    • align
    0 votes
    5 answers
18. Вырезать определенную часть картинки

    Сидя на просторах интернета в поисках интересного макета попрактиковаться наткнулся на один, но столкнулся с проблемой. Каким образом можно установить эту картинку поверх блока с фоном? Имею в виду картинку справа, отделенной как бы кривой линиией? Имею в виду не просто вырезать её из псдшника в формате .png, а оформить какими-нибудь CSS свойствами

    Asked by Vibe, November 14, 2016

    0 votes
    5 answers
19. При нажатии на изображение открывается галерея

    Добрый день! Подобрал для портфолио отличный шаблон (Massive - Responsive Multi-Purpose HTML5 Template). Тут и огромное количество вариантов страниц, и бутстрап, и адаптивность и все-все-все. Итак, в нем, помимо прочего, есть отличный вариант вывода Портфолио (3 и 7 изображение): http://massive.markup.themebucket.net/portfolio-4-fullwidth.html Нажимаешь на изображение, открывается Lightbox галерея. Вот только мне категорически не нравится, что там присутствует какой-то слайдер, который перелистывает превьюшки... Подскажите, пожалуйста, как убрать это перелистывание, чтобы осталось только изображение, а при клике во всплывающем окне открывалась галерея. Зар…

    Asked by dron, November 14, 2016

    0 votes
    5 answers
20. Прикрепить footer в Bootstrap

    Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

    Asked by P0jar, November 19, 2016

    0 votes
    5 answers
21. Современный тренды верстки

    Привет! Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу. За это время утекло много воды. Активно развивается html5 и css3. Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй. 1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position. На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения? 2. Использование различных библиотек и фремймворков, например Bootstrap? Надо ли их внедрять в работу? Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же... …

    Asked by sc@r@bey, November 24, 2016

    0 votes
    5 answers
22. Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?

    .down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…

    Asked by Atljh0987, November 25, 2016

    0 votes
    5 answers
23. Как сделать, что бы социальные сети были под картинкой?

    Как сделать социальные сети под картинкой? Больше на картинке будет понятней! И, чтоб они были на правой стороне как на картинке? код вот!

    Asked by incub, November 29, 2016

    • html
    • css
    0 votes
    5 answers
24. Резиновые шрифты при inline-block и *font-size: 0

    Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?

    Asked by Goodman-77, November 30, 2016

    • inline-block
    • font-size: 0
    0 votes
    5 answers
25. Какое преимущество на чистом css?

    Есть ли смысл заморачиваться на создания разных фишек типа: слайдеры, модульные окна, выплывающее меню и других интересных фишек которые можно сделать на JS. Просто сделать даже простой слайдер на чистом CSS так утомительно, нужно проводить кучу вычислений чтобы кадры гармонично анимировались и т.д.

    Asked by aqua.77, December 2, 2016

    0 votes
    5 answers