HTML Coding

29,542 questions in this forum

1. Как сверстать необчный блок с вкладками?

   Здравствуйте! Есть макет блока с вкладками (табы), но сами элементы переключения влкадок имеют необычную форму. Как сверстать этот макет?

   Asked by dangerous, December 7, 2014

   • вкладки табы
   0 votes
   3 answers
2. Как сверстать обводку?

   Как сверстать обводку блока если она градиентом сверху вниз?

   Asked by hahaja, June 8, 2012

   0 votes
   2 answers
3. Как сверстать оглавление как в книге?

   Вот что нужно сверстать: http://rghost.net/4477368/image.png Если словами то имеем три колонки, на каждом ряду первая и третья не фиксированного размера, а та, что по центру должна быть заставлена точками (я так понимаю это может быть border-bottom: 1px dotted black). Правая колонка выровнена по правому краю Типа вот такого: Ширина.........150 мм Высота..........200 мм Глубина.......3500 мм Подсткажите пжл как такое можно такое сверстать? Спасибо За примеры отдельное спасибо

   Asked by houdini, February 21, 2011

   0 votes
   3 answers
4. Как сверстать панель оценок

   Привет, камрады. Голова уже не варит, дико туплю. Такую панельку, как на картинке можно сверстать без js чтоб при наведении загорались звезды до и та, на которую навели? Подкиньте пример или идейку. И как такая вещь называется? А то ведь даже загуглить не получается.

   Asked by pangurban, October 15, 2014

   0 votes
   3 answers
5. Как сверстать переключатель

   Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?

   Asked by hike, October 24, 2017

   • переключатель
   0 votes
   2 answers
6. Как сверстать по таким требованиям слайдер ?

   В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....

   Asked by Alexej, May 16, 2018

   0 votes
   5 answers
7. Как сверстать противоположенную стрелку на слайдере

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

   Asked by Rimming, July 27, 2016

   0 votes
   1 answer
8. Как сверстать ссылку из сообщения блога

   Здравствуйте, уважаемые форумчане! Версткой занимаюсь недавно, и пока некоторые вещи ставят в тупик. Проблема следующая: В футере имеется колонка под названием "Из нашего блога", в ней 2 последние записи из некоего блога. В начале каждой записи стоит ее дата, далее - укороченное в три строки начало текста сообщения блога. Первая строка каждого текста сообщения является ссылкой, чтобы щелкнув по ней можно было перейти куда-то к полному сообщению. В общем, не совсем понятно, как правильно верстать эту самую ссылку, в которую должна оборачиваться только первая строка сообщения. Сдается мне, что это делается с помощью языка программирования, ведь сообщения блог…

   Asked by Alphataurus, February 18, 2017

   0 votes
   4 answers
9. Как сверстать стрелку на CSS

   Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos

   Asked by Goodman-77, August 21, 2017

   • css
   • стрелка
   0 votes
   6 answers
10. как сверстать таблицу

    как сверстать такую таблицу?

    Asked by mugukamil, September 18, 2014

    • верска
    • таб
    0 votes
    5 answers
11. Как сверстать таблицу со вкладками

    Здравствуйте! Нужно принять решение, как правильно это сверстать. Есть такое задание: Каждый месяц - это вкладка. Соответственно, под ней отображается относящееся к ней содержимое. Верстка должна быть адаптивной. Правильно ли сверстать это таблицей?

    Asked by Светлана Г., March 13, 2015

    0 votes
    18 answers
