HTML Coding

29,542 questions in this forum

1. Верстка на мобильном в Хроме поехала

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

   Asked by fowl, December 17, 2017

   0 votes
   1 answer
2. Верстка на чистом html под unisender

   Сделал мини шаблон для email верстки в яндекс программе для просмотра почты на телефоне Периодически съезжает блок и он становится не по середине Что можно сделать?Или добавить или убрать? Спасибо <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 800px; background-color: #ffffff;"><tbody><tr><td style="width: 25%; background-color: #f0eae6;" valign="top"></td><td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; line-height: 0px;"><tbody><tr><td align="left" colspan="2" style="width: 600px; line-height: 0px;"></td></…

   Asked by Romasa, September 26, 2014

   0 votes
   4 answers
3. Верстка нав. меню с картинками. Как бы вы это сделали?

   Здравствуйте, я учусь. Подскажите пожалуйста как бы вы сверстали вот такое меню навигации. Интересует скорей не код, а описание словами как бы вы сами эти верстали. Спасибо!

   Asked by pavelpashkovsky, December 23, 2013

   • навигационное меню
   0 votes
   3 answers
4. Верстка накладывающихся изображений друг на друга. Определение градиента

   Здравствуйте! На приведенном изображение хедера лендинга столкнулся с непониманием как на слайде слайдера расположить текст, на него изображение пирожного и тень пирожного под самим изображением. На макете это три разных объекта: Текст, изображение с пирожным и слой с тенью под пирожным. Я склоняюсь к двум вариантам: слить текст и изображения в один объект,и втулить его как background. Или создать блок, в котором центрирую текст, а поверх этого блока абсолютом блок с изображением и тенью под ним...ну и с текстом, и всеми елементами взаимодействия. Хотелось бы узнать как решили бы задачу знающие люди. Ну и вторая часть моего вопроса-как определить градиент на фоне? Сам фо…

   Asked by Super_Saimon, March 13, 2018

   0 votes
   4 answers
5. Верстка небольшого блока

   Приветствую, есть небольшой и возможно достаточно простой для большинства профи блок, но я являюсь любителем, который иногда что-то пытается верстать для себя и в таком случае важен не только результат (соответствия макету), но важно научится грамотно выбирать оптимальный способ реализации. Следовательно у меня есть несколько вопросов к знатокам по данному макету: 1) Насколько реализуема и уместна верстка косых углов на чистом css? 2) Как сделать разделитель меню через border-right, дабы он соответствовал макету? Насколько это оправданно? 3) Как бы вы сверстали этот блок (желательно пример кода)? Заранее благодарю за вашу помощь...

   Asked by beliy, December 5, 2015

   0 votes
   7 answers
6. Верстка некорректно отображается в 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
7. Верстка необычного ul

   Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать

   Asked by gibigate, July 6, 2011

   0 votes
   9 answers
8. Верстка неровных неровных блоков с закруглением

   Привет всем, объясните принцип верстки подобных блоков

   Asked by exoty, July 27, 2018

   1 vote
   6 answers
9. Верстка несколько страниц?

   Подскажите, CSS для всех страниц пишется в одном файле?

   Asked by Sergey410, August 30, 2011

   0 votes
   7 answers
10. Верстка нестандартного меню

    Приветствую. Целый день не мог решить задачу. Вот решил наконец к вам обратиться. Значит задача состояла в следующем: необходимо сверстать горизонтальное меню с закругленными по краям углами. На момент клика (я так понял a:active) должны подключаться спрайты. Меню должно тянуться по разрешению экрана до 1660рх. Естественно IE7+ и полное прохождение валидации. С виду задача не очень сложная, но приступив к работе вошел в ступор. Как быть с закругленными краями, чтоб они так же реагировали на клик элемента и при этом элемент списка тянулся по тексту. Вот, прошу помощи. Вот то, что пока получилось. Не работает в опере и естественно в IE7. И нет резины по ширине экрана.

    Asked by Avro, November 4, 2011

    0 votes
    4 answers
