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

29,542 questions in this forum

  1. Пространство между блоками

    Здравствуйте, я столкнулся с проблемой. Это белое пространство между header center footer, подскажите как убрать? (P.S Начинающий веб-разработчик, учиться начал 2 недели назад) index.html style.css

    Asked by MegaZalupas,

    0 votes
    3 answers

  2. Сохранение данных на странице

    Всех приветствую! Друзья, сразу признаюсь, что я полный нуб, но не лентяй. Имеется простейшая задачка. На странице одно поле для ввода, значение которого попадает чуть ниже. Необходимо это значение сохранять на странице после нажатия кнопки. <html> <head> <title>Just4Test</title> </head> <body> Число2: <input id="number1"> <button id="save">Сохранить</button> <hr> <div id="result"></div> <script> function saveit() { var num = document.getElementById('number1').value; var html = 'Число1: 90' + '<br>' + 'Число2: ' + num + '<br>' + 'Число3: 105'; docum…

    Asked by The_Immortal,

    0 votes
    4 answers

  3. Границы HTML документа

    Доброго времени суток. Хотелось бы по интересоваться у более опытных людей как правильно настроить границы html документа Скрытый текст Красной рамкой отметил поле которое не могу убрать сам body и head идут до этой рамки не знаю что делать 2 дня бьюся с этой ерундой подскажите как сделать? все независимо от масштабирования. ссылка:тык

    Asked by Sapport,

    0 votes
    2 answers

  4. Ищу наставника.

    Здравствуйте дорогие друзья! Я очень часто задаюсь вопросом что должен знать начинающий верстальщик? с чего начать и в каком направлении двигаться? Для начало я сам стал учить HTML и CSS, разбираюсь в них я, ну не скажу, что на уровне профессионала, но понимать коды и писать их я могу. Сейчас же я в "тупике", не знаю что дальше мне делать и какие вещи мне еще следует изучить. А самое главное мне не хватает практики. Вот и хотелось бы иметь наставника, чтобы он правильно мне посоветовал что и как делать. Надеюсь найдется желающий помочь)

    Asked by Muhammed,

    0 votes
    4 answers

  5. Почему apple подключает eot шрифты отдельно ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…

    Asked by Димитрий,

    0 votes
    0 answers

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

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

    Asked by cyklop77,

    0 votes
    2 answers

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

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

    Asked by korifa,

    0 votes
    3 answers

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

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

    Asked by Vessel,

    0 votes
    22 answers

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

    Доброго всем дня Прошу помочь с адаптивной вёрсткой трёх блоков. Код такой: <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

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

    Есть такой 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

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

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

    Asked by Димитрий,

    0 votes
    0 answers

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

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

    Asked by kirillov,

    0 votes
    4 answers

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

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

    Asked by Димитрий,

    0 votes
    2 answers

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

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 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

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

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

    Asked by ErUnDAK,

    0 votes
    3 answers

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

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

    Asked by mstdmstd,

    0 votes
    3 answers

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

    Всем привет. Недавно я самостоятельно сверстал макет и хотелось бы услышать мнение опытных верстальщиков. Приму и учту любой совет и критику. Ссылка на скачивание файлов: 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

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

    Здравствуйте! Имеется сайт, на котором хочу сделать шапку, но столкнулся с такой проблемой. Код страницы (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

  19. В хроме не срабатываеет медиа-запрос при экране менее 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

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

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

    Asked by vadossso,

    0 votes
    2 answers

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

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

    Asked by Hasiev,

    0 votes
    2 answers

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

    Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой <!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

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

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

    Asked by Highlander,

    0 votes
    7 answers

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

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

    Asked by adrk00,

    0 votes
    22 answers

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

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

    Asked by WebNewbe,

    0 votes
    3 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