HTML Coding

29542 questions in this forum

1. Мобильная версия шапки

   Здравствуйте, подскажите как можно реализовать версию шапки для мобильного устройства, чтобы она была не такой пугающей как сейчас. Скрытый текст Хотелось бы чтобы текст был более упорядочен или сделать его мельче, для мобильных устройств, т.к. он через чур большой. На сайте использую бутстрап и само меню так же написано с его применением. Вот ссылка на сайт. Буду благодарен любой помощи и любому совету.

   Asked by MadSandwich, July 27, 2016

   • html
   • css
   • js
   0 votes
   0 answers
2. Реально ли выполнить такую вёрстку ?

   Как реализовать такое ?

   Asked by Geyan, July 27, 2016

   • css3
   0 votes
   3 answers
3. Скачать с https

   Здравствуйте! Искала ответ - находила, пробовала - не работает, надеюсь что здесь помогут! Как скачать картинку по прямой ссылке с https помимо способа с file_get_contents'ом? Что я только не читала, и включала и отключала в php.ini - не хочет эта функция у меня скачивать с https, ну а с http конечно же всё замечательно! У меня OpenServer последний версии и может кто подскажет как сделать так чтобы работало или посоветует какой-либо другой способ? Спасибо!

   Asked by Anechka, July 27, 2016

   • https
   0 votes
   2 answers
4. Как сверстать противоположенную стрелку на слайдере

   Подскажите пожалуйста как правильно сверстать стрелки переключатели на слайдере, с первой вроде получается да? а вторую не знаю как прилепить... вот моя попытка: http://jsbin.com/mupetamoca/edit?html,css,output

   Asked by Rimming, July 27, 2016

   0 votes
   1 answer
5. Резиновый отступ

   Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. http://plitka20x20-ru.1gb.ru/site/ Вот как обстоят дела, при сжатии как видно всё разрушается <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> header.top nav{ position: absolute; top: 361px; left: 476px; height: 5…

   Asked by aqua.77, July 27, 2016

   0 votes
   5 answers
6. Помогите убрать боковую прокрутку

   Вот сайт http://tk-etk.ru, почему появилась прокрутка вправо, как будто у body или padding или margin. Подскажите куда смотреть. Это шаблон если что, верстка не моя

   Asked by trixpk, July 28, 2016

   0 votes
   2 answers
7. Как с помощью CSS и HTML показать только часть картинки

   Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…

   Asked by Alok, July 28, 2016

   0 votes
   2 answers
8. Сервер не отдаёт файл по прямой ссылке

   Здравствуйте! Если сайт который я пытаюсь парсить и у меня есть прямые ссылки на все файлы которые мне нужны с этого сайта и которые были собраны заранее (все файлы графические - jpg). На сайте какая-то защита, существует конкретное число файлов которые можно скачивать с него а если идёт превышение то по этим прямым ссылка открывается просто пустота. Как такое может быть если я обращаюсь по прямым ссылкам, что сейчас по этой ссылке графика, а потом пустота? Как обойти такое ограничение? P.S. У меня нет нормальных прокси а всё что пробовала - очень тормозное но тем не менее через них всё работает какое-то время и каждый лимит нужно просто менять прокси но речь идёт пр…

   Asked by Anechka, July 28, 2016

   0 votes
   20 answers
9. Скрыть выпирающий блок

   Выпирает блок. Почему-то не получается скрыть его с помощью overflow: hidden. Верстка на bootstrap http://codepen.io/anon/pen/RRBWGN

   Asked by yaparoff, July 29, 2016

   0 votes
   2 answers
10. Пробмела с многоточием у многострочного текста text-overflow: ellipsis и white-space: normal

    Столкнулся с проблемой: text-overflow: ellipsis добавляет многоточие только если в блок не влазит строка по ширине. Если же есть возможность переноса и строка не вмещается по высоте, многоточие не добавляется. Сталкивался ли кто-нибудь с этой проблемой? Подскажите, пожалуйста, решение. Пример http://codepen.io/RenusAvin/pen/RRBWpP .

    Asked by RenusAvin, July 29, 2016

    • css
    • text-overflow
    0 votes
    1 answer
