HTML Coding

29,542 questions in this forum

1. Помогите сделать кнопку

   Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.

   Asked by alleclf, April 17, 2013

   0 votes
   5 answers
2. Ширина одного блока зависящая от присутствия соседнего блока

   Приветсвую. Имееются 4 блока расположенные сеткой, в 4м блоке имеются еще два блока, изначально расположенные друг под другом. Все блоки не имеют фиксированой высоты, ширина блоков изначально одинаковая, во всех блоках текстовое содержимое. Встала следующая задача: При отсутствии блока №2 на его место встает блок №3. а место 3го блока заполняет блок №4 и его дочерние блоки встают горизонтально. Проблема в 4м блоке, не получается оперировать расположением внутренних блоков и самим 4м блоком. Подскажите пожалуйста как решить задачу. На кодпене пытаюсь реализовать, CodePen, у класса .div2 стоит display: none; поставьте block и увидите что 4й блок не уменьшается.

   Asked by AndreyB, August 12, 2013

   0 votes
   5 answers
3. Div с изображением

   Есть <div> с изображением внутри. размер избражения известен заранее.Можно ли сделать div так, чтобы изображение снизу подрезалось на несколько пикселей ? т.е. не отображалось полностью

   Asked by lmaolmao, November 1, 2013

   0 votes
   6 answers
4. Что такое замощает?

   Нашёл я ето слово в предложении, про background-position. По умолчанию фоновое изображение "замощает" фон элемента или повторяется по горизонтали и по вертикали снова и снова, пока не заполнит всё пространство.

   Asked by DivMan, March 13, 2014

   0 votes
   4 answers
5. gpGallery + Smooth Div Scroll

   А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ар…

   Asked by maritca, April 10, 2014

   0 votes
   0 answers
6. Ломается верстка

   Доброго времени суток дорогие форумчане. Возникла у меня такая проблема с версткой: Если поднимать (на index.php) менюшку или весь div='body' вверх (например с помощью margin or position:relative), то в браузерах Firefox and IE ломается верстка менюшки (данная проблема актуальна и на других страницах для других элементов). Вот собственно наглядный пример: Вот так выгладит страница по default Прикладываю разметку и стили Сброс стилей Стили style Стили index http://cssdeck.com/labs/whwt6tys Ломаю голову уже более двух суток =( Спасибо за внимание. С уважением Евгений P.S.заодно скажите насколько криворукий у меня код и в чем это проявляется =)

   Asked by lolovo, May 23, 2014

   0 votes
   1 answer
7. Круглая рамка с несколькими цветами (процентное заполнение)

   Помогите пожалуйста сверстать вот такую рамку)

   Asked by L1m0n, August 16, 2014

   • css
   0 votes
   3 answers