11. Верстка нестандартного меню

    Добрый день уважаемые форумчане. Возможно заголовок темы для кого-то прозвучит слишком вычурно, ибо он создаёт такие меню на раз-два. Дело в том, что я столкнулся с таким меню впервые. Меня вводят в замешательство косые правые и левые бордеры у элементов меню. Если не сложно, дайте пару советов, как верстать меню с таким вот необычным дизайном. К сообщению прилагаю две картинки: стандартное состояние и хавер (ссылки на альбом вконтакте). 1. http://vk.com/id167533842?z=photo167533842_281100254%2Fphotos167533842 2. http://vk.com/id167533842?z=photo167533842_281100253%2Fphotos167533842

    Asked by nazarlee, March 16, 2012

    0 votes
    4 answers
12. Верстка нестандартного меню

    Добрый день. Мне понадобилась помощь в решении данной проблемы, вот я и решил обратиться сюда. Требуется создать меню такого типа: Проблема конкретно с версткой. Способ придумал, но не знаю, как его воплотить в жизнь. 1. Сделать фоновое изображение (круг). 2. Указать координаты, при наведении на которые будет заменяться картинка. (в этом и проблема, что я не знаю, как это сделать) Заранее спасибо. :)/>

    Asked by baron, November 18, 2012

    0 votes
    5 answers
13. верстка нестандартного меню

    Подскажите как сверстать меню ? http://freepsd.com/colourful-wordpress-free-psd-template/ На ум приходит только через карты.

    Asked by cypler, April 16, 2013

    • верстка нестандартного меню
    0 votes
    6 answers
14. Верстка обтекаемой таблицы

    Доброго времени суток! Прототип я сделал: http://jsfiddle.net/qRb52/ В нём несколько проблемок, которые хотелось бы решить. во-первых когда окно браузера сужаем, ячейки таблицы тоже начинают сначала сужаться до минимума, как этого избежать, чтобы они оставались квадратными при сужении и просто появлялся скроллбар?в браузере Opera (10.63 в моём случае) при выделении нескольких ячеек таблицы после каждой происходит мерцающее выделение всей таблицы до конца! (в Firefox этого эффекта нет и всё работает как надо). Как этого избежать в опере?Заранее благодарен.

    Asked by EDIsaev, May 28, 2014

    0 votes
    12 answers
15. верстка окна чата для сайта

    Добрый день! Моя задача - создать описание такой вот странички в CSS, фиксированного размера 1000x600(px). Не знаю как подступиться , помогите хорошим советом. Заранее благодарен, скрин требуемого скелета ниже. С этой проблемой вроде как разобрался, не уверен правда в грамотности кода на CSS =) Но вот например возникла довольно таки часто встречающаяся ситуация с версткой подобных вещей. Как грамотно описать в css? я описывал примерно так, правильно ли это? .history_options_bar { /*background-color:#0CC;*/ width:100%-20px; height:auto; padding: 10px; outline:1px solid grey; font-size:14px; } .checkbox input { border:solid 1px grey; } #message…

    Asked by vazzko, September 28, 2011

    0 votes
    1 answer
