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. Обрезка изображения линиями

    Существует специальная функция которая рисует изображение 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

  2. Сессии и куки

    Когда создаётся куки setcookie("Cookie", "123"); Значение "123" хранится в браузере пользователя и занимает несколько байтов памяти компьютера. Если же создаётся сессия session_start(); $_SESSION['session'] = "456"; То значение "456" хранится на сервере и занимает память сервера верно?

    Asked by aqua.77,

    0 votes
    4 answers

  3. Проблемы с вставкой изображения

    у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…

    Asked by vladimirte,

    0 votes
    1 answer

  4. Как сделать что бы картинка собиралась из разных частей css

    Совсем не понятно как сделать что бы картинки накладывались на сайте друг на друга, но с эфектами css ну так сказать собиралась из разных частей, ну там сначала появляется фон потом человек и дальше солнце. Код вот такой: <html> <head> <link rel="stylesheet" href="animate.css"> <script src="wow.min.js"></script> <script> new WOW().init(); </script> <div style="text-align: center"> </head> <body bgcolor="##006400"> <p><img class= "wow zoomin" data-wow-duration="5s" src="FON_line_1.png" width="80%"><p> <p><img class= "wow zo…

    Asked by Gleb_M,

    0 votes
    4 answers

  5. Проблема выравнивания по центру

    Всем привет. Есть сайт нашей компании созданный на вордпресс. Проблема выравнивания блока по центру. Сам сайт lf.winsys.su, Блок "Наши услуги" Подскажите пожалуйста как исправить, сам особо не шарю в сайтах, попросили исправить на работе Думаю проблема именно в float: left; <style> figure { color: #fff; margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ float: left; /* Блоки выстраиваются по горизонтали */ } figure img { } figure p { margin-bottom: 0; /* Отступ снизу */ } </style> <div class="parent"> <article> <figure> <p>&…

    Asked by Fockus30,

    0 votes
    4 answers

  6. Как тестировать адаптивность в браузере Fire Fox

    Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?

    Asked by tigrus2014,

    0 votes
    3 answers

  7. Регулярные выражения в html

    Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.

    Asked by dupre,

    0 votes
    1 answer

  8. Стилизация input type и его превью

    Мне надо было стилизовать input type, и что бы после загрузки, показалась превьюшка, я искал готовые решения, но они были какие-то очень большие, некоторые даже подключают большой css файл ratchet.css. И я решил написать свой решение, хороший ли это способ? https://jsfiddle.net/w30shtu9/ Скрытый текст <div class="wrap"> <div> <img src="" class="img-circle" id="theImage"> </div> <input type="file" id="photoInput"> <button class="addImg">Доб. Изображение</button> </div> Скрытый текст .wrap {border: 1px solid; width: 500px;} #photoInput { display: no…

    Asked by DivMan,

    0 votes
    2 answers

  9. Резиновые отступы

    Есть в одной строке 4 блока. Первый блок выравнивается по левому краю, последний по правому. Как сделать на css расстояние между всеми блоками одинаковым, причем чтобы оно менялось при изменении разрешения экрана. Все блоки разной ширины.

    Asked by Alex219,

    0 votes
    2 answers

  10. Код CSS не работает

    Написал код точно как в учебнике, но он не работает. В чем причина? Скриншоты прилагаются. Скрытый текст http://prntscr.com/g5xbse Скрытый текст http://prntscr.com/g5xdpg

    Asked by zevs95,

    0 votes
    5 answers

  11. Border-image

    Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,

    Asked by Евгений_SB,

    0 votes
    2 answers

  12. Поддомены в папках основного домена

    Здравствуйте. Пытаюсь реализовать поддомены в папках основного домена и отчасти это получилось. Индексный файл субдомена лежащий в папке subdomain открывается как subdomain.domain.ru переадресация реализована файлом .htaccess, но когда мы создаем в папке subdomain, например папку name с index.php то путь до него получается следующим subdomain.domain.ru/subdomain/name, хотелось бы subdomain.domain.ru/name. Собственно, вопрос в том как убрать этот самый лишний subdomain из адресной строки. Создать отдельную директорию на хостинге под домен не вариант, так как поддоменов будет более 100. Часть htaccess выглядит следующим образом: RewriteCond %{HTTP_HOST} ^www\.(.*)…

    Asked by Dmitriy5023,

    0 votes
    0 answers

  13. Видеоплеер для сайта

    Подскажите как сделать такой-же раздел с видео как в ВК. Чтоб внизу были просто виде при наведении на которые появлялась кнопка плей при нажатии на которую открывался плеер в Фэнси-боксе. А вверху плейлисты при проигрывании которых справа в плеер появлялся список видео в плейлисте. Ато кучу видео просмотрел там только рассказы как свой плеер на HTML5 или JS сделать

    Asked by Brodyaga337,

    0 votes
    0 answers

  14. Подскажите как сделать такой слайдер

    Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо

    Asked by maxi5,

    0 votes
    3 answers

  15. Не выставляется ширина меню

    Как можно растянуть 2ое меню на всю ширину экрана? Сколько пробовал, не выходит. И почему padding-top или margin-top у li или a (2го меню) не выставляется, он заходит за границы 1го меню и ничего не происходит. Может там какой нибудь блок поставить, между ними? Прилагаю фото, что должно получится на выходе, код и ссылку на песочницу(но в песочнице не особо понятно, что происходит). Песочница: https://jsfiddle.net/w4o57kmp/ Фото: https://ibb.co/igORZv Код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Интернет Магазин</title> <link rel="stylesheet" href="css/main.css"> </h…

    Asked by rinatoff,

    0 votes
    2 answers

  16. Как перевести пикселы в rem?

    Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?

    Asked by tigrus2014,

    0 votes
    3 answers

  17. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy,

    0 votes
    0 answers

  18. Как убрать у слайдера фон

    Добрый день, нужно сделать слайдер в шапке сайта. Причем меняется только выделенная красной зоной область, то есть не вся шапка. Как сделать так, чтобы у слайдера не было фона? Должен быть прозрачным как на скриншоте.

    Asked by WebNewbe,

    0 votes
    2 answers

  19. Как выровнять текст прижав к низу diva

    Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…

    Asked by Sunboy,

    0 votes
    5 answers

  20. Выравнивание элементов

    Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?

    Asked by AlexProf,

    0 votes
    15 answers

  21. background-attachment

    https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!

    Asked by torsar,

    0 votes
    3 answers

  22. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

    Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

    Asked by TEO_911,

    0 votes
    1 answer

  23. Почему не работает padding?

    Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребован…

    Asked by tigrus2014,

    0 votes
    2 answers

  24. Максимальная обфускация CSS кода

    Всем привет. На данный момент в проекте столкнулся с таким требованием заказчика: "по возможности обфусцировать СSS код в местах где идет наименование классов и тегов " что бы было что то наподобие: span#span_1 = a; и потом бы это "a" указывалось везде где это необходимо(в html и CSS) вопрос: 1) это реально? (если да - буду благодарен за ссылки на подобные обфускаторы) 2) какие вообще на сегодняшний день самые лучшие обфускаторы HTML + CSS? (или же игра не стоит свечь и не стоит над этим заморачиваться особо?) P.S. Буду благодарен за любые конструктивные советы.

    Asked by Yamaradg,

    0 votes
    1 answer

  25. Перенаселение div'ов или как верстать правильно?

    Я смотрю на современные сайты и их исходный код. Потом я смотрю на то, какой получается верстка, благодаря bootstrap и ему подобных css-фреймворков. И у меня зреет далеко не новый вопрос - как верстать? Чтобы выровнять тот или иной блок, приходится прибегать к тому, что мы плодим бесконечные <div>. Для каждого пишем класс и разрабатываем его в лишних строках CSS. И подключаем еще один CSS с media queries, чтобы все получилось адаптивно... Да, сейчас к нам приходят flex и это здорово! Это как раньше была замена табличной верстки или введение анимаций. Но семантика рушится. Раньше я ориентировался на What Beautiful HTML looks like, но сейчас это далеко не вс…

    Asked by Libiros,

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