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. position: absolute скрытый overflow: hidden

    Приветствую всех. Есть такой код В блоках: container-1, и .container-2 все идентично. В блоках: .wrap-1, и .wrap-2 почти так же, за исключением блока .wrap-1 в котором добавлено overflow: hidden; Результат вы сами видите: .wrap-1 не позволяет container-1 выползти за его границы. В принципе по логике все ясно, просто я думал раньше что он вылезает вообще из общего потока на самый верх, но вопрос не в этом...а в том как это убрать, если мне нужно именно такие стили с overflow: hidden; и position: absolute одновременно?

    Asked by Arthur,

    0 votes
    13 answers

  2. Адаптивный дизайн

    Здравствуйте, возникла потребность изменить уже готовое веб-приложение, а точнее - сделать его подстраиваемым под разные экраны! Если кто-то готов бесплатно, или за небольшую сумму выполнить эту работёнку, пишите ниже, или сюда!

    Asked by Pavel Krugley,

    0 votes
    0 answers

  3. PHP и JavaScript, В чем их задача и в чем отличие?

    Немного погуглив, я нашел, что php это серверный язык, а java клиентский, но в чем их общая задача? Например, сделать надо регистрацию на сайте или cms систему, на каком языке это будет сделать легче, безопасней и удобней?

    Asked by RuslanHeYca4ev,

    0 votes
    20 answers

  4. Помогите новичку

    Здравствуйте участники форума помогите новичку с такими вопросами, решил сделать двухколоночный резиновый макет, код которого приведу ниже все получилось нормально, но если поменять блоки местами все съезжает не могу понять почему.Разъясните что я сделал неправильно. И еще вот такой вопрос в некоторых источниках пишут, что нельзя задавать фиксированную высоту элемента насколько это правильно выскажите свое мнение <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /…

    Asked by pavlovda,

    0 votes
    3 answers

  5. Фон для tr

    Здравствуйте, подскажите как правильно задать фон для tr в таблице я задал для этого tr фон шириной в 1 пиксель, а как сделать уголки эти?

    Asked by cruel09,

    0 votes
    1 answer

  6. В чём разница селекторов

    В общем достаточно странная вещь происходит. Элемент с классом .bx-pager на странице ОДИН ЕДИНСТВЕННЫЙ. А результат во всех трёх случаях разный. Объясните пожалуйста новичку в чём разница. #slider .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } #slider.bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } Собственно вот этот http://bxslider.com/ на всякий случай.

    Asked by visortelle,

    0 votes
    4 answers

  7. svg IE неверные width height

    Подскажите, как можно победить svg иконки, на сайте http://delovsite.ru/ в IE. Слева, стоят ссылки-иконки на группы. Стоят там svg. Если сразу не будет видно, то можно чуть уменьшить окно IE. Проблема вроде как известная, https://gist.github.com/larrybotha/7881691, но победить не получилось. Может есть еще какие то варианты? Кроме как заменить на png) Причем первая иконка вроде как отображается нормально:

    Asked by npofopr,

    0 votes
    5 answers

  8. Вопрос по svg-спрайтам

    Доброе утро! Посмотрите, пожалуйста, правильно ли я подключил svg-спрайт http://cssdeck.com/labs/f3a0xxff и подскажите, целесообразно ли их использовать, или лучше применять отдельные svg там, где необходимо, или использовать для этих целей иконочные шрифты?

    Asked by Stright,

    0 votes
    9 answers

  9. repeating" градиент

    Здравствуйте всем. Помогите пожалуйста написать код на CSS используя линейный градиент. Мне нужно создать фон, вот именно такой... и никак не получается! _http://itmages.ru/image/view/1967829/1ef0223d или такой _http://itmages.ru/image/view/1967841/08d358e2 Перепробывала и перемучалась уже до не возможности. Самое большее, (методом тыка), смогла написать лишь это... @charset "utf-8"; /* CSS Document */ body { background-color: black; background-image: linear-gradient(45deg, #F3EBA0 27%, transparent 27%, transparent 73%, #F3EBA0 73%), linear-gradient(45deg, #F3EBA0 27%, transparent 27%, transparent 73%, #F3EBA0 73%); background-si…

    Asked by nastja198,

    0 votes
    2 answers

  10. Как сделать картинку ссылкой, но без <img>?

    То есть, не <a href=""><img src=""></a> , а по-другому?

    Asked by RuslanHeYca4ev,

    0 votes
    13 answers

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

    Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.

    Asked by YAHOO,

    0 votes
    5 answers

  12. Проблемы с clearfix и высотой блока

    Я знаю, тут сидят опытные люди. Я сам занимаюсь версткой не первый год, и считаю себя достаточно профессиональным в этой области. Для чего я это написал. Не давно меня поверг в ступор один баг (может фича) связанный с clearfix'ом (я полагаю его использует больниство верстальщиков) Собственно код для ознакомления тут http://codepen.io/anon/pen/yFnJo Вопрос: почему растягивается первый item на высоту sidebar'a?

    Asked by phweb,

    0 votes
    13 answers

  13. смещение текста на вторую строку в пункте меню

    Доброго дня всем , второй день бадаюсь , помогите пожалуйста советом . на сайте http://asl.ru.показать.сайт , хочу чтобы в меню текст пункта "о комании" был в одну строку , не понимаю что его смещает, на ширину пункта меню не реагирует , white-space тоже , дальше я обезоружен . Движок joomla , меню отдельным модулем "as menu" .

    Asked by reen1s,

    0 votes
    4 answers

  14. Форма

    Можно ли в элементе form, разместить ссылки? <form> <input type="text" name="login"> <input type="password" name="pass"> <a href="#">Регистрация</a> <a href="#">Забыли пароль?</a></form>

    Asked by DivMan,

    0 votes
    8 answers

  15. Как делаются мультибраузерные сайты?

    Привет всем! Я новичок, делаю свою первую простую персональную страничку. Нужна помощь. В хроме сайт выглядит нормально, а в мозиле и IE все сдвинуто в право и увеличен масштаб. Картинка становится дефектной. Уменьшил масштаб страницы в браузере со 100% на 80 % и вид сайта нормализовался. Сделал проверку кодов Dreamweaver-ом, он что то исправил, нашел ошибку "удвоение поля потока" у непринципиальной линии, короче не помог исправиить дело. Сайт еще не загружен в интернет, открываю его через нотпад. Вот эта страничка html форума с моим вопросом в хроме выглядит нормально, а в мозиле ее масштаб увеличен, но это не портит общую картину. Все блоки находятся на своих местах…

    Asked by м.н.с.,

    0 votes
    12 answers

  16. Убрать лишний код в css

    Задача: как убрать не использованные стили в css? может кто подскажет какой ни будь сервис?

    Asked by soltx,

    0 votes
    6 answers

  17. Проблема с расположением элементов

    Добрый день! Сейчас прохожу обучение нового курса, знаю HTML на 3 сейчас и всегда позиционировал элементы абы как, лишь бы добиться результата. Хочу позиционировать шапку следующим образом. вот CSS: .header { overflow: hidden;}.logo { float: left;}.slogan { float: left;}.head-contact { float: right;}.search-head { float: right;}Вот что получается http://hostingkartinok.com/show-image.php?id=455b6ab26ebab9679e8d304ed8105621'> Помогите решить проблему. И посоветуйте источник хороший, для того чтобы полностью разобраться в правильном позиционировании элементов.

    Asked by cheezy,

    0 votes
    7 answers

  18. конфликт двух форм

    Добрый день, многоуважаемый all ! Не подскажете ли в каком направлении копать? Была на странице форма с вордпрессовой авторизацией. Потребовалось добавить под ней еще одну форму. После добавления имеем странную фишку - первая форма стала неактивной. Нельзя курсор поместить в поля, кнопка submit не работает. Полностью активна стала только вторая форма. Путем экспериментов выяснилось, что если из второй формы убрать все тексты, оставив только form, input, submit, то обе формы рабочие. Стоит для какого-то input-a добавить текст-описание (например, "введите имя"), получаем нерабочую верхнюю форму. Ссылка на страницу, для просмотра кода (код второй формы, под Личным кабинетом,…

    Asked by flider,

    0 votes
    5 answers

  19. Перенаправление на новую страницу сразу после отправки событий метрик яндекса

    Вопрос такой. У меня идет достижение событий яндекса и гугла и тут же браузер должен перенаправить на страничку "спасибо за заявку" (новую). Установленные соединения этими событиями с серверами яндекса и гугла - не оборвутся и продолжат отправляться? Суть в том, что раньше была по отправке заявки всплывающая форма через ajax и достигались события для аналитики яндекса и гугла), а теперь для кривого русского сервисиса, который не способен работать через ajax (сервис воронок) - нужно сделать благодарность на отдельной странице и тут встал вопрос, что делать с уже настроенной отправкой событий. Либо она сработает перед редиректом (начнет устанавливать соединения и они не сб…

    Asked by Zverushka,

    0 votes
    0 answers

  20. Во весь родительский блок

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

    Asked by sanya_lampard,

    0 votes
    12 answers

  21. Прозрачный радиент по бокам

    У меня есть,блок div по середине. страницы. На самой странице очень красивая картинка,мне нужно сделать так: В лево и вправо будет градиент,от белого к прозрачному. Белый начинается у центрального div. Как это сделать? Пробовал создавать 2 div-не получается их выровнять,прописывать 2 градиента тоже не вариант,подскажите как сделать? вот ссылка того, что я хочу сделать. http://firepic.org/?v=2014-10-07_57nzx7qydsxw.png слева все сделано как нужно,как сделать справа?

    Asked by BeetleJuice541,

    0 votes
    9 answers

  22. Резиновая верстка

    Как сделать ее?Как растягивать сайт на всю ширину?Я верстаю лендинг.

    Asked by RuslanHeYca4ev,

    0 votes
    8 answers

  23. Проблемы верстки на IPad

    Здравствуйте! Есть проблема адаптивной верстки сайта http://www.hypnoshop.com/test/! В обычном браузере (Firefox, Chrome, Safari) всё норм.. Виглядет вот так.. http://prntscr.com/4srtg9 А на оригинальном IPad так .. https://s3.amazonaws.com/prod_object_assets/assets/17098870067074/ipad-screen2.png?AWSAccessKeyId=AKIAI7NUHQYARXR2GGCQ&Expires=1412414176&Signature=MgKuXc%2FinDf5SnIeFyOApOAdaJI%3D#_=_ Ipad игнорирует свойство overflow? подскажите что делать в текущей ситуации.. ? Спасибо.

    Asked by lbondodesc,

    0 votes
    8 answers

  24. Как сделать, чтобы кнопка нажималась?

    Здравствуйте! Подскажите, как сделать так, чтобы при клике кнопка нажималась? Например, как здесь http://www.int-ext.ru/ (желтая кнопка) Спасибо.

    Asked by Fendia,

    0 votes
    2 answers

  25. Ссылки подменю отображаются как блочные

    Как исправить чтобы рабочее пространство в дополнительном меню было строчным. Дело в том, что ссылки становятся блочными при размещении в дополнительном меню. http://joxi.ru/2i01VIwyTJDHAqv8LFs http://jsfiddle.net/kipes/cwuuu05u/

    Asked by Delat,

    0 votes
    1 answer

  • Обсуждения

    • 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