HTML Coding

29,542 questions in this forum

1. галерея

   Есть ли где готовая галерея с прокруткой (право влево) но она должна быть тонкой полоской (100px) и увеличением картинок по нажатию?

   Asked by impt, July 30, 2015

   0 votes
   6 answers
2. Иконка меню для мобильных устройств (hamburger icon)

   Существует несколько методов вывода иконки навигации(три горизонтальных линии) на сайте кто-то просто вставляет png иконку, кто-то делает с помощью border`a, кто-то использует box-shadow, кто-то градиенты, кто-то svg. кто-то псевдо-элементы. я не сильно силен в этой теме, но понимаю, что мне хотелось бы менять, к примеру, цвет иконки в зависимости от цвета фона шапки, поэтому я хотел бы иметь возможность гибко работать с иконкой. Суть вопроса, кто какой метод использует и какие плюсы/минусы разных методов. п.с. Кто-то подключает иконочный шрифт, вопрос такой, имеет ли смысл грузить мобильный трафик подключением этого шрифта ради 1-2 иконок?? или это не особо влияет на ск…

   Asked by anvyd, August 5, 2015

   • css3
   • mobile
   • navigation
   • menu
   • responsive
   • adaptive
   0 votes
   6 answers
3. Нарезка макета

   Как нарезать такие иконки, если вырезать из без фона, то получиться не то, и с фоном их тоже не вырежешь http://cs610723.vk.me/u252023236/docs/9650dfc1ebfa/dsaasdfdsafmm.png?extra=oCNkf3MfGI-cYh6zq2mFuuM_qlBMdIbejN15hZ2eEJx2b9UxdoWgYaj7OISo52mun2XwbkIG0WTCBT7no4n4DoPVHD4DJJiv

   Asked by Dmitrij, August 8, 2015

   • макет
   0 votes
   6 answers
4. UTF-8 в css

   Как вставить символ ⛳ в css? :after { content: '\e9971'; } не работает...

   Asked by PavelTkachev, August 10, 2015

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

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

   Asked by bumerkz, August 19, 2015

   • html
   • css
   • bootstrap
   0 votes
   6 answers
6. Как это сверстать?

   Недавно открывал топик, где мне подсказали, как найти шрифт по изображению. После непродолжительных дебат с клиентов было решено переверстать полностью весь макет. Шапка слегка замудренная. Поэтому нужен совет, как ее лучше сверстать, чтобы потом можно было сделать ее адаптивной. Никогда не верстал такие шапки. Все, что приходит в голову: прописать для логотипа float: left, для номера телефона и цены float:right, а вот что делать с 2 надписями по середине не знаю.

   Asked by IvanRu08, August 17, 2015

   0 votes
   6 answers
7. Одно правило css перекрывает другое

   Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?

   Asked by websiller, August 20, 2015

   • css
   0 votes
   6 answers
8. Белая полоса на экране страницы

   Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com

   Asked by iolegv, August 22, 2015

   0 votes
   6 answers
9. встраивание картинки в css\html

   Добрый вечер всем, у меня вопрос, как в css одну картинку положить на бэкграунд? Вот у меня есть код бэкграунда body {background-color:#ffecc7;background-size: 100% 100%;background-repeat: no-repeat; } Это у меня фон,он на весь экран но я хочу еще картинку\или некую область определенного цвета которая ляжет поверх этой, но будет меньшего размера. Например я хочу зеленый "квадрат", который будет по центру этого фона, как это сделать?

   Asked by Raunchy, August 24, 2015

   • css\html\background
   0 votes
   6 answers
10. Прыгает сайт на планшете

    Привет всем. Есть сайт http://prodromos.by/ при просмотре на мобильных устройствах (в основном в хроме) сайт прыгает. В чем может быть проблема? Спасибо.

    Asked by pekinessik, September 15, 2015

    0 votes
    6 answers
11. Thumbnail custom для Owl slider

    Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…

    Asked by kattiperk, August 28, 2015

    • owl slider
    • thumbnail slider
    0 votes
    6 answers
12. Не могу отловить, что расширяет страницу за границы экрана

    Привет! Делаю адаптивный вариант сайта, и при маленьких разрешениях (когда контент упирается в границу окна) остается пустая полоска справа (в результате получаем горизонтальный скролл): Гляньте плиз свежим взглядом, что может мешать (на главной странице)? http://apriori.leveler.ru

    Asked by d0ublezer0, September 1, 2015

    0 votes
    6 answers
13. Длинное название работы в элементе галлереи.

    Здравствуйте. Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая? Код элемента галлереи: <style> div.gallery_detail_item {float: left; margin-right: 10px; height: 250px;} div.gallery_detail_works img {height: 150px;} div.gallery_detail_item_name {} div.gallery_detail_item_autor {}</style><div class="gallery_detail_item"> <a href=""> <img src="imgUrl"> </a> <div class="gallery_detail_item_name"> Работа с ну совсем уж очень длинным названием </div> <div class="gallery_detail_item_autor"> <a href="">Денис…

    Asked by denisator, September 7, 2015

    0 votes
    6 answers
14. Посоветуйте слайдер (картинка в теме)

    Нужно делать вот такой слайдер При нажатии на стрелочки или на сами иконки слайдер крутиться, вверху оказывается нужная иконка и соответственно меняется контент в красном квадрате) Видел кто подобное?)

    Asked by Нарек, September 8, 2015

    0 votes
    6 answers
15. Помогите решить как сделать чтобы один chekbox был включен а второй выключался?

    <div class="checkbox_button"> <div class="fiz_face"> <input type="checkbox" id="box_1" > <label for="box_1" class="checkbox-label unchecked-label"></label > <span class="fz_uz_1">Физическое лицо</span> </div> <div class="ur_face"> <input type="checkbox" id="box_2" checked /> <label for="box_2" class="checkbox-label checked-label"></label> <span class="fz_uz_2">Юридические лица</span> </div> </div> .checkbox_button #box_1{ float:left; min-width: 10px; max-height:10px; background: none; } .checkbox_button #box_2{ float:left; min-width: 10px; max-height:10px; background: none; …

    Asked by Fizruk, September 28, 2015

    0 votes
    6 answers
16. В макете сайта не заменяются английские символы - русскими.

    Здравствуйте. Скачал макет сайта и пробовал заменить английские символы на русские - они просто не отображаются. (кроме "client_login", прекрасно заменяется ) Пробовал сделать резиновым тоже не получилось. Помогите кто чем может . Вот архив исходник макета.https://yadi.sk/d/jtIrxEDSjDsQ4

    Asked by bemsohni, September 21, 2015

    0 votes
    6 answers
17. Поставить меню в нужное положение.

    Здравствуйте. Кто подскажет, как разместить меню под картинкой. В моем случае получается внизу страницы. <div id="wrapper"><header> <div id= "logo"><img src= "images/logo.png" alt="Логотип" /></div><nav><ul id="menu"><li><a href="#"><span>Home</span></a></li><li><a href="#"><span>About us</span></a></li><li><a href="#"><span>Our support</span></a></li></ul></nav></header></div> CSS#wrapper {width:1260px;margin:0 auto;}

    Asked by Yeldos, September 23, 2015

    • menu
    0 votes
    6 answers
18. позиционирование блоков относительно фона

    Здравствуйте. нужен совет ,как лучше сверстать. есть полосатая фоновая картинка с горизонтальными полосами. и нужно расположить прямоугольные блоки так чтобы эти блоки по высоте всегда помещались в эти линии. проблема в том что фоновое изображение должно быть резиновое ,поэтому высота полос фонового изображения разная на разных экранах. и блоки адаптивные , т.е не получится обернуть полоску блоков в контейнер и задать им фон, так как количество блоков расположенных в горизонтальной полосе будет меняться в зависимости от размера экрана. посоветуйте ,как справиться с этой задачкой.

    Asked by ishurgaya, September 24, 2015

    0 votes
    6 answers
19. Общие вопросы

    1.Скажите для background font list-type Значение могут идти в любом порядке ? 2. Не могу понять как при помощи line-height можно выравнивать текст. Например высота p 45px почему когда я беру line-height 45px у меня текст выравнивается по середине ? Где находится базовая линия шрифта ? 3. Подскажите хороший бесплатный хостинг для картинок ? 4. У блочной модели можно прописывать margin, padding, position, width, height. У строчной прописывать это нельзя ? Что такое inline-block ?

    Asked by rpmcmerphy, October 1, 2015

    0 votes
    6 answers
20. Подскажите как сверстать

    как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395

    Asked by 0zk, October 6, 2015

    • css
    0 votes
    6 answers
21. Кроссворд на HTML, CSS

    Здравствуйте! Нужен кроссворд на HTML и CSS, JQuery. Подскажите как, что, каким образом делать. Может у кого-нибудь рабочий пример есть?...

    Asked by MePHiSto, October 11, 2015

    • Кроссворд HTML
    • CSS
    0 votes
    6 answers
22. Помогите с позиционированием

    Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…

    Asked by Klaus, October 11, 2015

    • позиционирование
    • css
    • position
    0 votes
    6 answers
23. Справочники по html xhtml и css

    Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти

    Asked by Юрий04, October 16, 2015

    0 votes
    6 answers
24. Верстка скошенных краев или "Вам виски прямые или косые?"

    Я, вообще, не люблю задавать подобные вопросы, но без постороннего совета мне обойтись. Есть такое меню в макете: Вообще, подобные вещи делают через свойство border и разные изыски с шириной этой границы. У меня даже получилось заверстать такую штуку, правда у нее был постоянный цвет фона. Но тут градиент. В связи с этим вопрос, если бы вы были на моем месте, то как бы сделали такую штуку.

    Asked by k0d, October 19, 2015

    0 votes
    6 answers
25. красивое оформление страницы

    Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 1. в папке на сайте есть два файла с картинками 2. хочу выводить рамочку в которой отображается картинка по центру экрана и внизу под картинкой пишется надпись. 3. все должно быть красиво, стильно и радовать глаз Вот что у меня получилось: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…

    Asked by КатеринаЮ, October 26, 2015

    • html
    0 votes
    6 answers