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. Назойливая реклама в шапке сайта

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

    Asked by retoptop,

    0 votes
    9 answers

  2. Нужен совет по реализации фулскрин сайта

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

    Asked by Mary_RND,

    0 votes
    9 answers

  3. Ошибка "Используйте кеш браузера"

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

    Asked by devid89,

    0 votes
    1 answer

  4. Адоптация размера шрифта -> 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,

    0 votes
    0 answers

  5. Позиционирование элементов

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

    Asked by Dillett,

    0 votes
    4 answers

  6. Резиновое меню

    Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. 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,

    0 votes
    1 answer

  7. приоритетность 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 Анна Иноземцева,

    0 votes
    2 answers

  8. Назначение отступов у ссылок

    Имеется таблица со списком ссылок. Список имеет ширину 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,

    0 votes
    5 answers

  9. flex и firefox

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

    Asked by VeniVidiVici,

    0 votes
    5 answers

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

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

    Asked by RenusAvin,

    0 votes
    1 answer

  11. Скрыть выпирающий блок

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

    Asked by yaparoff,

    0 votes
    2 answers

  12. Сервер не отдаёт файл по прямой ссылке

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

    Asked by Anechka,

    0 votes
    20 answers

  13. Как с помощью CSS и HTML показать только часть картинки

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

    Asked by Alok,

    0 votes
    2 answers

  14. Помогите убрать боковую прокрутку

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

    Asked by trixpk,

    0 votes
    2 answers

  15. Резиновый отступ

    Нужно чтобы меню сохраняло целостность когда окно браузера сжимают т.е. чтобы ссылки из меню максимально сжимались прежде чем переносились на другую строку. 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,

    0 votes
    5 answers

  16. Как сверстать противоположенную стрелку на слайдере

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

    Asked by Rimming,

    0 votes
    1 answer

  17. Скачать с https

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

    Asked by Anechka,

    0 votes
    2 answers

  18. Реально ли выполнить такую вёрстку ?

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

    Asked by Geyan,

    0 votes
    3 answers

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

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

    Asked by MadSandwich,

    0 votes
    0 answers

  20. блоки одинаковой высоты

    Добрый день!Подскажите, как сделать такие блоки одинаковой высоты без table,js и флексов?поддержка IE7+ http://prntscr.com/by34uv

    Asked by yulshaz@mail.ru,

    0 votes
    2 answers

  21. Pixelperfect - разное отображение в FireFox и Chrome

    Верстаю PixelPerfect по макету. Я приложил скриншоты из одного и того же сайта. Почему при одинаковых стилях отображение разное ? как быть, как жить? в хроме юолее менее нормально отображается, а в FireFox криво. Если сделаю под FireFox ровно, будут сдвиге в хроме. Что делают в таких ситуациях ? оба браузера обновлены. Первый раз верстаю PixelPerfect. Подскажите пожалуйста новичку:) Первый рисунок -Google Chrome Второй рисунок -Mazila FireFox

    Asked by 777avatar007,

    0 votes
    2 answers

  22. Сайт отображается хорошо, а шапку режет

    Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично…

    Asked by febgirl,

    0 votes
    5 answers

  23. адаптивные табы

    Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!

    Asked by yulshaz@mail.ru,

    0 votes
    6 answers

  24. robots.txt

    Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!

    Asked by Anechka,

    0 votes
    2 answers

  25. Проблема с адаптивом

    Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.

    Asked by creativ,

    0 votes
    1 answer
×
×
  • 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