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. Выпадающее меню остаётся в границах своего родителя

    Вот сайт, меню "Нужное Minecraft". Наведите указатель и всё узнаете сами

    Asked by iBars,

    0 votes
    1 answer

  2. Пропорции блока

    Привет. Вот у меня такой вопрос. Мне нужен резиновый блок с пропорциями. Например, 3×2. То есть при ширине экрана в 300 пикселей он был бы 200 высотой. А при 400 ширины — 267 высотой. Так делается как-то? Мне на ум приходит только сделать картинку, которую положить в блок, а всё содержимое запилить внутри в absolute. А есть нормальные способы?

    Asked by Veseloff,

    0 votes
    2 answers

  3. адаптивная карусель

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель со всплывающей блоком при ховере

    Asked by stan07,

    0 votes
    4 answers

  4. Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в svg

    Доброго времени суток, люди добрые!!! Помогите пожалуйста. При наведении курсора на ссылку размещённую на окружности, нарисованной с помощью svg, должна по-идее появляться картинка, но она упортно этого делать не хочет. Помогите пожалуйста разобраться в причине. Все сопутствующие файлы во вложении. На обычной ссылке всё происходит как надо. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .okrug span{ position: absolute; left: 500px; z-index: 100!important; visibility: hidden; } .okrug:hover span{visibility: visible;} </style> <object data="link.svg" t…

    Asked by Иван98,

    0 votes
    2 answers

  5. Как сделать вогнутый блок?

    Как сделать, чтобы слайдер был вогнутый с одной стороны? Пример:

    Asked by kickboxer,

    0 votes
    3 answers

  6. Блок средствами css

    Здравствуйте, возможно кто-то посоветует как реализовать таки блок средствами css:

    Asked by Ghost86421,

    0 votes
    1 answer

  7. linear-gradient при transform

    Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!

    Asked by vaskes,

    1 vote
    2 answers

  8. CSS проблемы мобильной вёрстки (Google Mobile Friendly)

    Есть сайт на Drupal 7, установлена адаптивная тема. При проверке сайта на предмет совместимости с мобильными устройствами сервисом Гугл Mobile Friendly, на заглавной и на всех прочих страницах, кроме тех, что с картинками, сервис пишет: Отлично! Страница оптимизирована для мобильных устройств. А вот на страницах, где есть картинки, сервис Google Mobile Friendly выдаёт сообщение - Не оптимизировано для мобильных устройств (контент шире экрана). При всём при этом при тестировании этих страниц с картинками и всего сайта в целом на эмуляторах мобильных устройств, картинки масштабируются, полностью вписываясь в экран, как надо. Для тега img задано max-width: 100%; height: aut…

    Asked by 4_G,

    0 votes
    1 answer

  9. Медиа запросы и отображение изображений

    Доброго. Дабы не засорять форум темами свои, все вопросы напишу здесь: 1. Медиа запросы. Как это работает? То есть, есть экран смартфона 1280х720 и монитор 1980х1080. Могу ли я сделать медиа-запрос так что бы при открытии страницы с устройства с шириной экрана меньше 720 загружалось изображение одного разрешения, а если больше - другое? 2. Я работаю с Bootstrap, который блок с контентом делает адаптивным. Разве внутри этого блока ещё один блок с изображением не делается тоже адаптивным? Самое главное, что в настольном браузере, в режиме эмуляции всё отлично отображается. А на практике одни косяки. Как сделать так, что бы изображение чётко адаптировалось и не выл…

    Asked by P0jar,

    0 votes
    15 answers

  10. Как центрировать блок

    Вот небольшой пример - https://jsfiddle.net/zpLhab6z/ Как можно выставить по центру экрана сам блок с ссылкой? Желательно без использования дополнительных контейнеров и структуры типа <center_></center_> Спасибо.

    Asked by alleclf,

    0 votes
    6 answers

  11. Как сделать такую форму ?

    Прошу проффи помочь мне, если не затруднит. Как реализовать такое. Например: есть форма input на странице и вопрос, если правильно ввести ответ в форму и нажать на кнопку, то переход на назначенную страницу, если же нет на другую. Возможно ли сделать вообще такое с помощью html? Прошу прощения если технически не правильно задал вопрос. Спасибо за помощь.

    Asked by Roma007,

    0 votes
    2 answers

  12. Макет

    Ребят, кто может сделать макет страницы-визитки. На сайте будет размещены стихи одного человека, также хочу сделать, чтобы можно было заказать стихи на заказ.

    Asked by BigProject,

    0 votes
    0 answers

  13. бустрап верстка

    есть такой чудо код <div class="row"> <div class="col-lg-4"> <div class="col-lg-7"> <h1>Менеджеры</h1> </div> <div class="col-lg-5"> <h1><a class="btn btn-success" href="/user/create"><span class="glyphicon glyphicon-plus"></span></a></h1> </div> </div> <div class="col-lg-8"> </div> </div>так нормально делать или есть более правильное решение? смущает ссылка в <h1> но иначе не выравнивается

    Asked by https,

    0 votes
    12 answers

  14. Приоритеты классов

    Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...

    Asked by IamПробник,

    0 votes
    2 answers

  15. Динамическое выпадение блока

    Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста

    Asked by Entense,

    0 votes
    3 answers

  16. Блок, видео на фоне

    Видел на нескольких сайтах. Блок с элементами, а на фоне видео. Как такое сделать?

    Asked by torsar,

    0 votes
    1 answer

  17. Помогите разобраться с CSS

    Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…

    Asked by Nigelist,

    0 votes
    3 answers

  18. Изменение ссылки копки при нажатии на другую

    На сайте есть панель настроек у пользователей, там есть две кнопки, должно быть так, при нажатии на одну из них, должна меняться ссылка на кнопке на другой странице, \то можно как то реализовать через mongodb?

    Asked by Entense,

    0 votes
    3 answers

  19. Сайт превращается не понятно во что в другом браузере

    Добрый день. Делаю сайт. Все время смотрел на него через хром. А тут случайно запустил через мозилу. Разинул рот. Залил на хостинг - тоже самое. Причем сайт простой очень, я не знаю, чего в нем может быть такого, чтобы не скушала мозила. Она не видит фото и css стили. адрес сайта: http://blohinivan.16mb.com/ консоль мозилы говорит, мол "Таблица стилей http://error.hostinger.eu/? не была загружена, потому что её MIME-тип («text/html») не «text/css»." но в коде стили подключаю так : <link rel="stylesheet" href="..\css\mainstyle.css"> раньше сайт был чисто с помощью css и html написан, все было норм. Но как начал использовать php (а именно делать отдельные блоки в php …

    Asked by vanya15369,

    0 votes
    1 answer

  20. вывод ошибок из ajax

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

    Asked by https,

    0 votes
    3 answers

  21. Корректное масштабирование фоновых изображений при адаптивной вёрстке

    Обращаюсь, наверное, с нубским вопросом, но уже едет крыша... Тапками готова убиться сама, ядом тоже запаслась. Задача какая: сделать масштабируемую таблицу из div с фоном-книгой. Чтобы масштабы не ездили туда-сюда при изменении размеров контента (был вариант сделать фон одной картинкой, но меняются масштабы, плюс для народа с медленным интернетом это издевательство, согласитесь). При уменьшении родительского окна фон в некоторых блоках начинает обрезаться или некорректно масштабируется. Что я делаю не так и почему он так себя ведёт?( Пример можно увидеть на сайте, сделан на скорую руку, чтобы показать проблему. Выписать затем стильки в общий css не проблема, но пока ч…

    Asked by Enkoiu,

    0 votes
    2 answers

  22. куда указывает прототип

    помогите пожалуйста разобраться в коде: Board = function(width, height, background){ this.width = width; this.height = height; this.background = background; this.Create();}Board.prototype = { Create: function(){ console.log('create'); var board = $('<div class="board" id="board"></div>').css({ width: this.width + 'px', height: this.height + 'px', background: this.background }); $('#game').append(board); }}Qwerty = function(){ this.Create();}$(document).ready(function(){ var board = new Board(500, 500, 'orange'); var board = new Qwerty();});здесь я, пользуясь конструктором Board, создаю объект Board. затем через прототи…

    Asked by cyklop77,

    0 votes
    1 answer

  23. Пропадает шапка сайта на мобильном

    Здравствуйте. пропадает шапка сайта в мобильном браузере на android . пропадают логотип(svg графика) и кнопка меню. сайт: http://site.ru Тестировал на разных смартфонах на android , заметил что чаще всего пропадает шапка на android 4.2. Тестирую на эмуляторах андроид : https://www.manymo.com/emulators Подскажите почему пропадает шапка или способ как дебажить в мобильных браузерах?

    Asked by ishurgaya,

    0 votes
    2 answers

  24. Нужна помощь

    Нужна ваша помощь При нажатии на ссылку вида #link страница перемещается к этому элементу. Как это можно убрать? Заранее спасибо.

    Asked by En_Kit,

    0 votes
    2 answers

  25. Высота элемента на всю страницу

    Всем привет! У меня такая проблема: я не могу сделать так, чтобы элементы, находящиеся в теге main имели высоту в 100%. Я уже все перепробовал, даже скрипт написал, ничего не выходит. В html и body прописывал min-height и height в 100%. У main высота также 100%. Вот картинка

    Asked by Askhat7,

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