11. flex и firefox

    В фаерфоксе возникает проблема с относительными вертикальными отступами у флекс элементов. margin padding Посмотрите оба примера в хроме и в фаерфоксе. В хроме всё отображается так как надо, а в фаерфоксе нет(((. В чём проблема?

    Asked by VeniVidiVici, July 29, 2016

    • display: flex
    • firefox
    • %
    0 votes
    5 answers
12. приоритетность css-правил

    Добрый день! У меня следующий вопрос. ДОпустим, мой html-код выглядит так: ... <body> <div id="allcontent"> .... .... </div> </body> А css-код такой: body { color: red; } #allcontent { color: green; } Цвет шрифта на моей странице будет зеленым, так как нижнее правило приоритетно, так? Но. Если css-код выглядит так: body { color: red; } h1 { color: blue; } #allcontent { color: green; } В этом случае цвет шрифта будет зеленый, кроме голубого цвета шрифта заголовка h1. Вопрос: почему нижнее правило не перекрывает правило для h1, ведь нижнее правило приоритетно. Спасибо за внимание!

    Asked by Анна Иноземцева, July 29, 2016

    0 votes
    2 answers
13. Назначение отступов у ссылок

    Имеется таблица со списком ссылок. Список имеет ширину 10%. Как сделать чтобы отступы ссылок совпадали с шириной списка? <nav> <ul> <li><a href="uslugi.html">Услуги</a></li> <li><a href="klienti.html">Клиенты</a></li> <li><a href="projekt.html">Проекты</a></li> <li><a href="kontact.html">Контакт</a></li> </ul> </nav> nav{ display: table; border-spacing: 10px; } ul{ display: table-row; } li{ display: table-cell; background: red; width: 10%; //Нужно чтобы отступы были точно такими text-…

    Asked by aqua.77, July 29, 2016

    0 votes
    5 answers
14. Адоптация размера шрифта -> VW

    Вечер добрый, ребят, блин ну не как не освою этот css, сделал сейчас как смог, но работает плохо. Помогите пож. Что нужно? 1. Размер шрифта должен адоптироваться автоматом к размеру дисплея/окна. 2. Слева нужны переключатели языка Пример как должно быть: http://nicolasjaar.net С чем не могу справится? 1. На мобильнике (Андроид, бруазер хроме) текст не полностью видно с переключателями языка в режиме портрет 2. Размер шрифта на некоторых экранах не полностью заполняет окно Вот мой актуальный вариант: <!DOCTYPE html><html> <meta charset="utf-8"> <head> <link rel="stylesheet" href="https://fonts.googleapis.co…

    Asked by bikklein, July 29, 2016

    • vw
    0 votes
    0 answers
15. Резиновое меню

    Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...

    Asked by aqua.77, July 29, 2016

    0 votes
    1 answer
16. Позиционирование элементов

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

    Asked by Dillett, July 29, 2016

    • float
    • text-align
    • позиционирование
    0 votes
    4 answers
17. Ошибка "Используйте кеш браузера"

    Здравствуйте, коллеги. сверстал сайт, а pagespeed ругается: "Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета." Как это сделать? Он приводит список моих js, css файлов и предлагает им задать эти параметры. Как это делается? Можете на примерах сказать? буду признателен за помощь!

    Asked by devid89, July 30, 2016

    0 votes
    1 answer
18. Нужен совет по реализации фулскрин сайта

    Доброго времени суток Самое близкое по моей проблеме я нашла вот такой вариант http://alvarotrigo.com/fullPage/ Когда прокручиваешь получаешь станицу #firstPage #secondPage и #3rdPage На #secondPage горизонтальная прокрутка и когда ты переходишь по ней и на каждой странице, прокручивая вниз, всегда получаешь #3rdPage. Вопрос вот в чем, как сделать, чтобы при переходе по горизонтальным страницам, когда прокручиваешь вниз, открывалась новая страница. Спасибо=)

    Asked by Mary_RND, August 2, 2016

    • html
    • css
    0 votes
    9 answers
19. Назойливая реклама в шапке сайта

    Используя плагин юблок в хроме, не могу отредактировать/скрыть шапку с рекламой, уж очень она большая, после тега <body> идет вставка <rn4ektoe3p> что эта за хрень я не понимаю, причем она каждый раз генерируется по-новой, так что зацепиться не получается, включая body :first-child . Что с этим можно сделать? Скрытый текст <rn4ektoe3p><rcqqqlgy0i><style>.traforet-br-logo { background: url(data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAAAeCAYAAAB+HcFlAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5U…

    Asked by retoptop, August 2, 2016

    • реклама
    • html
    • css
    0 votes
    9 answers
20. Как расположить два изображения в линию в резиновом блоке

    Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"? На скрине наглядный пример <section class="banners"> <img src="img/banners/nike.png" alt="" class="left-banner"> <img src="img/banners/caps.png" alt="" class="right-banner"> </section> .banners { width: 1300px; max-width: 100%; } .banners img { border: 1px solid #e5e5e5; }

    Asked by art201214, August 3, 2016

    0 votes
    8 answers
21. Не выводится background-image

    Всем привет! Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен. Для ясности добавлю фрагменты кода. HTML: <section id="problems"> <div class="container"> <div class="row"> <div class="col col-md-8 col-sm-12 col-xs-12"> <di…

    Asked by sayapinant, August 3, 2016

    • background-image
    • css
    • верстка
    0 votes
    3 answers
22. выравнивание дивов в 1 строчку

    Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…

    Asked by OlegBrony, August 3, 2016

    0 votes
    2 answers
23. возможна ли установка sass через bower

    bower i sass ничего не находит воспользовавшись search по библиотекам нашло Sass bootstrap-sass попробовал bower i Sass -S терминале выдало запрос на пароль github ввел адрес пароль не установилось

    Asked by spartak9871, August 4, 2016

    • bower sass
    0 votes
    1 answer
24. Как сделать картинку в теге body во всю ширину ?

    Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)

    Asked by SWM, August 4, 2016

    • css
    0 votes
    8 answers
25. Только только начал верстать вопрос зачем оборачивать img в div если и без него работает

    Всем привет. Я только недавно начал верстать. Сейчас пытаюсь сделать e-mail рассылку. У меня такой вопрос: зачем оборачивать img в div если и без div работает ? Пример : <td width="138" valign="top" style="margin: 0; padding: 0; padding-top: 14px; padding-left: 30px;"> <a href="#" target="_blank" border="0" style=" margin: 0; padding: 0; outline: none; border: none; text-decoration: none;"> <div style="font-size:1px;line-height:1px;"> <img width="138" height="84" src="images/logo.png" alt="БонПари" style=" border: 0; margin: 0;padding: 0; display: block; font-size: 1px; line-height: 1px; font-family: Verdana, Tahoma, Geneva, san…

    Asked by blalorvet, August 5, 2016

    • div
    • img
    0 votes
    8 answers