Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Не работает свойство transition при клике на меню

    Привет! Подскажите пожалуйста, есть мобильное меню работающее по клику, хочу использовать свойство transition чтобы изменить скорость отображения меню но не получается Демо 1 Демо онлайн там используется jquery для отображения меню $(".mob-menu").click(function(){ $(this).toggleClass("open"); // transform mobile menu icon to X $(".nav-left,.wrapper,.header").toggleClass("openleft"); }); я пробую добавить css эффект transition но не работает, в чем может быть проблема? .nav-left.openleft,.wrapper.openleft,.openleft{ -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition:all 2s; }

    Asked by alex252003,

    0 votes
    2 answers

  2. Как реализовать подобную секцию?

    Подскажите как правильно такое нарисовать? Может быть canvas? Пробовал на нем, но линия какая-то размытая получается и не знаю как в произвольных точках этой кривой рисовать круги Возможно за это отвечает какой-нибудь jquery плагин? Вот скриншот http://www.fotolink.su/v.php?id=03b5a0c45dd734ab866094f13307e8a5

    Asked by WebNewbe,

    0 votes
    3 answers

  3. Онлайн сервис калькуляторов или расчетов

    Добрый день! У меня есть сайт где продаем различные строительные материалы. Сейчас там таблицы с перечнем услуг и примерными ценами и как правило клиенты звонят что-бы уточнить что-то, найти. Это очень отнимает времени. Решили как-то автоматизировать дело, чтобы все расчеты, выбор материалов, комплектующие клиент смог выбрать и ему тут же отобразилась нужная цена. У фрилансеров поспрашивал, выходит очень дорого и много делать. Может есть ли какие-нибудь вообще сервисы онлайн для создания калькуляторов или расчетов. Чтобы я мог пусть и не самостоятельно, с чей нибудь помощью на первое время, попробовать создать то что мне нужно?

    Asked by adrk00,

    0 votes
    22 answers

  4. Анимация кнопки через animation

    Подскажите кто сталкивался с анимированием эффекта нажатия через animation? Через transition понятно как, но вот тут http://landing-animation.powercode.pro/ верхние правые кнопки уж очень приятно выглядят, пробовал повторить через инспектор, но безуспешно. Или где-то ошибаюсь или есть какая-то особенность. Спасибо.

    Asked by Highlander,

    0 votes
    7 answers

  5. Помогите новичку

    Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Новости обо всем</title> <link href="css/style2.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id"logo"> Имя </div> <div id="menuHead"> О нас </div> <div id"regAuth"> Войти Зарегистрироватьс…

    Asked by MracoBess,

    0 votes
    3 answers

  6. Экранирование кавычек в sass

    Как это сделать? В лесс можно поставить тильду и кавычки .. А тут как быть? Вот так, в sass-е не работает .. Без скобок тоже не будет работать, т.к там есть двоеточие. $tablet-width: (min-width: 750px); .main-header { width: 100px; height: 100px; @media $tablet-width { } }

    Asked by Hasiev,

    0 votes
    2 answers

  7. Проблема с вёрсткой шапки

    Здравствуйте! Имеется сайт, на котором хочу сделать шапку, но столкнулся с такой проблемой. Код страницы (header и есть сама шапка) Скрытый текст <!DOCTYPE html> <html> <head> <title>NormalGame Project</title> <meta charset="UTF-8"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script> <link rel="stylesheet" href="style/main.css"> <link rel="icon" href="favicon.ico" type="image/x-icon"> </head> <body> <header> <div id="logo"> <a href="h…

    Asked by 666FoX666,

    0 votes
    2 answers

  8. Как установить постоянную ширину контента?

    Всем привет! Пытался сверстать данный макет. Я прописал для центрирования div.contanier { width: 1150px; margin: 0 auto } И вместе с этим моя картинка сузилась до 1150px(красной обводки) , как установить ширину картинки на полный экран?

    Asked by vadossso,

    0 votes
    2 answers

  9. В хроме не срабатываеет медиа-запрос при экране менее 784 (решено)

    Страница: http://seositi.ru/ в мобильной версии разделы сайта должны быть во всю ширину. @media only screen and (max-width: 479px) { *** .site-categories ul li { float: left; display: table; width: 96%; margin: 0 1% 20px; padding: 10px 1%; // border-radius: 5px; height: 100px; max-height: 100px; } *** } в лисе и Яб-е, все ок. а в хроме почему-то не срабатывает @media only screen and (max-width: 479px) { и применяется прежний стиль, а именно only screen and (max-width: 991px) and (min-width: 768px) Попытался выяснить в чем дело: Полностью очистил файл respo…

    Asked by nikki4,

    0 votes
    0 answers

  10. Оцените вёрстку

    Всем привет. Недавно я самостоятельно сверстал макет и хотелось бы услышать мнение опытных верстальщиков. Приму и учту любой совет и критику. Ссылка на скачивание файлов: https://drive.google.com/drive/folders/0B4tKSvnDdweseFpjbERpUnVJcHM?usp=sharing <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"> </head> <body> <header> <div class="container"> <div class="heading clearfix"> <div…

    Asked by JDuck,

    0 votes
    0 answers

  11. Ищу аналог deviceponsive.com

    Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  12. Порекомендуйте видео по bootstrap 3

    Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.

    Asked by ErUnDAK,

    0 votes
    3 answers

  13. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars,

    0 votes
    3 answers

  14. Можно ли в товары обрамлять тегом article

    Здравствуйте. Знаю что тег артикл нужно обрамлять если содержание внутри может существовать сам по себе, и у меня возник такой вопрос: Можно ли в товары обрамлять тегом article, как бы они могут существовать отдельно или нет ?

    Asked by Димитрий,

    0 votes
    2 answers

  15. Как склеить ячейки в таблице из div?

    <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…

    Asked by Rinat,

    0 votes
    1 answer

  16. Не вводится текст в поле ввода

    Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.

    Asked by kirillov,

    0 votes
    4 answers

  17. Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ? 

    Начал изучать 3 пункт спецификации, а именно "семантику", и возник такой вопрос: Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ?

    Asked by Димитрий,

    0 votes
    0 answers

  18. Ошибка на сайте

    Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз

    Asked by korifa,

    0 votes
    3 answers

  19. Подскажите селектор

    Есть такой html: <div class="cards" > <div class="slide">menu</div> <input type="checkbox" id="toggle"> </div> Нужно при нажатии на чекбокс, чтобы к корневому div'у (у которого class==cards) применялся css. input[type=checkbox]:checked selector { color: red; } Можно ли такое, подскажите какой селектор?

    Asked by torsar,

    0 votes
    6 answers

  20. Изменение порядка блоков

    Доброго всем дня Прошу помочь с адаптивной вёрсткой трёх блоков. Код такой: <div class="main-content"> <div class="left-sidebar">левый сайдбар</div> <div class="content">центральный блок</div> <div class="right-sidebar">правый сайдбар</div> </div> .content, .left-sidebar { float: left; } .right-sidebar { float: right; } На полной версии (>1000px) это выглядит так: А на меньших разрешениях должно быть так: Никак не могу сообразить, как заставить их поменяться местами.

    Asked by MAzZY,

    0 votes
    5 answers

  21. Не отображается background-image

    Вопрос такой: указываю див'y : background-image: url(img/header.png) no-repeat; Картинка не появляется. Стоит указать width и height так сразу появляется. Еще указываю размер картинки, но почему не показывает. Стоит указать на 10px больше высоту, так сразу появляется. Вопрос: обязательно ли всегда указывать размер картинки, если да, то во всех же браузерах по-разному будет отображаться?

    Asked by Ars,

    0 votes
    5 answers

  22. <button> отправить форму и остаться на странице

    Подскажите решение, пожалуйста. Есть среди ответов форума вариант onclick="window.open('https://myurl')" но будет ли это валидно в моём случае?

    Asked by seemax,

    0 votes
    3 answers

  23. Сложная таблица

    В макете попалась сложная секция, с которой мучаюсь 2 день, не могу сам справится. .. Подразумеваю что это таблица. Вот так выглядит на мобильниках (слайдер): Скрытый текст Вот так на десктопах: Скрытый текст Как ее перестраивать? Как верстать, сначала на блоках, потом на css таблицах? То что я пытался сделать, выходит очень мудрено ..

    Asked by Hasiev,

    0 votes
    10 answers

  24. Ноутбук для вёрстки

    Добрый день. Кто верстает на ноутбуке, подскажите пожалуйста, как обстоит дело с удобством. Возникла необходимость поработать удаленно, но еще ни разу не сталкивался с вёрсткой на ноутбуке. Планирую покупать ноут с самым большим разрешением и самым большим экраном. Как верстаются сайты с разрешением в 1920px и более? Насколько вообще большая разница со стационарным компом с хорошим монитором? Не уверен, что правильно выбрал раздел. Если ошибся, перекиньте тему пожалуйста в нужный раздел.

    Asked by Vessel,

    0 votes
    22 answers

  25. последователный выбор адреса

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

    Asked by cyklop77,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept