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. Привязка заголовка таблицы к ее основной части при скроллинге и уменьшении разрешения браузера

    https://jsfiddle.net/alex_romanov/e1La6tso/#&togetherjs=CiDcpQS5Sd Как привязать заголовок таблицы к ее основной части при скроллинге и уменьшении разрешения браузера При уменьшении появляются 2 скроллинга, как и задумано, так как таблицы в основном большие, но уменьшается до определенного момента, а затем заголовок фиксируется, а информационная часть уменьшается в свою область. Как это можно исправить? Пытался придумать и для адаптации размеры ширины, но ничего не получается, подскажите что исправить.

    Asked by sky-sky,

    0 votes
    2 answers

  2. Как в herf добавить переменную?

    Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Переход</title> <script> function someFunc(){ alert(document.getElementById("quantity").value); } document.getElementById("doc").onclick = someFunc; var link = document.getElementById("doc").value; </…

    Asked by pug1n,

    0 votes
    1 answer

  3. display: none не работает на хостинге

    Здравствуйте! http://nds.nika-llc.pw/ Проблема следующая. Друг попросил адаптировать под мобильные устройства сайт. Все работает, НО: На главной странице есть заголовок, который масштабируется. И на маленьком экране просто исчезает. Я решил сделать просто: сделать скриншот экрана и добавить его вместо текста, который не получается масштабировать. Логика такая: на большом экране текст работает, видео фоном тоже. На маленьком экране видео и текст отключаются (display: none), и вместо них включается изображение (скриншот) текста вместе с фоном. Работает на опере, на хроме почему-то нет. Я уже голову сломал, не понимаю. У кого есть какие мысли? <div i…

    Asked by set34,

    0 votes
    0 answers

  4. border с пробелом

    Доброго времени суток, как можно осуществить данную проблему? Как показано на картинке, в бордере имеется пространство которое заполнено иконкой, как именно сделать такое пространство?

    Asked by dsljkeee,

    0 votes
    3 answers

  5. Врестка квадрата и заголовка

    Здравствуйте! Помоги пожалуйста решить проблему с небольшим куском верстки :) Пример на картинке. Я не могу понять, как свертать так, чтобы правая часть границы квадрата не перекрывала заголовок. При этом если заголовок из 1,2,3 строк то квадрат так же подстраивается и растягивается по высоте. Есть у кого идеи, как можно это реализовать?

    Asked by Akkord87,

    0 votes
    2 answers

  6. Загрузить свой сайт бесплатно!

    Народ, я мож. туплю по жизни, но!... Лет 15 назад я на Народе регил свой сайт. Заливал свои файлики (index.html и проч.) Сейчас там какое-то гумно типа uCoz... Я вообще ничего не понял: создал сайт с помощью конструктора. Они мне тут же прикрутили какое-то новостное порево и что делать дальше - я не знаю. Дочке показать сайт, где кто-то кого-то тру-ля-ла я, естественно, не могу. Короче, хочется по-старинке создать свой сайт (несколько связанных между собой html-страничек) ручками и где-то его бесплатно разместить. Вот я сижу и не понимаю, можно ли на сегодняшний день это сделать?! "Где тут, братцы, синагога? Подскажите, как пройти!.." (Галич)

    Asked by AntiKvazaR,

    0 votes
    6 answers

  7. Помогите , не могу найти как сделай всплывающее окно

    Доброго всем времени суток, нужна ваша помощь . Нужно сделать небольшое всплывающее окно на лэндинг которое показывает сообщения типа "Сейчас марина купила товара на сумму ххх " или "Осталось товара по акции;5шт" , по ссылке пример. Желательно сделать 1в1 . всех благодарю за помощь !

    Asked by umid99,

    0 votes
    0 answers

  8. Проблема с использованием псевдоклассов (в частности :last-child)

    Здравствуйте! Возникла проблема с "версткой" шапки. Имею следующий код: HTML: Скрытый текст <header> <a class="logo-text" href="#">Лого</a> <nav> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> </ul> </nav> <ul class="nav-profile"> <li><a href="#">Войти</a></li> <li><a href="#">Зарегистрироваться</a></li> </ul> </header> CSS: Скрытый текст * { margin: 0;…

    Asked by 666FoX666,

    0 votes
    3 answers

  9. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang,

    0 votes
    16 answers

  10. Стилизация нумерованного списка с вложенным маркированным списком

    Здравствуйте. Как сделать, чтобы нумерованный список сохранял последовательность нумерации при условии, что внутри него вложен маркированный список? На прикрепленном изображение видно, что нумерованный список после 2 продолжает с 6, вместо 3. Во всех остальных вариациях вложенности списков все нормально, только в этом варианте неверное отображение.

    Asked by finik,

    0 votes
    2 answers

  11. Сделать для Лендинг пейдж Бег граунд

    Злраствуйте пишу в html body> <header id="header" class="header"> <div class="conteiner"> </div> </header> в css .conteiner{ width: 1170px; margin: auto; } .header{ background-image: url(/img/SouthSeasView3.png) no-repeat center top ; background-size:cover; } и у меня картинка не появляется. в чем может быть проблема? спасибо

    Asked by ОлесяДом,

    0 votes
    2 answers

  12. Как сделать такую сетку

    Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками

    Asked by chocolate_moles,

    0 votes
    15 answers

  13. Можно ли <ul> и <ol> вставлять в <li>?

    Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?. Т.е. к примеру такой вот код <dl> <ul> <li>Розничные покупатели</li> <ol> <li>Каталог товаров</li> <dt>Велосипеды</dt> <dd>Стоимостью до 1000 гр</dd> <dd>Стоимостью до 2000 гр</dd> <dt>Самокаты</dt> <dd>Стоимостью до 100 гр</dd> <dd>Стоимостью до 400 гр</dd> <dt&g…

    Asked by FotGOD,

    0 votes
    3 answers

  14. Проблема со слайдером slick

    Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .

    Asked by umid99,

    0 votes
    1 answer

  15. Создание таблицы в HTML

    Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt

    Asked by Yarolina,

    0 votes
    4 answers

  16. Все что после a href, выделенного красным, превращается в ссылку. даже футер. как исправить?

    <!DOCTYPE html> <html> <head> <title > Про цветы </title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" > <body> <ul> <li> <a href="../index.html">Главная страница</a> <ul> <li><a href="../statyi.html">Статьи</a></li> <li><a href="../katalog/katalog1.html">Каталог</a></li> …

    Asked by РусланВал,

    0 votes
    3 answers

  17. Как поместить контент на фоне слайдера

    Здравствуйте. Создан слайдер из трёх слайдов. На слое над слайдером с помощью :before создан контент (один блок, содержащий текст, меню со ссылками и форму). Однако при адаптации под разные разрешения всё очень сильно съезжает и искажается. Есть ли какой-то более рациональный способ разместить слой с контентом над слайдером, чтобы слайды переключались под недвижимым контентом? Подскажите пожалуйста. id="main" это блок, который находится в слое над id="slider" index.html style.css

    Asked by Takono,

    0 votes
    0 answers

  18. php

    Как запустить файл типа index.php на пк?

    Asked by deekep,

    0 votes
    7 answers

  19. Изменятся высота при изменение left/right

    Есть сайт http://kolik29.ru/. При клике на Профиль, Резюме, Портфолио или Контакты две "половинки" страницы разъезжаются в разные стороны. В мобильной же версии блоки разъезжаются криво - как будто изменяется высота и ширина всей страницы. Нижний блок смещается влево с помощью функции animate() из Jquery путем изменения свойства right. $('.half-screen.right').animate({ right: slide_to }, 500);

    Asked by KoliK29,

    0 votes
    0 answers

  20. Блоки на одной линии, картинки и тексты

    Привет ребята. Подскажите как сделать так, чтобы разместить картинку а напротив неё текст. Мне надо чтобы в мобильном варианте. Текст уходил под картинку. Сейчас стоит Wordpress и всё это дело в таблице. В мобильном виде, картинка становится маленькой а текст большим и столбик узким. Вот такая вот шняга. Парни. Нужно в общем картинку сделать над текстом и чтобы текст меньше становился в мобильной версии то. Ну ладно фиг с ним с размером текста. Картинка тоже сойдёт. В общем внизу 5 таких секций. Вот код кодыч <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="left"> <tbody> <tr> <td style="wi…

    Asked by freeliman,

    0 votes
    2 answers

  21. Отображение кода в разных местах на разных разрешениях

    Всем доброго времени суток! Возникла задача отображать код в разных местах на разных разрешениях. Прилагаю картинку, там все наглядно обрисовал 1) Есть есть 3 блока которым нужно назначить порядочность отображения 2) 2 первых блока, которые расположены слева заключены в свой див 3) Далее они обтекаются третьим блоком, который должен идти справа от них 4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3 5) Решения с применением "display: none" и другими приемами скрытия не подходят. Нужно, чтобы код отображался “или там” “или там” 6) Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался. Р…

    Asked by S_A_N_T_A,

    0 votes
    2 answers

  22. В исходном коде есть, а в инспекторе нет стиля - как это возможно?

    В исходном коде в шаблоне я прописал, чтобы было так: <div class="product-grid row"> <data data-bal="bal-elemen"></data> <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4 zakonchilosvcat"> <div class="product zakonchilos"> Смотрю - а стиль на сайте к zakonchilosvcat не применяется. Вижу. а этого стиля попросту нет в инспекторе! Проверял в других браузерах аналогично. <div class="cols col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="product zakonchilos"> При этом в исходном коде (ctrl-u) стиль этот есть. Я не понимаю, как это возможно, в чем дело? Пример

    Asked by nikki4,

    0 votes
    1 answer

  23. Как отправить форму с html страницы на страницу которая формируется бинарным кодом?

    имеется форма на сервере (https://omemo.ca:5281/register-on-omemo.ca) внешнему редактированию она не поддается, так же на ней имеется капча, которую убирать не желательно. на другом сайте сделал красивую форму https://monolith.plus/xmpp/xmpp-register.html name у полей продублировал (такие же как на сайте регистрации) но при отправки формы перекидывает на страницу register-on-omemo.ca Так же хочу заметить, брал всю форму в айфрем, вместе с капчей, в таком случае все нормально срабатывает, но так же остается не редактированный внешний вид, по этому это не подходит. подозреваю что перекидывает на страницу из-за капчи на omemo.ca

    Asked by CoHr4zahG4,

    0 votes
    1 answer

  24. Помогите пожалуйста, запутался с фокусом :)

    Здравствуйте форумчане! Сижу верстаю форму поиска, и что-то не могу разобраться с фокусом... А именно не могу добиться следующего. При нажатии мышкой в область поиска, нужно что бы менялся цвет кнопки (лупа) и цвет вводимого текста. Прошу помощи начинающему хакеру! ? Мой супер код - http://jsfiddle.net/pLznkshc/

    Asked by Ilyas_polo,

    0 votes
    2 answers

  25. Хитро убрать pointer-events со ссылки и вернуть обратно

    Добрый день. Такая задача. В оформлении текста используются невидимые блоки - span.show-on-hover, где color = background-color и где color становится контрастным по .show-on-hover:hover. Вместе с текстом прячутся ссылки и показываются по .show-on-hover:hover a. Всплыла проблема с мобильными пользователями. Чтобы увидеть текст блока, они в него тыкают. Порой они ненароком попадают в невидимую ссылку и тотчас переходят по ней. Нужно чтобы по ссылке невозможно было перейти с первого тапа, первый тап должен только кинуть :hover на .show-on-hover, и только вторым тапом можно тапнуть по ссылке. При этом для пользователей компьютеров все должно быть по-прежнему, никаки…

    Asked by 7ion,

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