HTML Coding

29,542 questions in this forum

1. Верстка из HTML в PSD

   Вопрос неординарный конечно,но... Как можно сверстать тему из Html файла в фотошоп? КАК? Пожалуйста помогите! Буду очень рад.

   Asked by SKSKSS2013, August 14, 2013

   • Html в PsdHtml to Psd
   0 votes
   5 answers
2. Верстка из картинки

   Нужно сверстать документ для e-mail. Только табличная вёрстка, без маппинга изображений, без внешних CSS только инлайн. Конкретно интересует средняя часть с товаром. Все ссылки должны быть рабочими. Помогите пож. http://files.mail.ru/7D4CF09A3BBD4125BD2E8110F6B8A7DE?t=1

   Asked by kreved1989, November 14, 2013

   • таб
   • e-mail
   0 votes
   1 answer
3. Вёрстка изогнутых блоков

   Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…

   Asked by coldug, July 9, 2011

   0 votes
   32 answers
4. Верстка иллюстраций с подписями.

   Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.

   Asked by stupidtrue, August 16, 2012

   0 votes
   13 answers
5. Верстка интерактивной схемы для сайта

   Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…

   Asked by Ex.clusive, March 6, 2013

   • Html
   • csss
   • svg
   • jquery
   0 votes
   0 answers
6. Верстка интернет-магазина

   Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.

   Asked by Alisa1711, July 24, 2018

   • html
   0 votes
   1 answer
7. Верстка как в Google Support

   Здравствуйте, всё никак не могу сделать такую верстку, как на Google Support Помогите, пожалуйста создать макет как на картинке

   Asked by Haindell, April 1, 2018

   • google верстка
   • верстка
   0 votes
   1 answer
8. Верстка картинки без картинки

   Помогите пожалуйста. Я хочу научиться верстке. Хочу попробовать сверстать вот это http://images.wikia.com/dragonvale/images/e/e8/Space_invader.jpg Не используя картинки и таблиц, как это лучше сделать?

   Asked by ozavr, August 4, 2015

   • Верстка
   • картинки
   0 votes
   8 answers
9. Верстка картинки слайдера

   Верстаю страничку и столкнулся с такой проблемой: как сверстать слайдер, понятно, что на сайте он будет работать на jquery, но свойства нужно задать при верстке ( шрифт, размеры и т.д). Или может не стоит этого делать? Скрин прилагаю.

   Asked by vadimon, November 7, 2010

   0 votes
   7 answers
10. Верстка картинок списка шаблон Django

    Как переместить картинку слева от категории списка? <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submen…

    Asked by sadosado, December 20, 2017

    • картинки
    • список
    0 votes
    1 answer
11. Верстка карточек сотрудников

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

    Asked by Fomatik, January 5, 2019

    0 votes
    3 answers
12. Верстка карточки товара

    Суть такая сверстать что то типа карточки товара, но текст описания всегда разный, должен выравниваться по вертикали, а картинки должны быть на одном уровне. Сверстать желательно div <div class="block"> .................. </div> или может списком <ul> <li> ............... </li> </ul> Но проблема в том как сделать выравнивание картинки зависим от количества текста, чтоб картинка во всех блоках (одной строки) была на одном уровне!? _http://imagepost.ru/images/t/ov/tovar.gif

    Asked by mihail.adept, September 14, 2011

    0 votes
    8 answers
13. верстка карточной игры

    Всем привет! Друзья, помогите советом. Делаем карточную игру. Был сделан макет игры в псд. Далее программист сверстал все. При просмотре макета- все очень весело и красиво смотрится, когда захожу смотреть игру- все как-то уныло, тускло, где-то мутно, видны пиксели. Программист говорит, чтобы этого избежать, нужно увеличить разрешение, мне кажется, что это не так, т.к. макет и сама игра один к одному по масштабу. Помогите пожалуйста разобраться. Спасибо!

    Asked by zotovan1, December 7, 2020

    0 votes
    2 answers
