HTML Coding

29,542 questions in this forum

1. Помогите, пожалуйста с кодом

   Помогите пожалуйста внести корректировки. Раньше был вот такой код: <?if($CAT_NAME$ == 'Alfa..166')?><div class="limg"><a class="imgload" href="/Map/All/$CAT_NAME$-1.jpg" rel="iLoad"><img id="largeImg" src="/Map/All/$CAT_NAME$-1.jpg" alt="" /></a></div> Перенес сайт на другой хостинг там нет оператора $CAT_NAME$ Но есть следующий класс который я хочу использовать как условие: <span class="ty-breadcrumbs__current">Alfa 166</span> Подскажите, пожалуйста как должен выглядеть код в итоге?

   Asked by vladimir003, March 16, 2016

   0 votes
   0 answers
2. Маштабирование фона

   Всем доброго вечера, господа, подскажите пожалуйста, как делать так, чтоб фон (картинка) автоматически маштабировалась (обрезалась/уменьшалась, увеличивалась) пропорционально размеру окна браузера. Заранее спасибо.

   Asked by Glebovichu, March 13, 2016

   0 votes
   2 answers
3. Круг в круге

   Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.

   Asked by WhatIsHTML, March 13, 2016

   0 votes
   12 answers
4. Выровнять картинки в колонке

   Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/

   Asked by WhatIsHTML, March 14, 2016

   0 votes
   5 answers
5. Проблема с отображением SVG

   Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)

   Asked by BogusUA, March 14, 2016

   • SVG
   0 votes
   2 answers
6. Как победить правило в блоке?

   движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …

   Asked by nikki4, March 14, 2016

   0 votes
   1 answer
7. iPhone и "background-attachment: fixed" - чёрный экран

   Вот видео

   Asked by iBars, March 14, 2016

   0 votes
   1 answer
8. Стрелка в speedbar другого цвета & высота блока

   На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали

   Asked by iBars, March 9, 2016

   0 votes
   4 answers
9. Разные размеры картинок в слайдере

   Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? Если накидать разных по соотношению сторон картинок в слайдер, то слайдер будет меняться по высоте, поскольку будет подстраиваться под высотку картинки. Пытался сделать второй вариант, но не знаю насколько он хорош. Слайдер занимает всю высоту экрана. Для слишком больших экранов можно поставить ограничение по высоте, также как и для маленьких. Но это скорее хак, чем нормальное решение. Подключать отдельный слайдер не хочется, чтобы не грузить сайт. https:…

   Asked by WhatIsHTML, March 14, 2016

   • bootstrap
   0 votes
   4 answers
10. Как сделать всплывающее окно на весь экран

    Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.

    Asked by alleclf, March 13, 2016

    0 votes
    1 answer
11. Нижнее подчеркивание

    Форумчане! Подскажите, пожалуйста, как сделать подчеркивание блока (div, display:block), например, как на сайте khuzha.tk (верхнее меню)?

    Asked by OneDev, March 13, 2016

    0 votes
    3 answers
12. Помогите определить шрифт

    Есть такой скриншот http://joxi.ru/vn2YEk3fR57b26 Какой это шрифт?

    Asked by smirn0ff, March 12, 2016

    0 votes
    3 answers
13. Сайт по разному отображается на мобильных устройствах и компьютере

    Всем доброго времени суток! В общем, пригрузили на работе как самого молодого заниматься чем-то вроде контент-менеджмента корпоративного сайта (очень простой, буквально несколько страниц с текстом). Единственное что у меня на данный момент есть - логин и пароль от панели управления сайтом (сайт на bitrix). В верхнее меню нужно добавить дополнительный пункт. Как это сделать разобрался, добавил, но он не отображается на стационарных устройствах, а вот с моб. телефона всё видно. Подскажите, пожалуйста, с чем это связано? Где можно настроить чтобы всё отображалось правильно? И ещё: может, кто-то разбирается в этом битриксе- у меня логин/пароль пользователя из группы "админис…

    Asked by Willisoff, March 13, 2016

    0 votes
    0 answers
14. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL, March 7, 2016

    0 votes
    13 answers
15. неверно отображается фоновое изображение

    Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…

    Asked by Иван98, March 12, 2016

    0 votes
    6 answers
16. Эффект как у приведенного сайта.

    _http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?

    Asked by ITMOfan, March 12, 2016

    • параллакс
    • эффект
    • css
    0 votes
    5 answers
17. настройка проекта Bootstrap + Sass + Koala

    До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

    Asked by vip, March 11, 2016

    • bootsrap
    • sass
    • koala
    0 votes
    8 answers
18. Responsive (резиновая, адаптивная) верстка. Проблемы с высотой

    Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr

    Asked by yaparoff, March 11, 2016

    0 votes
    1 answer
19. Помогите с mail.php

    День добрый! Имеется код <div class="popup"> Заполните форму и получите бесплатную консультацию <br>при заказе онлайн <div class="popup-form"> <form action="mail.php" method="post"> <input type="text" name="name" required placeholder="Ваше имя"> <br> <input class="truba" type="tel" name="phone" required placeholder="Ваш телефон"> <br> <input type="submit" name="submit" value="" class="buzz-out"> </form> </div> <a class="close" href="#i"></a> </div>Он открыв…

    Asked by serg3318, March 10, 2016

    0 votes
    2 answers
20. Firefox медиа запрос

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…

    Asked by WhatIsHTML, March 11, 2016

    • firefox
    • media
    • query
    0 votes
    2 answers
21. Как сделать свои курсоры со значениями

    Здравствуйте! Мой первый пост на этом форуме. HTMLBOOK пользуюсь регулярно. Надеюсь, и тут меня примут хлебом да солью Прошу строго не судить мои "Остроумные" вопросы и в будущем, верстать я начал в конце февраля. Перейдем ближе к теме. Я хотел спросить, как сделать свои курсоры на сайте. Нашел много инфы в интернете, в том числе и http://htmlbook.ru/css/cursor Но нигде не нашел ответа на свой вопрос. Я уже знаю, как сделать общий курсор на весь сайт. Но как задать множество видов курсоров - обычный, при наведении на ссылку, на текст и прочее? Как задать им значения? Буду очень благодарен Да и, пожалуйста, давайте обойдемся без "Зачем тебе ставить свой курсор" и т.п…

    Asked by OneDev, March 10, 2016

    • курсор
    0 votes
    1 answer
22. Шлейф от шрифта

    Подскажите пожалстра, можно ли при помощи text-shadow (или чего угодно) сверстать такой шлейф от текста? http://joxi.ru/0KAg7bkuVnk0AlПроблема в ее градиентной прозрачности. Ну как обрезать внизу - понятно

    Asked by Vlad_P, March 10, 2016

    0 votes
    2 answers
23. Как лучше сделать фон или блок в целом

    Верстаю этот шаблон, подскажите как лучше сверстать блок, там где комп в хедере, пугает что там есть блик над текстом и что фон на два цвета заполняется, может сделать два блока? .jpg макета .psd можно скачать там со страницы шаблона на сайте Ну как-то так.. надеюсь вы меня поняли Вот я кое что нарисовал как примерно размечать, только как блик туда запихнуть? а кто-нибудь может сверстать эту часть если не сложно, а я посмотрю, ну а если нет то хоть дайте совет как лучше сделать здесь разметку и css

    Asked by Bava, February 24, 2016

    0 votes
    13 answers
24. Block vs Flex

    Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…

    Asked by Highlander, March 8, 2016

    • flex
    • block
    0 votes
    8 answers
25. Как скрыть значок битой картинки?

    Можно как-то сделать, чтобы на сайте не показывался такой значок, когда картинки нет по указанному пути? Лучше всего показывать пустое место.

    Asked by kpripper, March 9, 2016

    0 votes
    2 answers