HTML Coding

29,542 questions in this forum

1. Как сделать исполнение кода CSS в зависимости от его поддержки броузером?

   У меня двух колоночное меню: .menu > li { display: inline-block; vertical-align: top; width: 50%; border-right: 1px solid #fff; /*белая линия в конце блока. вместе с серой линией тэга <a> образует бело-серую линию*/ }.menu a { text-decoration: none; display: block; text-align: center; font-size: 14px; border-right: 1px solid #dedede; /*вместе с белой линией тега <li> образует бело-серую линию*/ }.menu > li:nth-child(2n), .menu > li:nth-child(2n) a { border-right: none; /*убираем у правых пунктов меню линии разграничения - они там не нужны, там граница самого меню*/ }Поскольку бордюр тега <а> должен влезть в &lt…

   Asked by Launder, September 24, 2015

   • calc
   • border-box
   0 votes
   21 answers
2. как сделать как http://www.dmdd.info/

   вот нашел сайт: http://www.dmdd.info/ когда экран маленький, картинку видно не всю, когда экран большой картинку видно всю и весь сайт по центру. может ли кто мне подробно описать модель?

   Asked by Вадим, August 21, 2009

   0 votes
   1 answer
3. Как сделать калонку с закругл?нными краями Правельно

   Люди дайте пример в?рстки в css калонки(к примеру) с закругл?нными краями.... Ато мой способ неподходит ......

   Asked by antonP, February 22, 2008

   0 votes
   6 answers
4. Как сделать картинки в столбик без отступов?

   Добрый день. Подскажите, пожалуйста, как вставить картинки в таблицу так, чтобы получилось одно слитное изображение в шапке? http://jsfiddle.net/pzRxf/1/

   Asked by Gogumba, March 25, 2014

   0 votes
   2 answers
5. Как сделать картинку background подстраиваемую под блок?

   Добрый день? Как сделать, чтобы картинка в фоне выводилась полностью по высоте, по ширине она принимает значения блока родителя и прекрасно адаптируется, но как установить корреляцию по высоте от изменения ширины блока, т. к. при разных экранах блок в котором находится айфон изменяется. Если обычной картинки прописать в html width="100%", то она в зависимости от ширины блока изменяется и по высоте. https://jsfiddle.net/wjt96w2t/

   Asked by perec200, March 17, 2016

   0 votes
   10 answers
6. Как сделать картинку в теге body во всю ширину ?

   Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)

   Asked by SWM, August 4, 2016

   • css
   0 votes
   8 answers
7. Как сделать картинку нестандартной скошенной формы?

   Здравствуйте. Можно ли реализовать подобное обрезание квадртной фотографии на css? (не обращайте внимание на направляющие линии и выделение).

   Asked by Zverushka, October 7, 2013

   0 votes
   7 answers
8. Как сделать картинку по центру с обтеканием справа?

   Здравствуйте, нужно выровнять картинку по центру и сделать обтекание блоком текста справа. Проблема в том, что когда я делаю свойство text-align: center (чтобы картинка выровнялась по центру), а следом накладываю не неё же свойство float: left (чтобы блок текста обтекал её справа), картинка начинает игнорировать 1е свойство. Подскажите что делать?

   Asked by Владислав8787, May 13, 2018

   0 votes
   1 answer
9. Как сделать картинку при наведении курсора картинка изменяется

   Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!

   Asked by GhostNiniga, February 26, 2012

   0 votes
   2 answers
10. Как сделать картинку ссылкой, но без <img>?

    То есть, не <a href=""><img src=""></a> , а по-другому?

    Asked by RuslanHeYca4ev, October 8, 2014

    0 votes
    13 answers
11. Как сделать картинку ссылкой?

    не пинайте плз за детский вопрос, я не веб программист, просто надо быстро подправить кое-что в моем сайте. есть такой код: <div class="container_12"><img src="images/logo.png" class="test" alt="" /> класс определяет местоположение картинки: .test{ position:absolute; top:310px; left:585px; z-index:-1; } куда мне тут надо зашить тег <a href></a>, чтобы картинка стала ссылкой? по-разному пробовал, ничего не работает... если сделать стандартно <a href> ссылка <img src="images/logo.png" class="test" alt="" /></a> - не работает, мешает класс. т.е. без него ок, с ним - не работает...

    Asked by chump, October 10, 2011

    0 votes
    8 answers
12. Как сделать картинку, текст и кнопку в одну строку?

    Вставил кнопку подписки в блог, но выглядит не красиво. Подскажите, пожалуйста, как сделать картинку, текст и кнопку в одну строку? Скриншоты: 1) Сейчас вот так - http://prntscr.com/dg40bw 2) Хочется, чтобы было примерно вот так - http://prntscr.com/dg411z Ссылка на код - http://debaka.ru/ (справа, в сайдбаре) Проблема устранена - можно закрывать тему.

    Asked by Debaka, December 6, 2016

    • кнопка подписки
    0 votes
    0 answers
