Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Гостевая книга

    Здравствуйте, вот в чем вопрос. Две ссылки, там гостевая книга: http://hostweb.narod.ru/php/8.htm http://hostweb.narod.ru/php/9.htm Пытаюсь разобраться в коде, но у меня при просто копировании содержимого в файлы книга не работает. У кого нибудь работает? Может кто нибудь кинуть рабочую эту книгу размещенную на сайте? И еще объясните мне пожалуйста по какому принципу работает кнопка отправить в этой книге? То есть как она активируется? У меня даже просто в файле содержимое textarea не сохраняется. Спасибо.

    Asked by Ramazzzik,

    0 votes
    7 answers

  2. Гостевая книга с хорошей капчей и красивым интерфейсом

    Сабж. Уже второй день ищу нормальную гостевую. Но все что нарыл это ужасающие и старые скрипты аля 2006 года. Нужен красивый интерфейс,возможность подстроить гостевую под тему сайта и вообще смена шаблона и самое главное хоршая капча ибо спамеры за;%;ли уже... Може есть у кого че?

    Asked by romoga,

    0 votes
    0 answers

  3. Градиент

    Есть вот такой фон , как сделать сверху градиент такой? нужно разбивать на две картинки фон ? или linear-gradient ? Если второе то как сделать , у меня не получается

    Asked by kaplunA,

    0 votes
    7 answers

  4. градиент

    скажите пожалуйста,как верстать градиент Часто в макете есть сложный градиент,он бывает даже фоном страницы,Как его верстать(связывать слои в фотошопе,делать картинку и натягивать на фон блока),или всё делать средствами css?

    Asked by Andrue-Selen,

    0 votes
    9 answers

  5. Градиент -90degree для фона

    Всем здрасте. Тем видел много, в том числе и на этом форуме. И все же не нашел подходящего решения. Задача. Необходимо сделать градиент - 900 (т.е. сверху вниз). Условия: длина будет динамически изменяться в зависимости от количества контента; Градиент будет как минимум в двух местах: <body> и некий <outer> в теле, спозиционированный по середине; Необходимо решения для наиболее распостраненных браузеров: (ff,opera,safari,chrome,ie_6++); есть определенные начальный и конечный цвета. Что удалось найти в сети: 1. градиент при помощи CSS и картинки в 1px - не подходит, т.к. длина не фиксированная; 2. градиент с использованием диклараций стандарта CSS.3 и f…

    Asked by paska,

    0 votes
    11 answers

  6. Градиент + картинка у кнопки(css3)

    Всем привет! Есть кнопка input[type=submit] её нужно добавить градиент из #DB261D в #C4130D и также добавить картинку ../images/zoom.png Градиент пробовал так: background-image: -webkit-gradient(linear, left top, left bottom, from(#DB261D), to(#C4130D)); background-image: -webkit-linear-gradient(top, #DB261D, #C4130D); background-image: -moz-linear-gradient(top, #DB261D, #C4130D); background-image: -ms-linear-gradient(top, #DB261D, #C4130D); background-image: -o-linear-gradient(top, #DB261D, #C4130D); background-image: linear-gradient(top, #DB261D, #C4130D); но если добавляю после этого строку background-image:url(../images/zoo…

    Asked by Serpanok,

    0 votes
    3 answers

  7. Градиент border

    Как сделать такой градиент у border-top средствами CSS ?

    Asked by kpripper,

    0 votes
    6 answers

  8. Градиент css3 и body

    Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …

    Asked by chiffenok,

    0 votes
    10 answers

  9. Градиент без background

    Здравствуйте. как сделать чтобы градиент был поверх контента? Сейчас пробовал градиентом от прозрачного к белому. Но сделано через background , поэтому градиент под темно-синим квадратом. https://jsfiddle.net/ishurgaya/407szvnp/embedded/result/ А нужно чтобы темно-синий квадрат был под градиентом, то есть к низу прятался под белым градиентом. Добавление темно-синего квадрата (картинки) , через background-image не вариант, т.к. планируется вместо темно-синего квадрата разный контент (текст ,картинки) помогите как сделать?

    Asked by ishurgaya,

    0 votes
    4 answers

  10. градиент в canvas

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

    Asked by cyklop77,

    0 votes
    2 answers

  11. Градиент в прозрачность

    Подскажите, вот нужно сделать рамку Вот вокруг блока какбы вдавленная рамка, которая исчезает. Помогите сделать такое. Пробовал border:5px solid rgba(048,048,048,0.5); box-shadow: 1px 1px 3px -1px #ffffff inset, -1px -1px 3px -1px #ffffff inset, -2px -2px 0px -1px #000000, 2px 2px 0px -1px #000000, 3px 3px 4px -1px #000000; Но получилось не совсем то что нужно, а с фильтрами я не знаком =( Как сделать чтобы было точно как здесь:

    Asked by McLotos,

    0 votes
    3 answers

  12. Градиент в Хроме

    Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?

    Asked by Vlad,

    0 votes
    11 answers

  13. Градиент в ячейке

    Возможно ли задать фон в ячейке рисунком(в моем случае градиент). Пример: у меня есть ячейка ширина 20%, высота 100%. Туда вставляю маленькую картинку градиента, задаю ей ширину и длину по 100%. Она отлично расширяется по горизонтали, но совсем нехочет расширятся по вертикали(или расширяется не на 100%). какой еще способ предложите?

    Asked by AKstoAK,

    0 votes
    3 answers

  14. градиент для старых браузеров

    есть контейнер с бекграундом в градиенте, как быть если на сайт заходят крабы с браузеров эры динозавров?

    Asked by Megido,

    0 votes
    5 answers

  15. Градиент и Img

    Есть два вопроса 1. Как зделать градиент в блоке ? Как нужно - http://img100.imageshack.us/img100/1907/43514349.png 2. Как зделать чтоб в некотрих браузерах картинку в теге Img нельзя было виделить так как background???

    Asked by Mr.Black,

    0 votes
    11 answers

  16. градиент краев сайта

    Подскажите как сделать фоновый рисунок (тень от основного контента ну и дракончики). пока что в мыслях только сделать две обертки. первой обертке левую сторону градиент сделать беграундом повторяющимся, и второй для правой стороны. или проще сделать одну линию на всю ширину? а дракончиков... можно в принципе сделать одной картинкой и в боди ее положить беграундом. сайт фикс. пробовал для обертки делать box-shadow, но тень тогда уходит во все стороны =) а надо только по бокам. PS: полоска в центре это контент =)

    Asked by npofopr,

    0 votes
    3 answers

  17. Градиент на Mac OS

    Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…

    Asked by vip,

    0 votes
    6 answers

  18. Градиент на заднем плане

    Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)

    Asked by d.dee,

    0 votes
    0 answers

  19. Градиент на уголках

    Здравствуйте. Подскажите, пожалуйста, если такое возможно, как средствами css сделать градиент на уголках аналогичный тегу A http://jsfiddle.net/zvgPq/1374/ Спасибо

    Asked by kent,

    0 votes
    2 answers

  20. Градиент на фоне

    Приветствую. Например есть такая страница Большая: https://dl.dropboxusercontent.com/u/935663/temp/gradient-block.png Как видно из картинки, градиент заканчивается на том месте, где заканчивается левое меню, и там тоже есть линия. В общем то ничего сложного, можно поставить фоновую картинку и нет проблем. Но как сделать, чтобы при увеличении текста, который на градиенте, этот самый градиент тоже увеличивался, нижний блок 2013 естественно тоже будет сдвигаться за текстом. В общем то в этом весь вопрос. Чтобы фон изначально был в 510px например, но если текста будет больше, тоже увеличивался по высоте. Сейчас примерно вот так: http://jsfiddle.net/npofopr/zDqLW/

    Asked by npofopr,

    0 votes
    8 answers

  21. Градиент по списку

    Объясните как сделать градиент в списке. Наприме, ситуация: имеем ul-спискок из 4 элементов. Надо, чтобы от первого до последнего, цвет плавно менялся с красного на зелёный.

    Asked by Deacon,

    0 votes
    13 answers

  22. Градиент средствами CSS

    Мне нужно сделать градиент на всю таблицу. Пишу в файле CSS: .gradient { background: #dedede; /* Для старых браузров */ background: -webkit-linear-gradient( bottom, top, #dedede, #ffffff); background: -moz-linear-gradient( bottom, #dedede, #ffff); /* для firefox 3.6+ */ background: -o-linear-gradient( bottom, #dedede, #ffff); /* для Opera 11.10+ */ background: -ms-linear-gradient( bottom, #dedede, #ffff); /* для IE10+ */ } Далее вставляю в теги <table class="gradient"> или <body class="gradient"> Не работает ни в Хроме, ни в ИЕ.

    Asked by Tarik,

    0 votes
    4 answers

  23. градиент ступенями

    помогите пожалуйста решить проблему. в фотошопе делаю градиент. сохраняю, вставляю в вёрстку и получается некачественно(ступени) как исправить?

    Asked by cyklop77,

    0 votes
    0 answers

  24. градиент тегом

    Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?

    Asked by Pavlov___,

    0 votes
    1 answer

  25. Градиент текст в вебкит - не совпадает заливка шрифта

    http://jsfiddle.net/wPP2b/ (смотреть в хроме) Собственно - как видите сверху скриншот из фотошопа - а снизу сам шрифт, но заливка выглядит более темной - хотя я все значения взяла из фотошоп - начальный и конечный цвет заливки, но выглядит совсем по-другому. Почему и как поправить? Пробовала подогнать цвета - да вот что-то никак, все какое-то темное. В принципе как вариант пробую добавить поверх красного текста слой с градиенто, но как-то не выходит сделатьк расный перелив.....

    Asked by Zverushka,

    0 votes
    14 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept