HTML Coding

29,542 questions in this forum

1. Оттенки серого в изображениях

   Всем привет, Подскажите пожалуйста, а возможно ли как-то сделать gryscale для картинок средствами CCS? И если да, то кто как её решает. Я видел вот такой пример, но может есть ещё какие-то решения?

   Asked by pvk, January 17, 2012

   0 votes
   1 answer
2. Отточие

   Всем добрый день. Меня интересует вопрос создания отточия в верстке HTML письма. Тема создания этого элемента разными способами поднималась и здесь, и на других сайтах, но речь всегда идет просто о HTML и CSS. В моей ситуации есть ограничения E-mail HTML. Я уже сломал голову. Может кто-то сталкивался с этой проблемой?

   Asked by Racemus, April 11, 2012

   0 votes
   13 answers
3. отцентрирование кода

   как отцентрировать данный текст html? заранее большое спасибо. мучаюсь немало. всё дело в бордерах между блоками. из-за них не получаеться сделать из ширины всех блоков 100%. и поэтому справа остаёться часть пустоты, поэтому я попробывал засунуть требуемый вывод тем в таблицу. но с помощью выравнивания таблицы тоже получилось не совсем по центру. можно ли всё таки выровнять по центру иль всё же нужно на table вёрстку переписать? еще раз спасибо за помощь так же можете посмотреть по адресу: wars.org.ua/forum/2/ вот текст html <table align='center' cellspacing=0 cellpadding=0><tr><td><div class='forum_part_base'> <div class='forum_part_title' sty…

   Asked by das, July 8, 2010

   0 votes
   4 answers
4. Отцентрировать float

   Есть группа элементов float:left неизвестной ширины. Можно ли их отцентрировать в контейнере по горизонтали. Требуется для меню горизонтального. [..................[float][float][float][float].......................]

   Asked by still swamp, December 16, 2010

   0 votes
   8 answers
5. Отцентрировать один блок из трех относительно родителя

   Здравствуйте. Есть вот такой пример https://jsfiddle.net/5dnz61qu/ Мне нужно, чтобы центр зеленого блока всегда находился в центре родительского. У меня два варианта, но они оба мне не нравятся: 1) Абсолютное позиционирование. 2) Задать синему блоку такую же ширину, как и в красного. В блоках динамический контент, поэтому хотелось бы, чтобы они могли занимать все свободное пространство, а с этим вариантом такого не получится. Есть еще идеи?

   Asked by alex_web64, July 1, 2019

   0 votes
   2 answers
6. Отцентрировать посередине текст

   На странице есть ячейки с товарами и там нужно отцентрировать название товара посередине по горизонтали. Что то не понимаю как это сделать.

   Asked by smirn0ff, December 4, 2013

   0 votes
   1 answer
7. отцентрировать сайт

   Верстаю свой первый сайт и возникла проблема, сайт загружается не по центру. Ширина сайта - width: 1680px, загружается область левого верхнего угла. зы. margin: 0 auto; куда только не лепил, не помогло))) Помогите разобраться плз.

   Asked by mishutko, June 8, 2011

   0 votes
   8 answers
8. Отцентрировать согласно неизвестной высоте

   Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}

   Asked by kattiperk, November 17, 2015

   • js
   • height
   0 votes
   13 answers
9. отцентрировать текст в колонке

   Объемный прайс в виде таблицы. Заданы col-ы . Нужно отцентрировать текст только в одной колонке. Дабы не задавать класс для каждой нужной ячейки, задала класс для нужной колонки, но почему-то не работает. Код и css в норме, ручаюсь. Может быть col вообще не работает, по крайней мере в FF???

   Asked by Nomo, June 6, 2007

   0 votes
   16 answers
10. Отцентровать "display:table-cell"

    Должно получиться следующее: Блоки должны быть по центру + отступы между ними Верстаю под IE9, этим блокам задал display:table-cell (IE9 flexbox не поддерживает, с полифилом что-то тоже не получается) Теперь их нужно отцентровать и добавить отступы между ними. Как это сделать? http://codepen.io/anon/pen/QNLYGw?editors=1100

    Asked by yaparoff, February 26, 2016

    0 votes
    8 answers
11. Отцентровать картинки

    В блоке есть несколько баннеров, которые размещены вертикально. Как их лучше всего отцентровать с помощью CSS? Они разного размера.

    Asked by San-ch93, July 26, 2009

    0 votes
    2 answers
12. Отцентровать по вертикали содержимое ячейки

    Подскажите, как отцентровать по вертикали содержимое ячейки? http://codepen.io/anon/pen/yYaNyK

    Asked by yaparoff, September 23, 2015

    0 votes
    4 answers
13. Отцентровать содержимое по центру страницы (по высоте)

    В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …

    Asked by SCHNITZER, April 9, 2010

    0 votes
    4 answers
14. Отцентровать таблицу в ИЕ6

    В CSS центрирую таблицу следующим образом: table {margin:0 auto;} Это срабатывает в Опере и ФФ, а в ИЕ6 - нет. Как нарисовать таблицу по центру страницы во всех браузерах? Есть ли в CSS аналоги свойств cellpadding и cellspacing?

    Asked by ArCher, July 25, 2008

    0 votes
    3 answers
15. Отцентровка divа по центру страницы

    Хочу сделать на сайте бар с загрузкой все вроде получилось а вот с позиционированием diva в css проблема. Написал такой код он все отфильтровывает но если появляется скролл то и проскролить страницу в низ то бар остается где то в вверху не как не могу добиться от центровки по всей странице <style type="text/css"> #contentLoading { position:absolute; top:50%; left:50%; width:220px; height:20px; margin-left:-125px; margin-top:-100px; z-index:1000; } </style> <!-- в этом диве просто лежит картинка и я ее показываю при загрузке а как загрузится я ее убираю --> <div id="contentLoading"><img src="loader.gif"></div>

    Asked by CTEKJlO, May 26, 2009

    0 votes
    7 answers
16. Отцентровка блока

    Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. На демке шаблона (http://demo.mythemeshop.com/s/?theme=Playbook) видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, белого блока. Собственно, вот кусок кода: .secondary-navigation {display: block;float:left;width:100%;background: url(images/bg1.jpg) 0 0 repeat;} Ширина белого блока - 1015px, соответственно width:1015px; Остается отцентровать меню, но тут появляется проблема. Когда я убираю флот, исчезает бэкграунд менюхи. http://lazurnaya-crimean.com Как быть, как по…

    Asked by EuGorDD, May 4, 2014

    • css
    • float
    • div
    0 votes
    6 answers
17. Отцентровка в div

    Есть как внего разместить другой div в середину?

    Asked by koder, August 1, 2008

    0 votes
    3 answers
18. Отъезжание блока

    При открытии меню slicknav съезжает блок вниз. Как быть, что делать?

    Asked by Kiriklk, January 28, 2016

    0 votes
    2 answers
19. Оформить как ссылку

    Для смены языка на сайте нужно в адрес добавить например /ru/ текущий адрес узнаю так <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "http://site.ru/ru/" + window.location.pathname; </script> но оно выдает текстом Вопрос: как сделать чтобы это была ссылка?

    Asked by maxim1o, May 27, 2021

    0 votes
    1 answer
20. оформить кнопку

    помогите пожалуйста оформить активную кнопку в меню. страничка здесь. меню сделал на списках. фон с левыми уголками разместил, с правыми - не получается. я пытался при помощи свойства display отобразить строчный элемент как блок и задать ширину 100%. почему то не работает такой метод...

    Asked by cyklop77, July 27, 2011

    0 votes
    2 answers
21. Оформить поле ввода и кнопку

    Как мне оформить поле ввода и кнопку уникальным дизом? Я нарисовал сво? поле ввода и кнопку, а как заставить их работать?

    Asked by sm.hermes, October 1, 2007

    0 votes
    9 answers
22. Оформление <option>

    по этой статье сделал селект http://frontendblog.info/styles/whatever/pretty-drop-downs/ на выпадающие оптионо всё равно такиеже. перепробывал всё что только знаю но оформить покрасивше не как не получается, задний цвет изменить получается а вот поменять его на картинку не получается. А вообще хотел получить что-то на подобие такого селекта http://demo.uthemes.ru/index/sedona/0-172

    Asked by supernet95, July 12, 2012

    0 votes
    3 answers
23. Оформление input[type="submit"]

    Приветствую всех участников форума! Подскажите, пожалуйста, как оформить кнопку отправки формы: http://prntscr.com/9aybj3 Таких кнопок на сайте будет несколько и с разным содержимым, поэтому повесить одну большую картинку на бэкграунд думаю будет ошибкой. Полоска, разделяющая текст и стрелку вправо должна быть прозрачной.

    Asked by alejandro13, December 6, 2015

    0 votes
    5 answers
24. Оформление ol

    Как оформляете данный список с учётом атрибутов start, type ?

    Asked by bio, May 14, 2014

    0 votes
    12 answers
25. оформление select через css

    Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...

    Asked by slo_nik, December 13, 2011

    0 votes
    6 answers