13. Как сделать кастомный чекбокс?

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

    Asked by Dos1er, August 5, 2022

    • чекбоксы
    • checkbox
    • html
    • css
    • custom
    0 votes
    0 answers
14. Как сделать квадратный блок

    Помогите сделать квадратный блок с картинками внутри. Проблема в том, что размеры блока должны быть в процентах. Вот пример - http://jsfiddle.net/4cxgzp8t/7/ Вот так должно быть -

    Asked by alleclf, June 30, 2018

    0 votes
    8 answers
15. Как сделать кликабельную картинку не прямоугольно

    Как сделать, чтобы объекты на карте были кликабельны, но и не перекрывали друг друга. Стандартно прямоугольно если их делать они друг друга полностью перекроют...

    Asked by Dave7044, April 26, 2016

    0 votes
    2 answers
16. Как сделать кнопки переключающие контент?

    Друзья, как сделать так, как реализовано на сайте apple http://www.apple.com/ru/osx/server/ Под картинкой 2 кнопки, "клиент" и "сервер", при нажатии на них меняется картинка. Пробовал сам, получилось вот так http://jsfiddle.net/Ftfhb/9/ . Но как-то коряво

    Asked by Nescafe, May 24, 2013

    • apple
    • jquery
    • content
    • css
    0 votes
    4 answers
17. Как сделать кнопки смены изображения?

    Здравствуйте! Возможно вопрос бональный но все же, как мне лучше реализовать кнопки смены изображения например как здесь? Только чтобы не вся страница обновлялась а определенный ее участок например ячейка в таблице или блок, возможно ли такое? и желательно что бы изображения плавно переезжали. Заранее благодарен за все ответы.)

    Asked by Alexsays, April 19, 2010

    0 votes
    2 answers
18. Как сделать кнопку и cсылку по центру?

    Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position

    Asked by incub, December 18, 2016

    • css
    • html
    0 votes
    2 answers
19. как сделать кнопку или линк при нажатии на который пользователь попадает в конец страницы

    Добрый вечер всем!!!! как сделать кнопку или линк при нажатии на который пользователь попадает в конец страницы спачибо

    Asked by bgraf, June 4, 2009

    0 votes
    7 answers
20. как сделать кнопку плацебо.

    если кто не в курсе есть тому объяснение вот здесь суть в чем. нужна при нажатии на кнопку что бы появлялось колесо загрузки(типа обновление страницы, как на известных ресурсах) - помогите организовать

    Asked by kursof, October 14, 2014

    • кнопка
    0 votes
    1 answer
21. как сделать кнопку при наведении

    В общем написать сложновато, но хочется узнать как при наведении сделать чтобы ссылка получила побокам обводку как на риснке, и в независимости от ширины текста. То есть ссылка "Главная" и "Форум" имеют разную ширину, а хочется сделать чтобы заокругления получались на одинаковом расстоянии от начала и окончания слова. Вот пример, только его не разберу http://krasrada.sumy.ua/ только тут работает при наведении на главную..

    Asked by psics, November 15, 2012

    0 votes
    3 answers
22. Как сделать кнопку при наведении которой она будет менять картинку?

    Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Фа…

    Asked by Zerro76, February 27, 2012

    0 votes
    5 answers
23. Как сделать кнопку при наведении курсора картинка изменяется

    Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это CSS код: .hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; } .lcol { float: left; } .rcol { float: right; } А это код могу вставить куда хочу: <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> Помогите дополнить кнопку при наведении курсора картинка изменяется

    Asked by GhostNiniga, February 13, 2012

    0 votes
    6 answers
24. Как сделать кнопку проигрывания аудио без панели управления?

    Сейчас стоит флешкнопка. Но флеш устарел и потому подлежит замене. Нашел вот такое: <audio src=".....mp3"; ?>" controls></audio> Но он выводит вместе с кнопками звука, времени и прочее. А надо просто - нажал на кнопку- появился звук. т.е. фактически одна кнопка Play и больше ничего не нужно. Пробовал убрать слово: controls - но тогда вообще ничего не отображает. ps: нашел вариант решения: <audio id="audio1" src=".....mp3"></audio> <button id="play">Play</button> <script type="text/javascript"> var audioElement = document.getElementById('audio1'); document.getElementById('play').addEventL…

    Asked by nikki4, July 13, 2016

    0 votes
    3 answers
25. Как сделать кнопку с рисунком

    У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.

    Asked by Андрей309, April 4, 2016

    0 votes
    5 answers