12. Как сверстать так.

    Здравствуйте! Вот такая задача. Низ макета имеет тень и выглядит так:. Как это сверстать? У меня получается так, что тень не видна: Стили и код: @boxshadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.43);html { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: rgb(232,203,212);}body{ height:100%; margin:0;}#wrapper { position: relative; min-height:100%; max-width: 814px; /*overflow:hidden;*/ background-color: #f0e5e4; margin:auto; box-shadow: @boxshadow;}@media (max-width: 480px) {header {position: absolute;height: 30%;width: 100%;}}<!DOCTYPE html><!--[if lte IE 8]><html class="ie8" lang="ru"><![end…

    Asked by Светлана Г., January 9, 2014

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

    Добрый день. Помогите, плз, сделать такую верстку, как на картинке во вложении. Таблицей большая часть делается за 10 минут, но, как мне сказали, таблицы - это фуфло, и надо дивами. В общем долго маялся через эти дивы - ничего не выходит. Либо приходится какие-то извращения придумывать, например, сделать контайнет, в нем сделать левый паддинг на 400 пикселей, и в эту область разместить абсолютный элемент, а в нормальную область все остальное, чтобы в строку было, либо еще что-то. Делать продвинутыми средствами как псевдо-таблицы (так это называется?) пока не хочу, т.к. эта верстка нужна для интернет-магазина, а он должен показываться правильно везде. И также, как я понял,…

    Asked by xmlns, May 13, 2013

    0 votes
    5 answers
14. Как сверстать такие позиционирование блоков для адаптива?

    Всем привет! Интересует следующий вопрос по адаптивной верстке. Есть 3 блока. На широком экране красный и черный - фиксированные по ширине, а белый - основной блок для контента, у которого ширина зависит от ширины страницы, т.е. резиновый. Высота у блоков может быть любой. Главное - чтобы блоки не дублировались! При узком экране красный должен переместиться над белым блоком, а черный - под ним: Я пытался сделать через float, но моих знаний не хватило на решение данной задачи. Заранее спасибо!)

    Asked by MiHALbI4, May 15, 2017

    0 votes
    1 answer
15. Как сверстать такое

    Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

    Asked by yaparoff, November 2, 2018

    0 votes
    2 answers
16. Как сверстать такое (см. скрин)

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

    Asked by Squidward, April 26, 2015

    0 votes
    3 answers
17. Как сверстать такое меню

    Макет меню http://prntscr.com/31e2os Возникла проблема с наложение язычка, выравнивание и прочие прелести лезут из всех щелей. Все пункты меню разные, язычок имеет фиксированную ширину. Вот код верстки http://jsfiddle.net/GX2my/

    Asked by Anna Zharova, March 17, 2014

    0 votes
    4 answers
18. Как сверстать такое меню

    Приветствую. Пытаюсь сверстать первый макет, но возникли сложности с меню. Как сверстать такое? - http://prntscr.com/axumjc особенно логотип в центре

    Asked by bitande, April 28, 2016

    0 votes
    6 answers
19. Как сверстать такое меню?

    "Коллектив автошколы", "Наши машины", ... - это ссылки. Текст внутки синих квадратов это ТЕКСТ (не картинка) Таких менюшек может быть сколько угодно, все они должны быть по центру.... была мысль сделать такое меню с помощью таблиц, т.е. одна таблица = одно квадратик с закругленным углом. Но при таком раскладе тяжело таблицы расположить рядом друг с другом... с помощью дивов вообще не знаю как сделать... С первого взгляда кажется не трудно это сделать, но вот я уже не один час ломаю голову...

    Asked by Джин, March 25, 2009

    0 votes
    4 answers
20. Как сверстать такое меню?

    Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.

    Asked by MiHALbI4, August 8, 2010

    0 votes
    40 answers
21. Как сверстать такое?

    Как сверстать такое при наведении на фото?

    Asked by zsaz, May 22, 2012

    0 votes
    2 answers
22. как сверстать такое?

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

    Asked by stan07, October 21, 2014

    0 votes
    17 answers
23. Как сверстать такое?

    В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.

    Asked by 0leg5ergeev, September 15, 2015

    • htlm
    • select
    • js
    • javascript
    0 votes
    5 answers
24. Как сверстать такое?(1)

    Всем доброе утро, день, вечер! Сабж.

    Asked by Flexible Curd, January 20, 2015

    0 votes
    6 answers
25. Как сверстать такое?(2)

    Всем доброе утро, день, вечер! Сабж. P/S. Мои предложения: просто выровнять по центру картинку как она есть, а кругляшки меню спозиционировать абсолютно. Так же, внизу(ниже центральной картинки) есть 2 стрелочки как будто центральная часть это какой-то слайдер, чтоли?

    Asked by Flexible Curd, January 27, 2015

    0 votes
    3 answers