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. Можно ли в товары обрамлять тегом article

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

    Asked by Димитрий,

    0 votes
    2 answers

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

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

    Asked by mstdmstd,

    0 votes
    3 answers

  3. Задание фиксированной высоты блока в две строки

    Здравствуйте! Есть страница с блоками такого плана. Эти блоки размещаются один за одним в ряд. <div class="item" style="width:300px;float:left;"> <div class="item-img"> <img src="" style="height:140px" /> </div> <div class="item-name"> <a href="#">строка текста<a/> </div> <div class="item-params"> <!--html--> </div> <div class="item-buttons"> <!--html--> </div> </div> Ширина блока строго фиксирована. В зависимости от длины текста в теге <a> (блок .item_name) он размещается в одну или в две строки. Из-за этого div'ы, следующ…

    Asked by akerbat,

    0 votes
    3 answers

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

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

    Asked by vadossso,

    0 votes
    2 answers

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

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

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

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

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

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

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

    Asked by Hasiev,

    0 votes
    2 answers

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

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

    Asked by WebNewbe,

    0 votes
    3 answers

  10. Не работает свойство 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

  11. Пагинация в вордпресс

    Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?

    Asked by alejandro13,

    0 votes
    17 answers

  12. Ошибка при нажатии на Cancel

    Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_s…

    Asked by mstdmstd,

    0 votes
    0 answers

  13. Работа с картинкой вида img src="/crops/a7303253abf"

    Постараюсь объяснить проблему коротко и понятно. Необходимо поправить верстку, по-сути, простой div с картинкой внутри. Для того, чтобы сделать что нужно, нужно картинку убрать, и сделать её в виде background-image у div-а. В целом ничего сложного, если бы не одно но: Картинка вставляется через: <img src="<?= ImgHelper::cropImg($new['image'], 800, 400) ?>" alt="" /> В html коде выглядит так: <img src="/crops/a7305823253abf7706a" alt="" /> И отображается нормально. Но если пробую сделать стиль у блока background: url('/crops/a7305823253abf7706a'); Картинка не отображается. Вопрос - как быть? Вариант поправить бек-энд и…

    Asked by WalkWeb,

    0 votes
    2 answers

  14. Верстка на 20% крупнее в ФФ и Хроме

    Открываю psd макет, беру линейку. Измеряю какой-либо элемент, например высоту шапки. Прописываю высоту в пикселях и т.д. Но все едет и кажется огромным. Делаю принтскрин, вставляю поверх psd макета, видно что высота стала гораздо больше, например шапка 400px а в принтскрине уже 500px. От чего так? Изображение браузера стоит 100%, пробовал менять браузер - всеравно крупнее на сайте, чем в макете, хотя высоту прописал точно как в макете. Проверял единицы измерения в фотошопе - все верно Может искажается при принскрине размеры? но проверил по ширине - вместо 1920 - 1900 за счетполосы прокрутки. Так что не могло прям на 100 пикселей пропасть, да и сам реал…

    Asked by nikki4,

    0 votes
    6 answers

  15. Нужна помощь совсем чайнику)

    Не знал куда обратиться и решил написать на этом форуме. Я не верстальщик, но знания по HTML и CSS мне нужны будут в будущем) Вопрос следующий, есть сайт один, надо сменить адрес юрл при нажатие на логотип сайта, так как программиста сейчас нету и какое-то время не будет, мне надо самому разобраться с этим. Я знаю что через хром можно посмотреть как и где нужно искать файл который надо сменить, в моем случаи это сменить юрл адрес при нажатие на логотип. Вот скрин в низу, что приблизительно я хочу сказать) Кто может помочь - буду очень благодарен за совет)

    Asked by Rostyslav,

    0 votes
    1 answer

  16. откуда берется этот отступ?

    https://jsfiddle.net/67j9ntvc/ ожидалось расположение на одной базовой линии, но подпись сползает ниже, как не стараюсь. как только не выкручивался. что я упустил?

    Asked by d0ublezer0,

    0 votes
    7 answers

  17. Как откорректировать или создать сторонний код для подсписки на рассылку

    Добрый день! Ребята!! Очень нужна помощь в написании стороннего кода на сайт для подписания на рассылку. Прежде стоял код, девушка писала его вручную, но там что-то сбилось и сайт начал выдавать ошибку при подписке. Unisender сказал, что ошибка в этом друге... И еще нужно вставить API.. Надеюсь, я корректно описала проблему. Буду безумно благодарна за помощь или наставление) имеющийся код вот: <link href="https://cp.unisender.com/v5/template-editor-new/js/lib/datepicker/pikaday.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="https://cp.unisender.com/v5/template-editor-new/js/lib/moment/moment-with…

    Asked by Diana Taut,

    0 votes
    0 answers

  18. Проблема с добавлением даты в mysql

    Имеется mysql 5.7, php7. таблица с полями fio, boss, office, position, date-u, date-u имеет формат 0000-00-00 Выполняю запрос из php, не добавляет в базу данные mysqli_query($con, "INSERT INTO $table(fio, boss, office, position, date-u) VALUES ('$fio', '$boss', '$office', '$position', 11/11/2012)"); Если без даты, то данные добавляются Если сделать запрос из phpmyadmin, данные добавляются, но дата все равно с нулями. INSERT INTO `users`(`fio`, `boss`, `office`, `position`, `date-u`) VALUES (1,2,3,4, 11/11/2012) Почему дату не добавляет?

    Asked by RK3DNP,

    0 votes
    6 answers

  19. Фронтенд с нуля

    Помогите,кому несложно,объясните,меня на собеседовании спросили, могу ли я с нуля поднять фронтенд под новый проект. Что значит поднять фронтенд? Какие инструменты нужно знать и использовать для этого? Буду Вам очень признательна за любую помощь в данном вопросе.

    Asked by hike,

    0 votes
    6 answers

  20. Проблема просмотра сайта через мобильные устройства.

    Данная страница ужастно отображается на Iphon и Ipad - http://admin.siteboom.ru/login.php# Все тесты оно проходит хорошо.. При уменьшение окна браузера тоже нормально. Не могу понять почему на мобилах так плохо. <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <title>Введите пароль - SiteBoom</title> <link rel="stylesheet" type="text/css" href="style/login.css"/> <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,9…

    Asked by Fly_Lakmey,

    0 votes
    0 answers

  21. Обрезка изображения линиями

    Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …

    Asked by Katerina23,

    0 votes
    10 answers

  22. Как сверстать стрелку на CSS

    Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos

    Asked by Goodman-77,

    0 votes
    6 answers

  23. hover эффект для меню

    То о чем я говорю представлено на скриншоте. Через padding-top по пикселям делал, как-то неудобно получается. Есть ли еще варианты?

    Asked by WebNewbe,

    0 votes
    3 answers

  24. Интересная реализация фона

    Надеюсь, смогу объяснить, чтобы меня поняли: Наткнулся на один сайт (http://sheltertheanimation.com/), на нём есть тег <section>, что используется на сайте. И вот при прокрутке страницы фон этой секции не подвижен, а сами элементы, типо: <h1>, <p> подвижны. У меня просьба и вопрос: Дайте мне ссылку на статью по подобной ситуации, ибо очень заинтересовала, и объясните мне предназначение тега <section>, ведь я мог вместо него использовать тот же самый <div>.

    Asked by ErUnDAK,

    0 votes
    1 answer

  25. Выравиние во Flexbox

    Подскажите, как можно растянуть блоки 2, 3, 4 по высоте блока 1? space-between и align-items не срабатывает. Пример тут:

    Asked by Kolya_YA,

    0 votes
    1 answer
×
×
  • 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