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. Как сделать всплывающий заголовок сайта

    Здравствуйте! Вот есть сайт - dollarforukraine.com, посмотрите, пожалуйста, как при открытии появляется заголовок, описание и кнопка, так вот, как сделать чтобы эти элементы не двигались сверху и снизу, а просто появлялись из прозрачного в нормальный. Т.е. при открытии/обновлении сайта как бы стояли на месте, но появлялись постепенно. Спасибо

    Asked by budanov,

    0 votes
    0 answers

  2. Не знаю как сверстать элемент

    В общем имеется такой активный элемент навигации: http://i6.pixs.ru/storage/1/5/3/SnimokPNG_6031795_12562153.png Как можно сделать такой прозрачный вырез? Уже кучу всего перепробовал, так и не получилось...

    Asked by MichaelD,

    0 votes
    6 answers

  3. Как подписывать картинки?

    Доброго времени суток. На странице я разместила изображения. Когда размещаю текст под картинкой, остальные изображения перескакивают вниз: http://itmages.ru/image/view/1724171/08f07aa5 а должно быть так: http://itmages.ru/image/view/1724169/c743b350 Код: <div id="content"><br><a href="finetex_Light_2109.html"> <img src="images/finetex/1.jpg" height="189" width="170" title="Uberture, Light 2109" > <p> Uberture, Light 2109 </p> </a><a href="finetex_Light_2110.html"> <img src="images/finetex/2.jpg" height="189" width="170" title="Uberture, Light 2110"></a><a href="finetex_Light_2121.html"> <img src="im…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    1 answer

  4. Верстка на иврите

    Всем привет! Народ кто уже верстал на иврите, подскажите пожалуйста, с какими "подводными камнями" вы сталкивались? Чего нового придется учитывать? Спасибо =)

    Asked by fikret,

    0 votes
    4 answers

  5. Пара вопросов от новичка

    Всем доброго времени суток. Почитал я много ресурсов, почитал Ваш форум. Все же, есть немного вопросов, которые хотелось бы задать. Начну с того, что мне посоветовал заниматься веб дизайном один знакомый программист. Важно ли это? Вот он как бы посоветовал и все, сказал наверное главное в этом деле, что нужно понять что то такое html вообще, а только потом переходить к css. А уже после, еще глубже уходить. Вот собственно вопрос номер 1. Правильно ли это? Или все же, лучше совмещать изучение? Но тут может появиться в голове каша. Вопрос 2. Теория + практика. Нашел я практику, в принципе, на сайте хтмлбукс. Там есть какие то задачки. Самопроверка. Вопрос в теории. …

    Asked by Shneiderlin,

    0 votes
    13 answers

  6. Проблема отступов сверху и снизу у элемента height 100%

    Здравствуйте. Столкнулся с такой проблемой. Не могу добавлять фиксированные отступы у контейнера .gallery-window со всех сторон. Или хотя бы резиновые. Временно решил проблему извращенным способом, увидите в коде, но при уменьшении окна появляются неточности. Слева и справа работает свойство margin: 1%; а снизу и сверху ну никак. Подскажите, как можно добавлять одинаковые фиксированные или резиновые отступы сверху и снизу, что бы при уменьшении окна они либо сохранили пропорции и сверху и снизу (при резиновых отступах), либо оставались фиксированными (при фиксированных отступах). Песочница http://jsfiddle.net/7hqdN/

    Asked by Нарек,

    0 votes
    5 answers

  7. Смена текста туда-обратно

    Помогите сделать, чтобы при клике на кнопку, текст в ней менялся. Кликнуть еще раз - сменится на первоначальный

    Asked by Haindell,

    0 votes
    18 answers

  8. Позиционирование блока, текст сдвигает блок

    <!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> </head> <body> <div id="b1"> b1 <div id="b2"> b2 </div> </div> </body></html>body { margin: 0;}#b1 { background: #F00; height: 100px;}#b2 { background: #0F0; width: 900px; height: 100px; margin: auto;}

    Asked by Guest psywalker11,

    0 votes
    2 answers

  9. Кто как решает проблему производительности background-size?

    В общем если разрешение большое у картинки и поставить background-size cover, или проценты какие-нибудь, то появляются лаги в хроме точно, не имеющие себе никакого оправдания. Кто и как с этим борится? Вроде как по идее скриптик вставить и все, имулирующий это поведение. Но я вот тут засунула волшебную строчку -webkit-backface-visibility: hidden, и лаги вроде как пропали. Но пока я рылась в гугле, пишут, что в файрфоксе тоже может лагать. Но у меня вроде все норм. Вот сижу и думаю теперь - скрипт все-таки или эту строчку.... Может кто сталкивался и придумал что-нибудь?

    Asked by Zverushka,

    0 votes
    14 answers

  10. Белая полоса

    Добрый день участники форума! Я столкнулся с такой проблемой и не знаю как её решить,решил обратиться к вам за помощью..надеюсь поможете! Есть вот сайт, в хроме появляется белая полоса слева,в опере все хорошо,полоса появляется когда меняешь размеры окна браузера,как по мне вся проблема состоит в этом #body_top_bg {background: url(../images/body_top_bg.jpg) center top no-repeat;}Буду благодарен за подсказки и помощь.

    Asked by masone,

    0 votes
    2 answers

  11. Анимация css3

    Переписал весь код, который нашёл и почему ничего не происходит? http://jsfiddle.net/D3WX2/ Я только сейчас начал изучать анимацию

    Asked by DivMan,

    0 votes
    10 answers

  12. Блок с текстом

    Приветствую! Как сделать так, чтобы блок .test_box открывался по клику, и его можно было закрыть по клику на кнопку. И как вывести текст с <p> у которого стоит значение :none, после того как будет открыт блок .test_box http://jsfiddle.net/uu6PL/1/

    Asked by Vans,

    0 votes
    4 answers

  13. Элементы "display:box" не работают

    Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…

    Asked by alexander.travkin,

    0 votes
    2 answers

  14. Еще раз про pixel-ratio

    Возникла такая проблема. Я суждаю сайт до 760 пикселей и делаю нужный вид ему. Открываю в эмуляторе айфоне в хроме (там опция такая) - вижу совершенно другую верстку - элементы куда-то уезжают, во бщем будто бы ширина экрана совершенно иная. Это и есть эффект повышенной плотности пикселей или я чего-то не догоняю?

    Asked by Zverushka,

    0 votes
    12 answers

  15. Не проходит валидацию

    Подскажите пожалуйста, в стилях есть строчка border-radius:3px при этом в html <!doctype html>. В валидаторе предупреждение что border-radius только для css3. Как исправить ?

    Asked by Sergik+,

    0 votes
    2 answers

  16. Проблема: отображение шрифта в сафари

    Здравствуйте! Столкнулся с проблемой, Во всех браузерах смотрится подключенный шрифт нормально, а в сафари (мак) вот так Свойства :hover которые меняют шрифт нет. В чем может быть дело, поделитесь, пожалуйста. upd: шрифт подключен через гугл, обычный open sans...

    Asked by Нарек,

    0 votes
    17 answers

  17. Как быть с изучением html,css

    Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад. Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника который мог бы так же ясно излагать мысли я не нашел. Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть? или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо.…

    Asked by Kenpati,

    0 votes
    14 answers

  18. Дополнительные поля: xfvalue_img-1

    Привет всем. Не подскажите как исправить? Добавлял дополнительные поля, результат 0, мб то то не так делаю? Разумеется где xfvalue_img-1 должны быть картинки.

    Asked by Dallas,

    0 votes
    6 answers

  19. Background image на резине

    Верстаю сайт для мотоклуба. Там на заднем фоне сильнотекстурированное изображение. В виде полупрозрачных ячеек карбона поверх асфальта с трещинами и разметкой. Хочется сделать резиновую вёрстку, но есть одно но. Ячейки этого самого карбона на больших разрешениях ну уж очень сильно растягиваются и начинают портить дизайн. Всё остальное смотрится нормально. Долго ломал голову как это исправить. Родилась идея, но к сожалению, пока не придумал как её реализовать. Идея в том что бы при растяжении окна, асфальт растягивался. А полупрозрачные ячейки поверх него не тянулись а мостились. То есть увеличивались не качественно а колличественно.)) Подскажите возможно ли это реа…

    Asked by Alaurey,

    0 votes
    3 answers

  20. 3d transforms css3 как вытащить весь код?

    нашёл интересную штуку https://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html как вытащить html и css файлы этой трансформации? нажмите на кнопку Toggle Shape и вы увидите эффект

    Asked by DivMan,

    0 votes
    5 answers

  21. Нужна помощь

    Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31

    Asked by kaplunA,

    0 votes
    4 answers

  22. Не работает JS (jQuery)

    Ребят здравствуйте,помогите с Js, дело в том что изначально делал списки на HTML но в сам список нужно вставить 2 картинки причем одна должна быть ссылкой и открывать список,С помощью CSS это реализовать не удалось,вернее удалось но при этом все смотрится криво и ползет, Почитал в Google что такие выпадающие списки делают на jQuery. нашел пример в интернете,но видимо либо сам урок кривой либо я не до конца понял, JS почему то не работает вот код на http://cssdeck.com вот скрины на всякий случай

    Asked by Евгений_SB,

    0 votes
    7 answers

  23. Фон + Картинка

    Добрый день. Не подскажите как наложить картинку на умножающий фон? То-есть: body { font: 12px Calibri, Arial, Tahoma, PT Sans, sans-serif; background: url(../images/bg_body.jpg);}Тут мой фон повторяется, так и должно быть. А как наложить на этот фон 2-ю картинку?

    Asked by Dallas,

    0 votes
    2 answers

  24. селектор атрибута

    В учебнике написан код [href^="http://"]:not(a[href^="http://www.sdcvoy.ru/"])Но почему он заработает только после того, как убрать тег a? http://cssdeck.com/labs/yvkzolue

    Asked by DivMan,

    0 votes
    7 answers

  25. Проблемы с блоками

    Есть сайт http://texteredsa.besaba.com/ верстаю этот макет http://files.mail.ru/EDE52362DCAC473FA59BB7E01E55093F там где блок наши особенности и преимущества, если добавить текст то все рушится, как нормально сверстать? а где последний блок а так же, я не могу понять поведение второго блока, его скопировал в html и он должен выглядеть также как и первый абсолютно, но на деле непонятно что, почему? ну и оцените верстку на данный момент.

    Asked by WEB-best,

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