HTML Coding

29542 questions in this forum

1. Адаптивная верстка блоков сайта

   Здравствуйте! Только начинаю делать сайты, прошу помощи в следующем вопросе. Сайт использует систему сеток bootstrap-4. На главной странице идет перечень товаров-блоков. Причем, необходимо сделать так, чтобы при размере экрана >1200 в один ряд было 4 блока, при размере 768<экрана<1200 было 3 блока в один ряд, при размере 576<экрана<768 было 2 блока в один ряд и при размере экрана<576 был один блок в один ряд. Конечно чтобы блоки занимали максимальную ширину. И самое главное! Надо сделать так, чтобы при изменении размера экрана и соответственно количества блоков в одном ряду переходящие вниз блоки занимали все пустые места, то ес…

   Asked by rafaello9, February 27, 2021

   0 votes
   1 answer
2. Не могу разобраться с Bootstrap компонентом

   Всем привет! Кто нибудь шарит в Bootstrap 5? Я изучаю его и не работает компонент toast(не отображается), хотя я код прямо с оф сайта копирую.

   Asked by Dexader, June 19, 2021

   0 votes
   1 answer
3. Список

   Подскажите, пожалуйста, как сделать нумерованный список с прописными буквами русского алфавита.

   Asked by zph, January 11, 2009

   0 votes
   1 answer
4. Помогите решить проблему отображения img в IE6

   Столкнулся с проблемой в IE6. 1. <div> содержит img 2. css у img написан так что он должен: - выходить за рамки содержащего его <div> - и пересекаться (или накладываться) на <div> расположенный ниже Браузеры IE7, FF, Opera, Safari понимают. В IE6 = <div> расположенный ниже <div> содержащего img, обрезает img (или img залазит под <div>, который идет ниже или еще так <div>, содержащий img не выпускает его за свои пределы), в любом случае, та часть изображения которая должна быть за нижней границей дива обрезается. Может кто-нить решал подобную проблему, может кто-нить даст волшебный пендель в нужном направлении? Буду рад г…

   Asked by 3ABAPKA, April 28, 2009

   0 votes
   1 answer
5. Помогите с DIVами. Разместить один DIV под двумя другими

   Добрый день. В теме может немного криво описал задачу, постараюсь здесь подробнее... Вопрос собственно вот в чем: Есть у меня три блока: 1. content (центральная колонка) 2. r_block (правая колонка) 3. bottom (подвальчик) Проблема в том, что не могу разместить блок bottom под другими двумя блоками. #content {width:67%; height:100%; margin-left: 30px; float:left;} #r_block {float:right; margin-right: 15px;} #bottom {clear:both; padding-top:25px; padding-bottom:25px; margin-left: 30px; width:90%;} Что и где нужно исправить? В таком виде, получается, что bottom располагается не под двумя, а только под одним из блоков...

   Asked by liex, July 18, 2009

   0 votes
   1 answer
6. Табличная верстка

   Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

   Asked by latierra, August 11, 2010

   0 votes
   1 answer
7. Position

   Как мне разместить текст в теге Img. У меня есть сайт резиновий ,шапку сделал в Имг ,но как мне зделать чтоб на шапку можно было наложить текст и тд. Пробовал Position: relative и absolute; но шаблон не полностю в странице а есть отступи ,что посоветуете зделать???

   Asked by Mr.Black, December 11, 2010

   0 votes
   2 answers
8. 2 вопроса, JavaScript+CSV и div в div

   Всем привет у меня два вопроса: 1. Можно ли файл CSV отобразить на странице выбрав его на локальном компьютере и никуда не сохранив на сервере. 2. Возможно ли сделать что бы по нажатию кнопки добавлялся div не отображался а именно добавлялся новый, а при 10 нажатиях добавлялось 10 дивов друг под другом. Если это возможно сделать или кто-то делал подскажите пожалуйста как, или направьте в какую сторону копать.

   Asked by ghost, December 17, 2010

   0 votes
   2 answers
9. Блоки

   Вот у меня проблема с расстановкой блоков.Страница разделена на два блока по горизонали .У левого блока float:left;.Но проблема не в них.В левом блоке у меня ещё два подблока,которые распложены вертикально один сверху другой снизу.Проблема в следующем:с таким кодом у меня в опере всё отлично т.е. блок ровно под другим блоком.В экспловере же у меня две проблемы: 1)Нижний блок имеет меньше отступ слева, чем верхний 2)Нижний блок margin-top:339px; делает от нижнего края верхнего блока. Подскажите как решить проблемы? Вот код: <div class='wrapper_left'> <div class='wrapper_bodyfoto'> </div> <div class='wrapper_mir' id='mir'> </d…

   Asked by new01, April 12, 2011

   0 votes
   2 answers
10. Фон 100% + текст на нем фиксированный

    Есть таблица в ячейке которой размещается текст, задача следующего характера, что бы фон в ячейке растягивался на 100%, фон это картинка, а текст размещался по верх этого фона, ну и конечно же при изменении разрешения нужно что бы текст оставался в рамках этого фона. Можно и дивами это не принципиально . Обрыл уже кучу тем, но чего то именно стоящего не нашел. Да может можно просто как то написать поверх картинки текст, но что бы он то же не вылазил при изменении разрешения за рамки картинки - Фотошоп не предлагать Да и хотелось бы что бы это решение работало во всех браузерах. Простите, что так нагло прошу, но реально долго ищу нормальное решение. Корявый код свой не пиш…

    Asked by cpstriker, September 19, 2011

    0 votes
    4 answers