14. Верстка карты мест

    Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

    Asked by yulshaz@mail.ru, February 1, 2019

    • html
    • табличная верстка
    0 votes
    3 answers
15. Верстка карты(Map, Area.)

    Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…

    Asked by Yamaradg, May 31, 2013

    • найти оптимальную реализацию.
    0 votes
    2 answers
16. Верстка каталога

    Не получается создать каталог элементов. Сверстал каталог для магазина со следующими характеристиками: 1. На DIV 2. Гибкие 3. 3 элемента в строке 4. Первый элемент (DIV) прижат к левой стороне родительского блока 5. Второй элемент (DIV) посередине 6. Третий элемент (DIV) прижат к правой стороне родительского блока 7. Элементов может быть сколько угодно много по 3 в строке Как правильно было бы реализовать данную задачу? Мои попытки: HTML <div id="product-list"> <h2 class="title">Заголовок</h2> <div class="product-item"> <div class="product-wrapper"> <div class="photo"> …

    Asked by Rozmarin, September 5, 2014

    0 votes
    0 answers
17. Верстка каталога Интернет магазина

    Всем привет. Верстаю макет интернет магазина. Не могу сверстать каталога. Вот изображения. Помогите советами, наводками как сверстать такой блок: Что-то похожее реализован на этом сайте. Спасибо заранее!

    Asked by parnas, June 25, 2014

    0 votes
    6 answers
18. Верстка категорий товара из изображения

    Имеется такое вот изображение категорий товаров. Беда вся в том, что слой всего один. Уже принял решение верстать его как карты-изображния, но чутье мне подсказывает, что это не единственный выход. Как можно еще реализовать?

    Asked by vadimon, November 9, 2010

    0 votes
    8 answers
19. Верстка книги

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

    Asked by Буллет, March 18, 2012

    0 votes
    9 answers
20. Верстка кнопки

    Не получается сделать овальную динамичную кнопку с помощью картинок. У меня 3 картинки - левый край, центр(полоска) и правый край. CSS background:url(левый_край.gif) no-repeat; background:url(центр.gif) repeat-x; background:url(правый_край.gif) no-repeat 100% 0; Все хорошо, все работает, но края у меня скругленные, с прозрачными углами. И получается, что в этих местах видна картинка центр.gif Вот собственно вопрос, можно сделать так, чтобы под картинками левый_край.gif и правый_край.gif небыло картинки центр.gif?

    Asked by frog163, February 11, 2012

    0 votes
    15 answers
21. Верстка кнопки vs ссылка

    Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

    Asked by okunev2, October 1, 2012

    0 votes
    14 answers
22. Верстка кнопки поиска

    Пожалуйста подскажите, как можно сверстать эту кнопку поиска?

    Asked by flintovich, April 17, 2012

    0 votes
    4 answers
23. Верстка кнопок

    Здравствуйте, подскажите как сверстать рамку вокруг кнопки.

    Asked by FRANZEE, March 28, 2015

    0 votes
    2 answers
24. Верстка кнопок одинаковой высоты

    Необходимо сверстать 4 кнопки одинаковой высоты в столбик с помощью CSS3. Блок, в котором находятся кнопки ограничены по ширине. Проблема возникает, когда текст кнопки не вмещается в заданную ширину и переносит текст. Необходимо, чтобы надписи на кнопках были центрированы по вертикали (по горизонтали тоже) при заданной высоте, т. е. чтобы если текст кнопки переносится на другую строку, высота при этом не увеличивалась. Делаю так. В моём примере высота увеличивается. <ul> <li><a href="" class="button"><span>Текст</span></a></li> <li><a href="" class="button"><span>Текст</span></a></li> <li&g…

    Asked by artwalek, September 18, 2012

    0 votes
    0 answers
25. Вёрстка колонок

    Сейчас лучше чем верстать колонки сайта: флоатами или inline-block?

    Asked by DivMan, August 18, 2014

    0 votes
    1 answer