HTML Coding

29542 questions in this forum

1. Помогите разобраться с 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, December 31, 2015

   • css
   • octopress
   0 votes
   3 answers
2. Блок, видео на фоне

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

   Asked by torsar, January 1, 2016

   0 votes
   1 answer
3. Динамическое выпадение блока

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

   Asked by Entense, January 1, 2016

   0 votes
   3 answers
4. Приоритеты классов

   Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 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Пробник, January 3, 2016

   0 votes
   2 answers
5. бустрап верстка

   есть такой чудо код <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, January 3, 2016

   0 votes
   12 answers
6. Макет

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

   Asked by BigProject, January 4, 2016

   • макет
   • бесплатно
   0 votes
   0 answers
7. Как сделать такую форму ?

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

   Asked by Roma007, January 4, 2016

   • форма input
   0 votes
   2 answers
8. Как центрировать блок

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

   Asked by alleclf, January 4, 2016

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

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

   Asked by P0jar, January 4, 2016

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

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

    Asked by 4_G, January 5, 2016

    • css
    0 votes
    1 answer
11. Как сделать вогнутый блок?

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

    Asked by kickboxer, January 6, 2016

    0 votes
    3 answers
12. Блок средствами css

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

    Asked by Ghost86421, January 5, 2016

    0 votes
    1 answer
13. Расстояние между строками

    Всем привет. Как сделать расстояние между строками? в span margin добавить нельзя же. Код (wp): <?php $terms = get_field('actor');if( $terms ): ?> <span style="background:#c3512f;color:#fff; padding:4px 5px;">В главных ролях</span><?php foreach( $terms as $term ): ?><a href="<?php echo get_term_link( $term ); ?>"><span style="background: #b2b2b2;color:#fff; padding:4px 5px; text-decoration: underline;"><?php echo $term->name; ?></a></span><?php endforeach; ?> <?php endif; ?>

    Asked by orbit21, January 23, 2016

    0 votes
    1 answer
14. Не появляется картинка при наведении курсора на ссылку размещённую на окуржности созданной в 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, January 6, 2016

    0 votes
    2 answers
15. адаптивная карусель

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

    Asked by stan07, January 6, 2016

    0 votes
    4 answers
16. Пропорции блока

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

    Asked by Veseloff, January 6, 2016

    0 votes
    2 answers
17. Выпадающее меню остаётся в границах своего родителя

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

    Asked by iBars, January 6, 2016

    0 votes
    1 answer
18. "Непослушная" кнопка

    Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей

    Asked by DMixa, January 7, 2016

    • HTML
    • CSS
    0 votes
    4 answers
19. Позиционирование картинки

    Добрый день, друзья! Помогите пожалуйста разобраться. При наведении курсора на ссылку появляется изображение, но не в том месте где нужно. При позиционировании картинки через "x" и "y" часть изображения почему-то обрезается. <image xlink:href="images/okr1.jpg" width="100%" height="100%" x="200" y="100"/> Хотелось чтобы картинка целиком появлялаяь снизу под окружностью. Ниже весь размещён код: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <object data="link.svg" type="image/svg+xml" width="400" height="450" ></object></body></html><svg xmlns="http://ww…

    Asked by Иван98, January 7, 2016

    0 votes
    2 answers
20. странная ширина границы у дива

    https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?

    Asked by https, January 7, 2016

    0 votes
    1 answer
21. Адаптивный многоугольник и svg

    Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …

    Asked by tarthur, January 7, 2016

    • svg
    • css
    • вёрстка
    • адаптивная вёрстка
    0 votes
    3 answers
22. Комментарии сжимаются и уходят вправо, с каждым разом всё больше

    URL страницы Мне надо чтобы они не ужимались и не уходили вправо, а были как первый

    Asked by iBars, January 7, 2016

    0 votes
    2 answers
23. Многоуровневое горизонтальное меню

    Салют ребятки. Решил сделать сайт, но столкнулся с проблемой. Не могу создать многоуровневое (3-х) горизонтальное меню (пока не особо получается дружить со списками). Кто профи - помогите! Пожалуйста! html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <link href="css/menu/style.css" rel="stylesheet" type="text/css"> <link href="css/menu/font.css" rel="stylesheet" type="text/css"> </head> <body> <header> <nav> <ul> <li><a href="#">Текст1</a> <ul> <li><a href="#">Текст1.1</a></li> </ul> <ul> <li><a …

    Asked by Eugenice, January 7, 2016

    0 votes
    2 answers
24. Отсутствует часть изображения

    Здравствуйте! Подскажите пожалуйста. Проблема следующая, при наведении курсора на ссылку появляется изображние, но не полностью, часть изображения почему-то обрезана. Ссылки созданы на траектории окружности при помощью SVG. При наведении на ссылку pushkin должен появлятся круг, но появляется только 1/4 его часть. http://hkar.ru/FXMi При наведении курсора на две другие ссылки должна появлятся оружность, но она тоже появляется не целиком. http://hkar.ru/FXMj Все файлы разместил здесь: https://yadi.sk/d/NMvbqOdcmjz5F

    Asked by Иван98, January 8, 2016

    0 votes
    2 answers
25. Слайдер перекрывает выпадающее меню

    Здравствуйте! У меня адаптивная версия сайта и в большой все окей, но когда открываешь на мобильному устройстве, делаеться выпадающее меню и слайдер перекрывает его. Вкурсе, что надо сменить z-index. Но не знаю где найти его. Возможно подскажите где найти или другое решение проблемы? Проблема тут

    Asked by yankiv.bohdan, January 8, 2016

    • слайдер выпадающее меню
    0 votes
    1 answer