11. Посоветуйте книгу по верстке (в PSD)

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

    Asked by AcdcRTEM, November 9, 2011

    0 votes
    3 answers
12. Горизонтальное меню

    <ul id="upmenu"> <li><a href="#">О клинике</a></li> <li><a href="#">Онлайн консультации</a></li> <li><a href="#">Технологии</a></li> <li><a href="#">Наши работы</a></li> <li><a href="#">Стоимость услуг</a></li> <li><a href="#">Контакты</a></li> </ul> #upmenu {background: url(images/bg-upmenu.jpg) repeat-x; } #upmenu li {display:inline-block; } #upmenu li a {display:block; position:relative; left:20px; text-decoration:none; color:white; line-height:5…

    Asked by fireman691, November 26, 2011

    0 votes
    2 answers
13. Различное написание

    Здравствуйте! Подскажите, пожалуйста, Какая разница между написаниями: .nav a {} и a.nav {}? Почему сайт по-разному на них реагирует? Заранее благодарю за ответ!

    Asked by Santorin, December 30, 2011

    0 votes
    3 answers
14. Как отцентрировать картинку?

    Не могу понять как сделать, чтобы картинки с class="aligncenter" были по центру http://sheko.ru/2012/03/kak-narisovat-babochku-v-adobe-illustrator.html .entry img { align :middle;} - не помогает Файл Css

    Asked by fowl, March 15, 2012

    0 votes
    4 answers
15. flash в слайдере

    Не знаю в эту ли тему сообщение. flash ролики в html слайдере воспроизводятся все сразу, разом. Как заставить их проигрываться один за другим, т.е. при чтобы ролик воспроизводился, только при смене слайда

    Asked by npofopr, April 28, 2012

    0 votes
    6 answers
16. как сделать невидимыми элементы шаблона

    Как сделать так, чтобы элемент шаблона был видимым только на определённых страницах? Соответственно, чтобы на других его не было.

    Asked by maritca, July 10, 2012

    0 votes
    8 answers
17. iframe

    Хочу в одну страницу сайта вставить фремом определенную область страницы на другом сайте. Но проблема в том, что нужна мне область в доноре располагается не прямо у края, а в середине. Как натравить фрейм именно на нужную область: допустим отступ слева столько то, сверху столько то...

    Asked by webair, October 29, 2012

    0 votes
    3 answers
18. Шрифты и ctrl+-

    Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman. Firefox Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%. Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть. Chrome Почти тоже самое. IE10 Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока. h…

    Asked by Bassline, December 8, 2013

    0 votes
    3 answers
19. Снова рендеринг шрифтов

    Вот я не пойму - то ли я дурачок то ли глаза меня обманывают. Два компьютера. Одинаковая операционная система (Windows 7, с одного носителя установленная) обновленная. Одинаковые браузеры и дополнения (Firefox 26 к примеру). ClearType включен и там и там. Однако в одном (№1) я вижу шрифт вот так (обратите внимание на "e"): А в другом (№2) - вот так: Это в общем, во всех браузерах. Ан нет, IE10 на №1 показывает "e" с горизонтальной полкой.. Почему так? Можно ли этого избежать? Если у меня есть такой эффект (отсутствие горизонтальной полки у "е"), то есть вроятность появления у других - процент вероятности мне не известен. но думаю, он большой. P.S. И да, у себя…

    Asked by d0ublezer0, January 14, 2014

    • ClearType
    0 votes
    3 answers
20. Отступ при отрицательном margin

    Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…

    Asked by Temiks, September 16, 2014

    0 votes
    0 answers
21. Подскажите название слайдера

    Подскажите, что это за слайдер: http://themes.designova.net/?theme=realm ( http://savepic.su/4946345.png ) Как он называется и может, кто знает, где такой можно скачать? Или что-нибудь, наподобие этого слайдера.

    Asked by Alfa2015, February 4, 2015

    0 votes
    4 answers
22. Как выстроить элементы в 2 колонки?

    Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))

    Asked by alleclf, September 2, 2015

    0 votes
    2 answers
23. Test tools

    Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.

    Asked by seemax, December 23, 2015

    0 votes
    0 answers
24. Select или не Select

    Ребят верстаю макет, есть вот такие выпадающие списки Проблема в том что сейчас насколько мне известно полностью стилизовать Select без JS невозможно. полазил в интернете на предмет статей, как это можно реализовать, есть всего 2 способа без использования JS. и оба способа не очень адаптивны, а вернее не адаптивны совсем, А так как я не знаю JS подумал почему не заменить select обычным выпадающим списком стилизованным под select. ведь это гораздо проще, быстрее. валиднее. и адаптивнее,Возник вопрос 1) как к этому отнесуться поисковые системы, есть ли разница для поисковика? 2)как к этому отнесуться програмисты(про чекбоксы не говорю)? Ведь по сути se…

    Asked by Евгений_SB, July 31, 2017

    0 votes
    2 answers
25. C помощью какого плагина можно менять css на лету в IE

    Добрый день! C помощью какого плагина можно менять css на лету в IE!!! Типа firebug.

    Asked by midzus, April 5, 2009

    0 votes
    2 answers