16. Верстка основного div с сохранением позиций в word

    Добрый день, уважаемые гуру! сломал себе голову, перечитал тонны e-литературы и перепробовал кучу примеров... но может это в принципе не возможно? суть в следующем - есть основной блок <div id="main"> внутри этого блока (как правило нужно разместить 2-3 таблички и картинку - таблички могут быть как в линию так и друг за другом!) - самое главное чтобы при копировании содержимого страницы в word сохранялась верстка, то есть картинки оставались справа от таблички.... никак не получается((( все друг под другом... есть рецепты? буду очень признателен!

    Asked by moi-soft, December 21, 2011

    0 votes
    5 answers
17. верстка от начала до конца

    Расскажите пожалуйста как сверстать макет типа http://efimov.ws/main/develop/webmasters/27-psd-templates.html (любой). Меня интересует , как порезать , и как затем склеивать . Буду очень благодарен , если со скриншотами.

    Asked by olechic, September 20, 2011

    0 votes
    1 answer
18. Вёрстка паджинатора с переменным количеством страниц

    Привет. В общем столкнулся с задачей от дизайнера, которую вообще не понимаю как решить. Необходимо запилить паджинатор (то есть постраничную навигацию) Вот условия: 1. Страница резиновая. Немного упрощает жизнь то, что она не полностью резиновая, а от 1000 до 1300, но ширина переменная. 2. Ссылочек надо показать столько, сколько влезает на отведённое место, которое резиновое. 3. Если не выводится первая или последняя страница, то активная страница должна быть по центру, а справа и слева должны быть многоточия. 4. Если показывается первая или последняя страница, то точки только с одной стороны. Прилагаю скриншот. http://borber.ru/htmlbook/paginator.png У кого есть какие у…

    Asked by Veseloff, February 4, 2016

    0 votes
    9 answers
19. Вёрстка писем, бэкграунд

    Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.

    Asked by SoFuWa, December 29, 2009

    0 votes
    15 answers
20. Верстка писем. Встраивание изображения

    Как можно встроить изображение в письмо ? Без абсолютной ссылки. Письмо отправляется программно. Пробовал base64 вставить в img, не отображается... <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAPABwDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJy…

    Asked by SnowSilver, January 16, 2019

    • верстка писеьм
    • встраивание изображения в письмо
    0 votes
    3 answers
21. верстка письма

    Добрый вечер. Столкнулся с неприятным багом в Outlook 2007. В колонке таблицы хочу разместить картинку(элемент дизайна) размером 14x580. Если указать src картинки(а мне именно так и нужно и никак иначе) через cid, то в Outlook'e изображение растягивается до 720px, что совершенно все портит (если указывать через обычный url, то все ok, но это не вариант). Есть у кого идеи/советы? Возможно вознаграждение(ЯД).

    Asked by Brainshock, May 10, 2012

    0 votes
    0 answers
22. верстка письма

    Цель - отправить HTML письмо с сайта с изображением <img src="http://site.ru/img.jpg" /> Content-type: text/html; charset=windows-1251\r\n Отформатированный HTML контент приходит, но изображения нет... Еще можно ли сделать ссылку на печать письма?

    Asked by webair21, November 26, 2013

    0 votes
    1 answer
23. Верстка по макету. Шрифт.

    Есть макет в котором присутствует текст. Есть данные о типе шрифта заголовков, основного текста и.т.д. Вопросы: 1) Должен ли текст после верстки идеально совпадать с шрифтом на макете? 2) В каких единицах лучше задать размер шрифта? 3) Почему работает letter-spacing: 0.8px;, ведь указан размер меньше пиксела! Как правильно задать размер межбуквенного отступа для этого свойства? 4) Как сделать чтобы шрифты не "ездили" при масштабировании браузера, а были статичными - как картинка?

    Asked by Feel, March 21, 2013

    0 votes
    1 answer
24. Верстка повторяющихся блоков разной высоты

    Вопрос вроде популярный, но не нашел нормального решения. Как можно реализовать верстку повторяющихся блоков разной высоты, как здесь на картинке: http://hkar.ru/zt4R Верстка должна быть: <div class="blocks"><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div><div>block</div></div>

    Asked by vip, March 13, 2015

    0 votes
    2 answers
25. Вёрстка под CMS

    Здравствуйте. Скажите, какие особенности вёрстки под различные CMS? Мне кажется, главное, чтоб вёрстка была качественной и её можно без проблем "натянуть" на любой движок. Или я ошибаюсь?

    Asked by Crystal-3, November 25, 2015

    0 votes
    10 answers