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. Эффект скрытия текста при скролинге

    Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

    Asked by Akkord87,

    0 votes
    2 answers

  2. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat,

    0 votes
    2 answers

  3. Использование нескольких классов без кавычек

    Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?

    Asked by Melodyn,

    0 votes
    3 answers

  4. Картинка через :after на одном уровне со ссылкой

    Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-imag…

    Asked by Алеся,

    0 votes
    1 answer

  5. Продолжение фона для меню

    Здравствуйте! Помогите, пожалуйста, решить проблему. Ширина хедера - 1170 px. Необходимо, что бы фон для меню (малиновый прямоугольник) продолжался вправо до конца экрана. Как на изображении: Вот сам код - https://jsfiddle.net/0rzhsdnx/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    11 answers

  6. Вертикальное выравнивание на flex

    Добрый день. Хочу разобраться с вертикальным выравниванием на flex. Допустим такая задача как на картинке. Желтому блоку я задаю: { height: 300px; display: flex flex-flow: column nowrap; justify-content: center; align-items: center; } И все встает как надо, но только если нам известна высота желтого блока. Вопрос такой, как избежать указания фиксированной высоты для желтого блока?

    Asked by BehemothOz,

    0 votes
    1 answer

  7. Ломается письмо при переотправке

    Обнаружил проблему. Письмо "ломается" при переотправке с одной почты на другую. Цепочка следующая : я отправляю на мыло А, оттуда оно перенаправляется еще на письмо Б. На письме Б появляются огромные пробелы вверху и внизу тела письма. Коричневая граница - самый верхний контейнер. Где-то натыкался на проблему, что при переотправке письмо ломается, но не могу найти. Можно это как-то исправить? Наверное плохо гуглил, ткните носом в тему.

    Asked by WhatIsHTML,

    0 votes
    1 answer

  8. Возможно ли пропорциональное изменение элементов страницы и расстояния между ними при изменении ширины экрана

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

    Asked by BOMS,

    0 votes
    1 answer

  9. Адаптивный слайдер

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

    Asked by stan07,

    0 votes
    1 answer

  10. Блок неправильной формы(срезанные прозрачные углы)

    Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

    Asked by F4rr3LL,

    0 votes
    2 answers

  11. Как правильно верстать логотип?

    Уважаемые форумчане! Поделитесь, пожалуйста, опытом - как все-таки правильно верстать логотип? Допустим, на курсах мой преподаватель делал так: <strong class="logo"><a href="#">LOGO</a></strong> а затем вешал картинку на фон блока с помощью CSS. Или лучше использовать тег <img>? А если в лого только текст, то я могу его просто стилизовать или все-равно использовать картинку?

    Asked by alejandro13,

    0 votes
    4 answers

  12. Анимация border

    Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io

    Asked by BehemothOz,

    0 votes
    2 answers

  13. Разные картинки

    Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

    Asked by yaparoff,

    0 votes
    2 answers

  14. Проблемы с фоном

    Всем привет! Народ, помогите пожалуйста. Фон неправильно себя ведёт. Вот пример: https://jsfiddle.net/uprf5m2f/ В общем если свойство opacity: 0.22; убрать, то все внутренние надписи чётко отображаются. Такое ощущение, что прозрачность наложилась и на все вложенные в start-wrapper элементы. Как я только со свойствами z-index не игрался, пока ничего не помогло. Помогите пожалуйста. Нужно чтоб прозрачность также оставалась 22%, но чтоб все вложенные в start-wrapper элементы были четко видны, т.е. чтоб на них прозрачность не действовала.

    Asked by fenix_63,

    0 votes
    3 answers

  15. Анимация перед рендером страницы

    Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

    Asked by vladmih,

    0 votes
    13 answers

  16. Проблема с грамотным построением блоков

    Нужно расположить блоки, как на макете. Сделал блоки, присвоил им inline-block и 2 строка началась на уровне высокого блока, который должен занимать 2 строки. Что с этим делать?

    Asked by LordGuard,

    0 votes
    1 answer

  17. Проблема с переносом наименований товаров на следующую строчку

    Здравствуйте. У меня проблема с переносом на следующую строку в наименовании. Слишком длинные наименования, из-за чего то съедаются следующим блоком товара. Скрин: https://gyazo.com/42a126ede899769e7b2e5305d9a4f460 Просьба помочь, как исправить. И каким оператором/командой. Благодарю заранее.

    Asked by Rhapsody,

    0 votes
    1 answer

  18. Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана

    Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…

    Asked by BOMS,

    0 votes
    5 answers

  19. Реализация кнопки нестандартной формы

    Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.

    Asked by helio,

    0 votes
    3 answers

  20. Гуру флексбоксов, созываю вас!))

    Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR

    Asked by vladmih,

    0 votes
    2 answers

  21. Сабменю двигает контент (пробовал absolute, но исчезает меню)

    Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/

    Asked by nikki4,

    0 votes
    1 answer

  22. Не все буквы русского алфавита отображаются правильно

    Всем привет, возникла такая проблема. На сайте не отображаются некоторые буквы русского алфавита, точнее не правильно отображаются. Кодировка win-1251 ничего не меняет, а при кодировке utf-8 совсем все становится иероглифами. С английским все в порядке. Все отображается правильно, но хотелось бы решить проблему с русским языком. Подскажите пожалста решение. Как это исправить?

    Asked by Frost,

    0 votes
    6 answers

  23. Как сделать правильное от отображение формы обратной связи?

    Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  24. Анимация блока с текстом

    Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.

    Asked by BehemothOz,

    0 votes
    1 answer

  25. Убрать подчеркивание номера телефона в IE

    Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html

    Asked by AniMekka,

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