HTML Coding

29,542 questions in this forum

1. Как сверстать

   Как правильно сверстать данный элемент? Если делать через :before/:after, то с адаптивом возникают проблемы, так как чтобы заадаптивить, приходится ловить пиксели, на котором нужно менять позицию данного элемента. Я не думаю, что это правильное решение .

   Asked by Okieazy, February 12, 2019

   0 votes
   8 answers
2. как сверстать 2 блока

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

   Asked by kent666, May 14, 2012

   0 votes
   5 answers
3. как сверстать блок

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

   Asked by igon, July 3, 2010

   0 votes
   7 answers
4. Как сверстать блок в блоке?

   Подскажите как сверстать...

   Asked by hover, December 19, 2017

   • html
   • css
   0 votes
   2 answers
5. Как сверстать блок с табами с эффектом слайдинга

   Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.

   Asked by parnas, June 29, 2014

   0 votes
   8 answers
6. Как сверстать блок с тарифами?

   Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки с тарифами? (с учетом того, что это будет еще адаптивно) http://www.screencapture.ru/file/c0a79E29

   Asked by web-monster, July 14, 2015

   • html
   • css
   0 votes
   3 answers
7. Как сверстать блок со своей прокруткой?

   Всем привет! Подскажите, как лучше сверстать вот такой вот блок - http://joxi.ru/KAgkLqgHQJnXAl И прилепить туда свой бегунок Заранее Спасибо!

   Asked by Antoshka007, October 12, 2015

   0 votes
   2 answers
8. как сверстать вот такой блочок

   Я понимаю, что всем надоела уже, но плиз как вот такой кусочек сверстать http://prntscr.com/3lwwi9

   Asked by Anna Zharova, May 23, 2014

   0 votes
   6 answers
9. Как сверстать вот такой блочок

   Столкнулась с небольшой проблемой при верстке вот такого блока http://prntscr.com/56kp3s Макет: http://prntscr.com/56kovy Особенность в том что картинки подставляются прямоугольные, а не квадратные (тут проблем нет). Помогите сверстать красивое кроссбраузерное решение. Вот что пока у меня получилось http://azharova.ru/test/kruglyash.html#

   Asked by Anna Zharova, November 15, 2014

   0 votes
   5 answers
10. Как сверстать выносную линию

    Что-то я опять залип. Допустим есть меню правый край которого должен прилипать к краю окна, но его контент должен быть центрирован по основной линии. И чтобы это все не разлеталось при ресайзе. Есть идеи?

    Asked by pangurban, October 17, 2014

    0 votes
    5 answers
11. Как сверстать градиентные полоски для hover?

    Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}

    Asked by maerrry, September 30, 2010

    0 votes
    5 answers
12. Как сверстать данный макет

    Здравствуйте. Как лучше сверстать данный макет? Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах? Как позиционировать круги и центральный блок со скругленными краями? Как сделать линии, соединяющие блоки?

    Asked by marchenkovby, April 12, 2018

    0 votes
    4 answers
13. Как сверстать данный макет

    Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.

    Asked by Anna Zharova, March 16, 2014

    0 votes
    4 answers
14. Как сверстать заголовок?

    Вот что надо получить: лого и название компании есть единая ссылка, причем название отцентрировано относительно лого. Этот блок + телефон с адресом отцентрированы по вертикали в отдельном контейнере А вот попытки: <div id ="preheader"> <a href="/" alt="ООО Агроминералпро">ООО "Агроминералпро"</a> <div id="contact"> <span> <p>(8793)38-35-87</p> <p>г. Пятигорск, ул. Ермолова, д.12А</p> </span> </div> </div> CSS: #preheader{ margin: 5px auto; width: 1000px; height: 70px; border:1px solid black; vertical-align:middle; display:table-cell; position:rela…

    Asked by borus, October 21, 2011

    0 votes
    6 answers
15. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:

    Asked by still_2000, March 28, 2009

    0 votes
    1 answer
16. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как не используя таблиц или css сверстать картинку следующего вида:

    Asked by still_2000, March 28, 2009

    0 votes
    1 answer
17. bootstrap Как сверстать картинку, выходящую за сетку бутстрап?

    Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!

    Asked by incub, June 11, 2017

    • html
    • css
    0 votes
    13 answers
18. Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?

    Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…

    Asked by Drunk_Monkey, December 15, 2016

    0 votes
    1 answer
19. Как сверстать карусель

    Скажите может кто то знает как сверстать вот такую карусель Чтобы попроще 4 блока ссылки стрелочки ,что бы попроще, может есть у кого инфа по этому поводу https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1134449

    Asked by virtas, January 17, 2016

    • карусель
    0 votes
    13 answers
20. Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?

    Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо

    Asked by vvsh, June 8, 2010

    0 votes
    14 answers
21. как сверстать кнопку в меню не под прямым углом

    в изображении привиден пример когда выделение активного пункта меню выделенно вормой в виде параллелограмма как лучше сверстать такой объект? Может в css3 и html5 есть для этого какието примочки? буду благодарен за любую попмощь

    Asked by Lisjann, September 4, 2012

    0 votes
    5 answers
22. Как сверстать лучше сверстать блок

    Встала вот такая задача сверстать вот такой блок: http://prntscr.com/5sbbku Сейчас это выглядит вот так: http://azharova.ru/test/card_place2.html# Дизайнер предложил делать это с помощью скрипта, например вот такого http://blurjs.com/, но не совсем понятно к какому месту это применять Задача заключается в следующем, необходимо что бы на картинку натягивался градиент (на подобии слайдеров), если правая стороны превысит высоту картинки (она не измена и всегда 370рх)

    Asked by Anna Zharova, January 14, 2015

    0 votes
    14 answers
23. Как сверстать меню под углом

    Вот интересует вопрос как сверстать вот такое меню: то-есть как развернуть каждый пункт меню под определенный угол.

    Asked by denbon, October 24, 2012

    0 votes
    2 answers
24. Как сверстать меню?

    Дорогие Камрады, у меня возник вопрос, а точнее мне интересно услышать варианты и идеи по-поводу того, как бы Вы сверстали вот такое меню: , дело в том, что Оно полностью Пнг-формата, и сам каркас с фоном, ссылки и текущая страница тоже, как видите выделяется(в данном случае это страница "Авторизация").. А проблема в том, что: 1) Нужно, что-бы это меню прекрасно отображалось в ИЕ6, один в один, как и везде 2) Почему то ссылки не кликабельны после того, как я назначаю даже фон этому меню в ИЕ6, почему так происходит, я не могу понять? 3) Хотелось-бы узнать у Вас, как-бы кто сверстали такое меню, какими бы свойствами и действиями оперировали?

    Asked by psywalker, June 6, 2009

    0 votes
    56 answers
25. Как сверстать нахлёстом

    Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.

    Asked by dimacat, August 13, 2010

    0 votes
    22 answers