HTML Coding

29,542 questions in this forum

1. Как стелать правильно?

   Всем доброго времени суток. Меня интересует вопрос. Как бы вы сделали вот такое http://imageshack.us/photo/my-images/843/41779380.png/ P.s ошибся в титле темы )

   Asked by Mr.Black, October 13, 2011

   0 votes
   8 answers
2. Как стилизовать Scroll у блока?

   http://prntscr.com/a32uqk стандартные CSS свойства не решают проблему

   Asked by Fizruke, February 14, 2016

   0 votes
   6 answers
3. Как стилизовать нумерованный список?

   Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!

   Asked by donkos, February 23, 2015

   0 votes
   4 answers
4. Как стилизовать тег input:invalid?

   Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh

   Asked by lavrentyev, November 13, 2016

   • input
   • invalid
   • form
   0 votes
   2 answers
5. Как стилизовать текст для placeholder используя атрибут "style"

   У меня есть тег <input id="foo" type="text" name="url" placeholder="Укажите URL" value="" style="color:#000000;" /> Проблема в том, что текст "Укажите URL" по умолчанию отображается так же как и обычный вводимый в текстовое поле текст. А хотелось бы его цвет сделать серым, чтобы нельзя его было спутать с обычным текстом, вводимым пользователем. Но я не могу пользоваться стилями в подключаемых css-файлах. Мне желательно сделать все стили в атрибуте "style". Можно ли это осуществить?

   Asked by clavin, June 18, 2012

   0 votes
   3 answers
6. Как стиль подписи в галерее сделать аналогичным основной теме?

   Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть чвой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. пример оригинального оформления https://yadi.sk/i/qSwmQT4QjeG4v пример оформления галереи https://yadi.sk/i/orhMw6G4jeG4g Если надо выложу оригинальный и CSS и плагина, или предоставлю доступ на тестовый сайт с этой темой и плагином.

   Asked by tester2014, October 10, 2015

   0 votes
   0 answers
7. Как стырить кнопочки с эффектом с другого сайта?

   А

   Asked by sokol14, January 8, 2009

   0 votes
   5 answers
8. Как сузить border, чтобы не поломать сочленение с wrapper?

   Здравствуйте. На сайте футеру(тэгу #footer) была дана верхняя граница в виде двойной полосы. Она получалась шире аналогичной полосы выше. Как сделать границу(бордюр) шириной в тело футера (т.е. за вычетом его margin, ширины горизонтального border, padding)? Благодарю P.S.Сделал как требуется за счет границы у .moduletable и позиционирования соседних тегов. Но вопрос оставляю, вдруг понадобится.

   Asked by borus, April 6, 2013

   0 votes
   1 answer
9. как считаете почему font-family в h1 и р2 разные ?

   вот сайт http://www.arbitr-hmao.ru/ видите шрифты разные... где-то arial а где-то times а как сделать единообразно в CSS не пойму... ткните пальцем плиз /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; } h1{ margin-top:7px; color:#133766; font-size:14px !important; } h2{ margin-top:7px; color:#133766; font-size:14px !important; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin …

   Asked by vovchikku, June 27, 2010

   0 votes
   3 answers
10. как таблицу растянуть во всю длинну окна ?

    как таблицу растянуть во всю длинну окна ?

    Asked by pribl, December 25, 2008

    0 votes
    4 answers
11. как так можно зделать вкладки

    как так можно зделать такие вкладки. подскажите пожалуйста

    Asked by 12345, April 20, 2009

    0 votes
    10 answers
12. Как так сверстать

    Добрый день Люди. Я в верстке не сильно силен, но вот перед мной встала задача, надо сделать что то похожее, и желательно на уровне CSS. Все блоки имеют одну ширину. Пробовал через inline-block, но второй уровень сразу съезжает. Да можно заморочиться и на уровне PHP или JS высчитать все, и задать положение блока более жестко, но хотелось бы более правильного решения. Или в какую сторону копать?

    Asked by DioNiR, March 2, 2016

    0 votes
    10 answers
13. Как так сверстать?

    Если кто видел помогите, http://www.artlebedev.ru/everything/nokia/n93/ Там смысл такой что грубо говоря длинная картинка горизонтальная, разбита на 4 раздела, в браузере естественно видно только 1, и если крутить колесом мыши плавно сверху появляется следующий раздел.

    Asked by Webdel, February 23, 2008

    0 votes
    5 answers
14. Как так сделать?

    Как сделать чтобы ссылка на файл была например не http://locahost/files/files.html, а просто http://locahost/files/?

    Asked by vvsh, January 10, 2008

    0 votes
    11 answers
15. Как так сделать?

    Как так сделать? Я знаю один вариант, задать для blue - position: absolute; и спозиционировать куда-нужно. Или отрицательными margin А как еще можно?

    Asked by Rustick, July 14, 2011

    0 votes
    3 answers
16. Как так сделать?

    Здравствуйте! Помогите сделать такие вот отделения, как на картинке: http://s6.hostingkartinok.com/uploads/images/2013/07/10a55fdf03f6b6313b107b365147f961.png

    Asked by Samsonoff, July 26, 2013

    0 votes
    4 answers
17. Как так сделать?Border

    Как сделать такое?Создать div общий,задать ему нижний бордер,внутрь него залить еще один див с высотой оранжевого фона? Это правильное решение или может быть лучше и как-то по другому?

    Asked by Temik2704, November 19, 2013

    0 votes
    7 answers
18. Как такое делается

    В Livejournal есть блок перехода по страницам, типа 1 2 3 4 5 6 когда много комментариев к посту такой синий, так вот как сделать такой же с треугольничком вверху, Как делается такая вещь? ___________/\___________ / \ | 1 2 3 4 5 6 7 | \________________________/ У меня получилось только img с absolute позиционированием, но это грубо.

    Asked by vladimircape, April 5, 2012

    0 votes
    3 answers
19. Как такое Правильно сверстать?

    Ребята помогите пожалуйста, посоветуйте, как правильно сверстать такие вот "объединенные" поля формы: http://hkar.ru/tSjH (смотреть только на строку дата рождения) Я так понял в таблице в базу данных, дата рождения будет записываться в одно поле, соответственно, и сервер должен получить одну переменную, как правильно сверстать это, чтобы у программера не было гемора? Заранее спасибо!

    Asked by ya_verstaka, July 2, 2014

    • формы input
    0 votes
    2 answers
20. Как такое реализовать?

    Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная

    Asked by Kim, April 2, 2008

    0 votes
    26 answers
21. Как такое сверстать (прокрутка колонок с разной скоростью)

    http://remodelista.com/ Прокрутите страницу вниз в любом браузере кроме оперы и посмотрите как ведет себя правая колонка. Как такое реализовать? Еще интересное решение - изменение размера картинки при изменении ширины браузера. С этим вроде разобрался но кто знает простое универсальное решение напишите.

    Asked by likiweaks, January 9, 2013

    0 votes
    3 answers
22. Как такое сверстать блоками?

    Имеется резиновый сайт (на картинке схема). Есть 3 блока div, фиксированные по высоте. Два серый блока так же фиксированы по ширине. Необходимо, чтобы центральный красный блок занимал все оставшееся место между двумя серыми и растягивался в зависимости от ширины сайта. Т.е. необходимо сделать как таблицу, но блоками div. Поддерка IE начиная с 7 версии. Пробовал через table-cell, но IE не понимает этого. Какие есть варианты?

    Asked by MiHALbI4, February 5, 2011

    0 votes
    19 answers
23. Как такое сверстать дивами?

    Как такое сверстать дивами, учитывая что панель имеет динамичную высоту? Вот что я наваял: <div style="width:16px; height:15px; float:left; background: url(menu_header_l.png) right no-repeat;">1</div> <div style="width:240px; height:15px; float:left; background: url(menu_header_c.png) center repeat-x;">2</div> <div style="width:16px; height:15px; float:left; background: url(menu_header_r.png) left no-repeat;">3</div> <div style="clear:both;"></div> <div style="width:16px; float:left; background: url(menu_l.png) right repeat-y;"> <div style="width:12px; height:15px; background:#cae4fd; margin-left:4px;">4</…

    Asked by mff, February 4, 2010

    0 votes
    15 answers
24. Как такое сверстать под джумлу?

    Еще раз поднимаю топик по дизайну сети. Как такое верстать под джумлу? Таблицей лучше или позиционировать слои? Внимание!!! Также принимаются ВАШИ макеты, которые не УГ!!!

    Asked by htmlonline, February 4, 2011

    0 votes
    14 answers
25. Как такое сверстать?

    Туплю потихоньку... не могу представить как такое можно заверстать: Это список (<li>) пунктов меню. Думаю что нужен один элемент (типа <span> или <div>) внутри <li>, у него сделать прерывающийся бордер, который повыше, а продолжение бордера уже у <li>, но выходит тоже с прерыванием..., но как это сделать? after, before и border? Мозги уже не варят )

    Asked by rus, November 28, 2013

    0 votes
    5 answers