8. Подскажите как заставить срабатывать по таймеру

   Добрый день! Есть код, который срабатывает при наведении, а как сделать чтобы он срабатывал по таймеру? <div class="imgholder"> <div class="outer1 circle"></div> <div class="outer2 circle"></div> <figure> <img src="../images/claudia-galhardo.jpg" /> <figcaption class="caption">TEST</figcaption> </figure></div>.imgholder{ position:relative; width:120px; height:120px; border-radius:100px; float:left; margin:40px 30px;}/* thumbnails style */.imgholder img{ position:absolute; left:0; top:0; width:120px; height:120px; z-index:5; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; …

   Asked by McLotos, March 29, 2015

   0 votes
   4 answers
9. Информацыонные круги

   http://prntscr.com/7g25rs Нужно сделать вот такие круги, при наведение на такой всплывает тултип. Может есть уже где-то похожие наработки, или статья или готовый скрипт? Буду благодарен за любую подсказку. Извиняюсь за опечатку в теме.

   Asked by fireman691, June 12, 2015

   • круги
   • тултип
   • круг
   0 votes
   2 answers
10. Прыгает сайт на планшете

    Привет всем. Есть сайт http://prodromos.by/ при просмотре на мобильных устройствах (в основном в хроме) сайт прыгает. В чем может быть проблема? Спасибо.

    Asked by pekinessik, September 15, 2015

    0 votes
    6 answers
11. Слайдер

    Добрый день! Имею вот такой десктоптый слайдер http://prntscr.com/97jveb. Естественно, диз мобильный вариант макета не предоставил, приходится включать смекалку и соображать адаптивную версию самостоятельно. Во всех знакомых мне сладерах, которые нужно подключать(например, тот же bx slider) он просто резиново уменьшается и в большинстве представленных вариантов нет текста. Может, в этом случае на мобилке лучше скрывать какие-то элементы, или по другому представлять или просто убирать его на мобильной версии...не знаю. Ребят,а как такой слайдер лучше отобразить на мобильной и планшетной версии?Буду рада вашим предложенным вариантам!

    Asked by Кнопа, November 27, 2015

    0 votes
    1 answer
12. Генерация таблицы с объединенными ячейками и нумерация ячеек

    Мой скрипт создает таблицу с некоторыми объединенными ячейками. Но если в эти ячейки вывести идентификаторы строк самих ячеек, то будет видно что ячейка объединенная colspan считается как одна и поэтому подсчет идет так например (предыдущая ячейка - 1_1), (colspan="3" - 1_2), (следующая ячейка - 1_3). А должно быть вот так (предыдущая ячейка - 1_1), (colspan="3" - 1_2,1_3,1_4),(следующая ячейка 1_5). Если взять например rowspan то он как раз считает как надо. Вот пример скриншота, красным выделено правильный подсчет ячеек (нужно смотреть на последнюю цифру после черточки). Если смотреть на rowspan, то он изначально все правильно считает. Как мне сделать, чтобы цифры …

    Asked by Katerina23, April 10, 2018

    0 votes
    1 answer
13. Не заменяется картинка

    Ребята, добрый день! Столкнулся с такой проблемой, решили заменить картинку на главной странице компании. Работаем мы через Joomla. Я решил схитрить, чтобы не указывать пути и т.д., так как просто не знаю как это делается, переименовал новую картинку в название старой. Старую я удаляю, загружаю новую с таким же названием. Обновляю сайт, картинка не меняется оставаясь старой, обновляю жумлу, а там вместо новой картинки, уже старая, как это работает, лол? Но стоит мне новую картинку переименовать, так она сразу становится собой, а не старой. И самое интересное, я около недели назад так же делал, и у меня получилось установить новую картинку, тестовую так ска…

    Asked by gmod1966, March 2, 2021

    0 votes
    1 answer
14. Высота таблицы

    Люди, как можно задать высоту таблицы 100%? Для чего? Примерно для такого кода. Нужно чтобы на всю страницу растягивалось. <table width="100%" height="100%"> <tr> <td height="10%" </tr> <tr> <td height="80%" </tr> <tr> <td height="10%" </tr> </table>

    Asked by Shugich, March 16, 2009

    0 votes
    3 answers
15. Высота таблицы вписанной в ячейку

    Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…

    Asked by Evgesha74, November 25, 2010

    0 votes
    2 answers
16. И опять IE

    Приветствую. Это мой первая верстка, поэтому сильно не ругайте. В процессе верстки возникли некоторые вопросы. В частности с IE. Верстка - http://test-platform.ucoz.ua/Somara/home.html CSS - http://test-platform.ucoz.ua/Somara/css/master.css То как должно быть - http://itmages.ru/image/view/125718/17747cd5 Проблема возникает с блоком логотипов.

    Asked by runet, February 14, 2011

    0 votes
    5 answers
17. Проблема с отступами блоков

    Между блоком footer и блоками content,right нужен отступ в 100px. Но в IE 6 при увеличении текста в блоке content отступ примерно 56рх. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <!--[if lte IE 6]> <style type="text/css"> * html #wrap {width: expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');} </style> <![endif]--> <style type="text/css"> html, body { margin : 0; padding : 0; } body { font : 75% Arial, Helvet…

    Asked by andrecool, May 24, 2011

    0 votes
    6 answers
18. Задание размеров ячеек таблицы в CSS

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

    Asked by TorchTT, February 5, 2012

    0 votes
    1 answer
19. Существуют ли такие теги

    Существуют ли такие теги, как <LH>, <SVG>, <CIRCLE>? На этом сайте их нет, но я их встречал.

    Asked by nemo59, June 6, 2012

    0 votes
    6 answers
20. сжать картинку из блоков

    есть картинка к примеру 1920 x 1200 , она разрезается на блоки кусок кода <div id="IMG-map"> <div class="wrapper_parts"> <img src="delete/0.png"> </div> <div class="wrapper_parts"> <img src="delete/1.png"> </div> <div class="wrapper_parts"> <img src="delete/2.png"> </div> </div> но вот в чем проблема в блоке у нее должен быть размер 1600 х 1000 и по этому она вылазит за пределы блока, есть идеи как ее можно сжать на css?

    Asked by cyber_ua, August 23, 2012

    0 votes
    2 answers
21. 3 колонки

    Никак не могу выровнять колонки "right" по горизонтали с остальными html: <!DOCTYPE html> <html> <head> <title>Співаник|Головна</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="header"> asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd </div> …

    Asked by myxamed, January 10, 2013

    • колонки css
    • стили
    0 votes
    1 answer
22. Блок где у каждой строки свой отступ

    Кто-нибудь делал вот такое вот? Если да, то как?

    Asked by grifangel, June 12, 2013

    0 votes
    1 answer
23. Если зажать кнопку и увести курсор от нее то она останется в фокусе

    Если зажать кнопку и увести курсор от нее то она останется в фокусе. В моем случае она останется серой, пока не нажать на другой элемент или область. http://jsfiddle.net/DGu5n/

    Asked by parabola, August 23, 2013

    0 votes
    2 answers
24. возможности bootstrap

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

    Asked by cyklop77, October 22, 2013

    0 votes
    1 answer
25. display:table и overflow: hidden

    Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.

    Asked by NatalieZ, January 29, 2014

    0 votes
    3 answers