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. Первая верстка (ошибки)

    Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…

    Asked by toyboy,

    0 votes
    10 answers

  2. Как сделать скролл на странице быстрым?)

    При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))

    Asked by Нарек,

    0 votes
    10 answers

  3. поведение псевдоэлемента в IE

    Вечер добрый Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет. подкиньте идейку, как убрать это подчеркивание у IE. пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже. сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.goog…

    Asked by orange_juice,

    0 votes
    10 answers

  4. Проблема с font-stretch

    Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.

    Asked by Suzanna,

    0 votes
    10 answers

  5. прижать футер

    напомните пожалуйста как футер прижать к низу экрана jsfillde

    Asked by cyklop77,

    0 votes
    10 answers

  6. Как верстать для мобильных устроств?

    Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме

    Asked by Frie,

    0 votes
    10 answers

  7. Проблема с версткой макета

    Макет взял отсюда https://vk.com/doc74880623_322415700?hash=680b16a146e0d2fbca&dl=5b49a4b96fbed7e1ea Как у меня получилось http://firstsiteinmymi.ucoz.com/ С позиционированием жесткие пробелы у меня, не знаю как поставить логотип на нужное место.

    Asked by RuslanHeYca4ev,

    0 votes
    10 answers

  8. Отступ в 1px на Mac Os (inline-block)

    Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…

    Asked by Нарек,

    0 votes
    10 answers

  9. Ищу слайдер

    Всем доброго времени суток! Ищу слайдер(не в точности такой же, а по принципу работы подобный): Если есть возможность скинуть ссылку на него или его код.

    Asked by Arthur,

    0 votes
    10 answers

  10. Проблема из слайдером

    в теме неправильно написал.. Это спойлер . Вот есть такой код что ниже.. вопрос заключаеться вот в чем.. как видно я изменил нижнюю скрытую часть спойлера. Хотелось чтоб верх видную часть можно было изменить так же, желательно через css. У меня никак не получаеться .. http://jsfiddle.net/rgjhbwsq/2/ или возможно применить какой нибудь другой скрипт... или прописать по другому код... главное чтоб это было на html, так как сайт именно на нем пока что у меня

    Asked by saen,

    0 votes
    10 answers

  11. @font-face

    Ребята не работает @font-face body { overflow-x: hidden; background-color: #f2f2f2; font-family: Dosis,Roboto,Roboto Light,Roboto Bold;}@font-face { font-family: Dosis; src: url(fonts/Dosis.ttf) format("truetype-aat"); font-family:Roboto; src:url(fonts/Roboto-Regual.ttf) format("truetype-aat");}A файлы выглядят так. что делаю не правильно?

    Asked by ksn,

    0 votes
    10 answers

  12. Карта изображений

    Доброго времяни суток!!! Помогите решить поставленую самим собой задачу. Есть карта изображений, тоесть огромное изображение с ссылками по координатам. Хочу прикрутить кномки для быстрого перехода к тем или иным координатам на изображении. Большое спасибо за помощь.

    Asked by archi_bald,

    0 votes
    10 answers

  13. Как реализовать это

    Всем привет, столкнулся с проблемой, может кто подскажет как реализовать В общем есть 2 блока, 2 блок будет интерактивная карта, и я не пойму как решить, позицианирование подошло, бы если оба фона шли изображением, может кто встречался с таким костылем? или вообще ссылка есть на подобное?

    Asked by soltx,

    0 votes
    10 answers

  14. Размер шрифта?

    Привет всем, мне нужен размер шрифта в 14,5 px как отобразить в css ?

    Asked by soltx,

    0 votes
    10 answers

  15. Responsive верстка

    Добрый вечер, при ширине экране 480px внизу отображается скролл, справа большой отступ, помоги найти причину появления этого отступа, пробовал background-size - не помогло. Вот ссылка http://sport.teslalight.com.ua/ Спасибо.

    Asked by mrfrunze,

    0 votes
    10 answers

  16. SVG многоугольник

    Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?

    Asked by DivMan,

    0 votes
    10 answers

  17. Белый экран при переходах между страницами — от чего зависит?

    Доброго времени суток форумчане! Имеется сайт http://www.modelmaking.ru , при переходе по ссылкам (особенно в левом меню) (или из верхнего меню на главную) , на мнгновение появляется белый экран. Замечено это в Хроме в ИЕ в Опере, в сафари и файрфокс все норм. Как думаете в чем проблема??? браузер плохо кэширует главную страницу??? Есть ли пути решения?? Заказчик работу не хочет принимать изза этого бага(((((( показывает сайты где при переходе по ссылкам все норм(

    Asked by Daniil Khanin,

    0 votes
    10 answers

  18. Если нет тега <P>

    Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?

    Asked by кэп,

    0 votes
    10 answers

  19. Простая админ-панель для добавления новостей на сайт?

    Простых знаний в javascript хватит, чтобы создать такую админку?Или что-то еще нужно знать дополнительно?

    Asked by RuslanHeYca4ev,

    0 votes
    10 answers

  20. 960gs

    Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.

    Asked by Leyla84,

    0 votes
    10 answers

  21. Неправильно работают якоря

    Всем привет! Возникла такая проблемка с якорями сайта http://thisissite.esy.es/ Нажмите на сауна, дкакузи и питание. Прокручивают не к якорю а к концу блока.

    Asked by box,

    0 votes
    10 answers

  22. Как разделить фото на две колонки?

    Здравствуйте, подскажите как разделить фотографии на две колонки? У меня стоит так. Хотелось бы видеть так.

    Asked by Гром,

    0 votes
    10 answers

  23. Помощь в верстке сайта для ведущих

    Добрый день! Прошу помочь в верстке сайта http://podarok.roool.ru/. Съехал весть текст в бок и я не могу его поправить. Может подскажите что еще можно исправить на сайте и в коде в плане SEO-оптимизации

    Asked by Serg Shew,

    0 votes
    10 answers

  24. как растянуть элемент по высоте родителя?

    верстаю страницу табличной версткой и столкнулся с проблемой. В ячейку <td id="wrap" colspan="2" rowspan="2"> не могу вставить таблицу или див, так, что бы она (он) занимал всю высоту родителя (#wrap). http://jsfiddle.net/dennila2/Lt3L0jw6/ Объясните пожалуйста, как это сделать?

    Asked by Denni,

    0 votes
    10 answers

  25. Проблема с градиентами в IE и Opera

    .blue-button {font-size: 13px; color: #ffffff; padding: 2px 15px; background: -moz-linear-gradient(top, #0E92B6 0%, #0FA2CA); background: -webkit-gradient(linear, left top, left bottom, from(#0E92B6), to(#0FA2CA)); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 0px solid #000000; -moz-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow: 0px 2px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -ms-behavior: url(css/pie.htc); behavior: url(css/pie.htc);Почему-то свойство background…

    Asked by okunev2,

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