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. Ищу наставника.

    Здравствуйте, уважаемые форумчане! Меня зовут Алексей, я сейчас работаю верстальщиком, но я не укладываюсь в сроки вёрстки, потому что мне не хватает компетенции. Я ищу человека, который бы стал для меня наставником. Готов хреначить как проклятый. Да, и конечно, это всё не за "спасибо", я так же готов отдавать какую-то часть от моей з/п этому человеку. В общем есть огромное желание профессионально вырасти и нужна помощь знающего человека. Заранее большое спасибо! Мои контакты: main.c@rambler.ru

    Asked by main.c,

    0 votes
    8 answers

  2. Как сверстать так.

    Здравствуйте! Вот такая задача. Низ макета имеет тень и выглядит так:. Как это сверстать? У меня получается так, что тень не видна: Стили и код: @boxshadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.43);html { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; background: rgb(232,203,212);}body{ height:100%; margin:0;}#wrapper { position: relative; min-height:100%; max-width: 814px; /*overflow:hidden;*/ background-color: #f0e5e4; margin:auto; box-shadow: @boxshadow;}@media (max-width: 480px) {header {position: absolute;height: 30%;width: 100%;}}<!DOCTYPE html><!--[if lte IE 8]><html class="ie8" lang="ru"><![end…

    Asked by Светлана Г.,

    0 votes
    8 answers

  3. Прикрутить градиент к тексту

    Задался задачей сверстать надпись CARS (ниже картинка где видно, что С и S подсвечены) без использования изображений. Вот тут нашел годную методику - с помощью свойства CSS3 background-clip: text; фон применяется к тексту, соответственно, можно сделать радиальные градиенты и применить их к надписи, но это работает только в ВебКите. Как это реализовать кроссбраузерно? Поможет ли использование Модернайзера (раньше не имел с ним дело)?

    Asked by Stager36,

    0 votes
    8 answers

  4. scrollbar сдвигает всё

    Здравствуйте! Как вы знаете, то скроллбар может сдвинуть весь дизайн с его нормальной точки. Вот и у меня такое случается, по этому обращаюсь к Вам за советом, как можно этот скроллбар прикрутить(не знаю как сказать даже) к размерам сайта, ну, инимы словами, что бы скроллбар появлялся, но не сдвигал сайт. Если есть другие предложения, как это улучшить, смело пишите!

    Asked by dsasda,

    0 votes
    8 answers

  5. Оптимизированная загрузка графики

    Подскажите - как же это реализовать? Есть фоны блоков, есть слайдеры с png достаточно крупного размера.

    Asked by Zverushka,

    0 votes
    8 answers

  6. Изменение фона меню при наведении на ссылку

    Дорогие коллеги! Крайне нуждаюсь в вашей помощи в решении следующего вопроса. Есть панель горизонтального меню. Нужно, чтобы при наведении изменялся фон и был размером по высоте как панель, по ширине на 5px шире (слева-справа), чем анкор ссылки. Именно так я и сделал. Есть одно НО: при навдении всё меню сдвигается вправо на 5 px. А нужно, чтобы при наведении текст меню не двигался. Код HTML: <ul class="navig"><li><a href="#">Бронирование отеля</a></li><li><a href="#">Купить авиабилет</a></li><li><a href="#">О сайте</a></li><li><a href="#">Контакты</a></li></ul>Код C…

    Asked by efendi,

    0 votes
    8 answers

  7. input и градиент border

    Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.

    Asked by Igoreshra,

    0 votes
    8 answers

  8. Пробелы между картинками

    Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.p…

    Asked by kattiperk,

    0 votes
    8 answers

  9. css рецепты программирования кристофер шмитт

    Помогите найти исходники к книге, коды я нашёл, а где взять картинки? в книге указан адрес исходников http://csscookbook.com/ но где там достать картинки??

    Asked by DivMan,

    0 votes
    8 answers

  10. псевдоэлемент :hover

    Здравствуйте. Подскажите пожалуйста, есть ли возможность применить псевдоэлемент :hover встроенным способом.

    Asked by webded,

    0 votes
    8 answers

  11. CSS: Inner и Inset Shadow на одном тексте

    Доброго времени суток. Вопрос такой: Не очень понимаю, как можно сделать на одном и том же тексте (Логотип, к примеру) 2 параметра, внутренняя тень и внешняя. Заранее спасибо за ответ!

    Asked by Eridani,

    0 votes
    8 answers

  12. Нужна помощь с версткой почтовой рассылки

    Товарищи, помогите пожалуйста, хотя бы направлением на путь истинный, а ещё лучше конкретными советами. Верстке только учусь, поэтому, пожалуйста, не сердчайте. Есть макет для e-mail рассылки, и его нужно сверстать таблицами, без маппинга и внешних стилей, только внутренние. Не могу придумать как лучше поступать с изображениями товаров.

    Asked by Nick.J.Fry,

    0 votes
    8 answers

  13. мои вопросы

    тут я по лазил по форуму и наткнулся на подобную темку, где новичок кидал свои вопросы, решил поступить также, дабы не засорять форум. В общем буду суды кидать свои вопросы, и буду очень рад вашим ответам)) ну вот первый вопрос в данной темке. я не как не могу привязать не стандартный шрифт к тексту. Основываясь на этих уроках: тык и тык я сделал так: 1) скакал себе шрифт 2) разместил файл в той де папке где и .css файл 3) прописал в файле css код: @font-face{ font-family: cooper; src:url(RodeoExtraBold Normal.ttf)}.logotext { font-size: 50px; background: -webkit-linear-gradient(#C3E2F4, #19A3EC); -webkit-background-clip: text; -webkit-text-fill-…

    Asked by egrom92,

    0 votes
    8 answers

  14. Как сделать такую тень?

    Как сделать такую тень? Через :after / :before? http://cs413728.vk.me/v413728727/89c9/oYiNce1jNmE.jpg

    Asked by Ghost86421,

    0 votes
    8 answers

  15. Помогите, пожалуйста, с версткой. Проблема отображения.

    Помогите, пожалуйста, с проблемой.Есть какой то конкретный каркас. Я задаю контейнеру (там, где будет находиться весь контент), предположим, ширину в 1024px. При этом хочу сделать верхнюю строку на всю ширину экрана, то есть, я помещаю его НЕ в контейнер и задаю определенную высоту и width=100%.И тут возникает проблема - если экран, предположим, >1024, то полоса без проблем тянется, но стоит открыть верстку в разрешении, например, с iPad или с любого другого мобильного устройства, или при просмотре через эмулятор мобильных устройств, эта полоса внезапно прерывается.При чем, это происходит, если делаю, например, background:url("какой-то путь") repeat-x transparent;Такая…

    Asked by Stranger,

    0 votes
    8 answers

  16. Именно в поиске у 5-го li приписывает стили 6-ой li, что за бред?

    CMS DLE При поиске: На главной: http://zfilm-hd.ru/ Что за глюки у DLE?

    Asked by Guest Feniks000,

    0 votes
    8 answers

  17. Четкие вопросы новичка

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

    Asked by 122199133,

    0 votes
    8 answers

  18. Нехороший слайдер :)

    Нужно реализовать вот такую ересь. У слайдера более извращенные формы должны быть, но это решаемо.. Картинки должны идти слева на право, постепенно увеличивая размер.. Может кто столкнулся с подобной проблемой, подскажите слайдер способный натворить такое. Я кроме bxslider-a ни с чем более дела не имел, а через него такого не сделать.

    Asked by CroaToa,

    0 votes
    8 answers

  19. wordpress и Filezilla

    Решил ознакомиться с CMS и остановился на wordpress, но так как я новичок в этом деле не смог даже установить его. Решил попробовать filezilla, но не смог сделать настройку под локальный сайт. Посоветуйте как запустить filezilla или, если есть, другой способ установки wordpress на сайт. Спасибо

    Asked by diktor13,

    0 votes
    8 answers

  20. Собственные теги для форматирования текста. Допустимо?

    Обычно я для форматирования текста беру стандартные теги, типа <i> и <b> и задаю им тот стиль, который мне нужен. Вопрос, честно, дурацкий, но не могу уснуть из-за него: Могу ли я применять собственные теги с заданным набором правил? И чем это черевато? В простом виде: мне нужно красный цвет и пунктирную линию для некоторых слов. Чтобы не занимать стандартные теги, то задаю эти свойства в <jopa>свой тег</jopa>, который уже дальше могу по необходимости дополнить стандартными.

    Asked by Melodyn,

    0 votes
    8 answers

  21. Форма поиска. Chrome.

    Проблемма в том, что в поле ввода хрома "Поиск..." (placeholder="Поиск...") отображается на одном уровне,а вводимый пользователем текст на пару пикселей ниже. В фф и иэ все нормально. Глаз режет, помогите( Код: [hide] <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Форма для поиска</title> <style>body{background:#394e63;font-family: "PT Sans",Verdana,Arial,sans-serif;}.search {width: 240px;height: 35px;border-radius: 10px;background:#fff;}input[type="text"] {padding:0;margin:0;display:block;height:35px;border: none;outline: none;-webkit-appearance: none;width: 197px;margin: 0px 0px 0px 9px;float:left;font:16px/19px…

    Asked by ZMichail,

    0 votes
    8 answers

  22. Прозрачность слоя

    Здравствуйте. В фотошопе элемент выглядит так: я взял слой градиента и вставил картинкой на background, получил такое - а теперь сам вопрос, - добиваться нужной прозрачности нужно через свойство opacity или я все делаю не так и есть какой-то правильный метод, если да - поведайте. Спасибо

    Asked by a1836g2,

    0 votes
    8 answers

  23. overflow проблема

    http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?

    Asked by Zverushka,

    0 votes
    8 answers

  24. Запуск скрипта

    Доброе утро, друзья. У меня вопрос, в коде HTML есть скрипт который отображает на странице график. Страница стала тяжелая, графиков много, код получается очень массивный. Но у меня не получается запустить скрипт из другого источника, допустим сам код скрипта я перенесу в папку js на хостинге, но скрипт не запускается если я пишу код в HTML^ <head><script type="text/javascript"><script src="js/test.js"></script></head> В пример хочу сказать что я использую скрипты от Wijmo.

    Asked by Homavi,

    0 votes
    8 answers

  25. scrolling для блока

    как сделать чтобы логотип не прокручивался только жанры фильмов прокручивались http://codepen.io/lybrook/pen/rvDlw/

    Asked by adminfilm,

    0 votes
    8 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