HTML Coding

29542 questions in this forum

1. Как обрезать длинное слово в IE8?

   Добрый вечер. Столкнулся с проблемой при верстки. При маленьком расширение экрана, длинные строчки не обрезаются в IE8. .serversName { max-width: 183px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } Есть такой вот class, в нем храниться название сервера. В Google Chrome хорошо работает, при уменьшении окна браузера, когда расширение доходит до 920px, лишнее убирается и ставиться 3 точки. Начинаю тестировать в IE8. Все эти правила в клаасе игнорируются. Вот сайт на котором это делается: Перейти на сайт Можете зайти сами поглядеть. В общем как сделать что бы и в IE8 обрезание работало? Спасибо за внимание

   Asked by awikong, November 4, 2018

   0 votes
   1 answer
2. Не могу настроить списки услуг

   Добрый день, изучаю html & css, скачал макет и попытался настроить под себя взяв различные данные, но вот со списком во втором блоке ( перечень услуг) у меня не вышло, подскажите пожалуйста, как исправить и выравнить списки услуг? Хочу вставить еще один ряд услуг потом. Вот ссылка: https://tatufiesta.000webhostapp.com/

   Asked by Nevsky74, November 5, 2018

   0 votes
   1 answer
3. Шапка поверх на меню возможно?

   Как добиться такого эффекта, чтобы шапка(беграунд) налезала на меню, а не наоборот как сейчас? https://jsfiddle.net/5dbkc64w/

   Asked by viliksar, November 5, 2018

   0 votes
   6 answers
4. Как сделать адаптив?

   Помогите сделать адаптив для игры. Главное меню, вроде нормально выглядит на мобильных версиях, но когда начинаешь игру Канвас не помешается на экран. Как это исправить? http://develop.2di.site

   Asked by Retro_b0t, November 7, 2018

   • bootstrap
   • bootstrap4
   • css
   0 votes
   0 answers
5. CSS не подключается к очередным страницам

   Здравствуйте,- помогите пожалуйста разобраться, что я не так делаю: Я пишу сайт в ручную, написал хорошую, красивую станицу html, подключил стили, написал стили, вставил картинки, все работает отлично. Далее хочу сделать 3 тематических страницы с такими же параметрами CSS как и страница html. Думал просто скопировать эту страницу html в эту же дитекторию, просто ее переименовать и написать иной контент, далее вставить ссылку в html на эту новую страницу и все. Но не тут то было: Когда я скопировал html, получил такой же файл, переименовал его и вижу, что этот новый файл подчиняется CSS только частично, размер сайта на новой странице изменился в большую сторону.…

   Asked by polsarmat, November 6, 2018

   0 votes
   4 answers
6. Изменение стилей div при наведении на кнопку меню

   • Есть меню с выпадающим подменю; • При наведении на кнопку в выпавшем подменю нужно изменить background в стороннем div; • div и меню не связаны между собой; /*Фрагмент меню*/ ul li .submenu .sub_1 + .bg a { background: url('../img/0.png') no-repeat; } ul li .submenu .sub_1:hover + .bg a { background: url('../img/1.png') no-repeat; } /*-Фрагмент меню*/ .headerbg{ background: url('../img/Main.png') no-repeat; width: 1170px; height: 598px; position: relative; } .bg{ width: 609px; height: 425px; position: absolute; top: 76px; left: 279px; } Это последний вариант который я попробовал. Пишу методом научного тыка, не профессионал, со стилями р…

   Asked by ROLFNST, November 7, 2018

   0 votes
   5 answers
7. Работа слайдера с bootstrap

   Имеется слайдер, "//" если удалить эти строки , то все работает. Там collapse от bootstrap, скрыть и показать блок. Скрытый текст А когда всё на месте, с скрытием, то он показывает так Скрытый текст Помогите исправить, сложно найти рабочий подобный слайдер. Есть мнение что конфликтуют JS, но как их поставить чтоб всё норм было. <!-- Наружная реклама --> <div id="collapse_1" class="collapse" aria-labelledby="heading_1" data-parent="#accordionExample"> // ЭТА УДАЛИТЬ НАДО ЧТОБ РАБОТАЛО <div class="container header"> <div class="row align-items-center"> <div class="card-bod…

   Asked by AlexanderLebedev, November 8, 2018

   • js
   • css
   • bootstrap
   • swiper
   • site
   • web
   0 votes
   1 answer
8. Выбрать инпут в диве

   нужно выбрать инпут $('input[name=arrFilter_309]:checked') в диве с классом content. Это код JS но всё же выбор как я понимаю CSS. Подскажите как это будет выглядеть, что то типа $('content:input[name=arrFilter_309]:checked') но это я от балды. хотя что то я вообще туплю, заработался, так сработало. $('content input[name=arrFilter_309]:checked')

   Asked by SoFuWa, November 8, 2018

   0 votes
   0 answers
9. Сделать кружок списка с фоном при наведении на ссылку

   При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?

   Asked by nikki4, November 8, 2018

   0 votes
   1 answer
10. Error: Bad value 100% for attribute width

    В диве задал картинку и прописал ей 100%, а в css задал ширину картинке другого значения. По крайне мере меня так устроило. Валидатор ругается. А если убрать width="100%" картинка отображается с меньшим размером, даже если в css задать width: 200%; Задача сделать картинку на все ширину и высоту контейнера https://jsfiddle.net/fo7wr56t/1/

    Asked by viliksar, November 8, 2018

    0 votes
    1 answer
11. Не работает суб меню

    Подскажите что не так сделал, почему не появляется при наведении суб меню? https://jsfiddle.net/5jmutb4e/

    Asked by viliksar, November 9, 2018

    0 votes
    5 answers
12. Почему область не кликабельная?

    Подскажите пожалуйста, как сделать чтобы была область всего каркаса кнопки кликабельной, а не только самой ссылки как это например сейчас? https://jsfiddle.net/jrweq0hm/

    Asked by viliksar, November 9, 2018

    0 votes
    1 answer
13. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4, November 10, 2018

    0 votes
    2 answers
14. рендеринг шрифтов в Chrome на Mac

    www.zebra-tara.ru использован шрифт Roboto, подключенный через Google Fonts. проблема - в Chrome на PC нормально подгружается и отображается шрифт, а на Mac - нет, ощущение, что вообще шрифт не загружен. Шире - это на Mac, видно, что шрифт другой: Притом в Safari - нормально: Предположил, что локально установлен Roboto без кириллицы, проверил - нет. Куда копать?

    Asked by d0ublezer0, November 11, 2018

    0 votes
    3 answers
15. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML Скрытый текст <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> </div> ——————————————————————————- CSS Скрытый текст * { box-sizing:…

    Asked by Ivan_A, November 11, 2018

    • вёрстка
    • сайт
    • сетка товаров
    0 votes
    0 answers
16. Вёрстка сетки товаров.

    Здравствуйте. Я начинающий верстальщик сайтов, столкнулся с проблемой при вёрстке карточек товара. Код карточки: HTML <div class="product-wrap"> <div class="product-item"> <img src="source/img/test.png"> <div class="product-buttons"> <a href="#" class="button">Купить</a> </div> </div> <div class="product-title"> <a href="">Test</a> <span class="product-price">₽ 100</span> </div> &…

    Asked by Ivan_A, November 11, 2018

    • вёрстка
    • сайт
    • html
    • css
    0 votes
    2 answers
17. Перестал работать simple lightbox. не открывает большие фото

    Всем привет! Прошу помочь разобраться.. Есть самописный сайт. Прошу сильно не материться, делала его не я.. На сайте есть страницы в виде галереи с фото: http://av-bykov.ru/art/kadet-2018-1september Эти страницы работали корректно. Все было ок, фото открывались в большом размере. Недавно после редактирования файлов сайта перестали открываться большие фото. Страница с миниатюрами есть, сами большие фотки тоже есть (загружены на сервер и никуда не делись), но почему-то не открываются. При нажатии на любое фото по ссылке можно это увидеть: http://av-bykov.ru/art/kadet-2018-october Код я меняла в одном файле сайта, к-ый хранит все фото в вид…

    Asked by MariaKo, December 13, 2018

    0 votes
    0 answers
18. Выравнивание иконок по вертикали

    Добрый день, необходимо сверстать блок как на картинке, но не могу понять как сделать правильно. Пробовал уже разными способами, но адаптивная верстка не получается. Где красная стрелка - там изменяется расстояние между иконками в соответствии с размером текста справа. Иконки соединены вертикальной линией, которая не должна прерываться. Кто подскажет?

    Asked by vvamsk, November 12, 2018

    0 votes
    1 answer
19. Помогите в верстке

    Здравствуйте. Я недавно начал учиться верстать сайты. И вот сегодня я столкнулся с проблемой. Мне нужно чтобы эти 4 картинки стали справа от текста. Но у меня получается что они становятся снизу кнопки. p/s пользуюсь flexbox. и еще, стоит ли начать изучать boostrap или же flex gird

    Asked by shvayko, November 12, 2018

    0 votes
    4 answers
20. Почему высота меняется при масштабировании?

    Если изменять высоту экрана, то меню постоянно двигается. Пробовал задать высоту в %, так же max-height не помогает. Как добиться, чтобы при изменении высоты экрана меню и шапка стояли на месте? https://jsfiddle.net/k43cw692/1/

    Asked by viliksar, November 12, 2018

    0 votes
    4 answers
21. Верстка некорректно отображается в IE11

    Сверстал сайдбар с кастомным скроллом, подключил библиотеку для этих целей. Все работает нормально. Но когда проверяешь на browserStack на IE 11, то верстка ломается: Примечательно что когда отключаю эту библиотеку с кастомным скроллом, то на IE все становиться нормально, а когда она подключена вот такая вот ерунда получается. Да, библиотека оборачивает блоки своими блоками, я это учел и прописал свойства наподобие этих: .sidebar__wrapper .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { display: flex; flex-direction: column; min-height: 100vh; } И еще интересный момент: у меня на компьютере тоже есть IE11, но на моем IE11 все отображается нор…

    Asked by yaparoff, November 13, 2018

    0 votes
    0 answers
22. Что с картами?

    Всем привет, я уже полтара года не верстал ничего, вот вернулся к этой теме, и обнаружил такую вещь, что не могу вставить google карту, ругается что квота превышена. Она что платная стала? Если нужна бесплатная остается только яндекс? Пожалуйста просветите, а то давно уже не в теме.

    Asked by raptor-dm, November 14, 2018

    0 votes
    1 answer
23. При нажатие назад не переходит на предыдущую страницу

    Здравствуйте! Я не как не соображу, причины, почему на сайте не переключается страница? Например: был на главной странице, зашёл в раздел "Моё видео",вверху на против ссылки делаешь возврат на главную страницу., значение у ссылки меняется, а самого перехода на главную нет! Подскажите пожалуйста причину, и посмотрите сами! http://www.vs-eti.ru/

    Asked by AleksandrSaz, November 15, 2018

    0 votes
    1 answer
24. Как состыковать два изображения без разрыва

    Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…

    Asked by qetutu, December 18, 2018

    0 votes
    3 answers
25. Выплаты

    ПРИВЕТ. Как поставить на сайт скрипт последних выплат. Вот такой

    Asked by diekrups, November 18, 2018

    0 votes
    3 answers