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. красивое выравнивание блоков по ширине

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

    Asked by cyklop77,

    0 votes
    3 answers

  2. Помогите выровнять фон

    Здравствуйте. Я хочу вставить основное фоновое изображение для тега body чтобы фон был на весь экран. Задача следующая. 1. Выровнять изображение по вертикали по центру. 2. По горизонтали выровнять так, чтобы изображение было прикреплено к правому краю, и при сжатии урезалось слева. 3. Чтобы при сжатии окна не изменялся масштаб изображения. Помогите пожалуйста составить css код для этого.

    Asked by sss2019,

    0 votes
    3 answers

  3. Помогите разобраться с кодом

    Заранее прошу прощения если вопрос глупый, т.к. веб програмирование только начал изучать. После использования визуального редактора появился вот такой код, это так должно быть или это глюк виз. редактора?

    Asked by ReyDan,

    0 votes
    3 answers

  4. Работоспособность корзины

    Есть подозрения, что корзина на сайте не работает как надо. Не отображаются купленные товары. Хочу попросить форумчан посмотреть отображается в корзине что-то или нет. Для этого нужно перейти по ссылке и нажать "Купить". Потом должно перекинуть на страницу корзины.

    Asked by apexis,

    0 votes
    3 answers

  5. Плавное увеличение круга

    Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}

    Asked by Kisa1993,

    0 votes
    3 answers

  6. Организация ссылки

    Здравствуйте. Подскажите, как реализовать переход по ссылке в следующем коде. Проблема в том, что id= изменяется.

    Asked by Aleksandr_KPI,

    0 votes
    3 answers

  7. transform

    img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?

    Asked by rpmcmerphy,

    0 votes
    3 answers

  8. Как нарисовать таблицу с помощью div

    Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …

    Asked by Aleksandr_KPI,

    0 votes
    3 answers

  9. Таблица, textarea и firefox: необъяснимо, но факт!

    Есть таблица, внутри ячейки которой растянут на 100% ширины и высоты textarea. В хроме всё прекрасно, но в огнелисе textarea находится в середине ячейки и имеет довольно небольшую высоту (явно не 100%). Пример: http://eeditor.tmin10.ru/ (http://jsfiddle.net/T9cy9/ если первый сайт упадёт (у мя слабенький хостер...)) Подскажите, как бы это исправить?

    Asked by Tmin10,

    0 votes
    3 answers

  10. Проблема в отображением верстки в браузере

    Всем привет! Появилась проблема, ни как не могу ее устранить.Около 2 месяцев назад верстал один шаблон, но не сверстав до конца забросил(пока что обучаюсь верстке).На настоящий момент решил переверстать его с нуля, но появилась проблема.Шаблон стандартный, статичный сайт 1000х1600 Структура верстки такова: <div id="wrapper"> <div id=''nav"></div> <div id="top"> <div id="left"></div> <div id="right"></div> </div> <div id="bottom"> <div id="sidebar"></div> <div id="content"></d…

    Asked by log30,

    0 votes
    3 answers

  11. Кросбраузерное рисование многоугольников.

    Хочу сделать небольшую интерактивную карту посёлка на JS, со скролом и зумом. В нижнем слое картинка, а в верхнем нарезанные полупрозрачные участки на которые можно наводить курсор, кликать и всё такое. Вот, не могу определиться чем рисовать эти участки. Хорошо бы, конечно, canvas, но судя по статистике он не будет работать примерно у 10% пользвателей, 8% из которых это IE8. Та же история и с SVG. Map и area тоже нельзя использовать так как участки получаются прозрачными. Подскажите, пожалуйста, максимально кросбраузерный вариант решения задачи.

    Asked by denisator,

    0 votes
    3 answers

  12. Работает не так как нужно

    html <html><head><link rel="stylesheet" href="style123.css"></head><body><ul class="list"><li><a href="1.html"><em>2.79</em></a><span style="width:68%;">68%</span></li><li><a href="2.html"><em>2.79</em><span >68%</span></a></li><li><a href="3.html">222222<em>2</em></a></li><li><a href="4.html">33333<em>3</em></a></li><li><a href="5.html">4444<em>4</em></a></li><li><a href="6.html">5555555555 5555555 5555555555 5555555555555&…

    Asked by Tikson,

    0 votes
    3 answers

  13. Сделать высоту tr меньше содержимого

    Делаю удаление строки из таблицы, есть желание сделать не просто исчезновение строки, а плавное ее уменьшение по высоте до нуля. И вот вижу, что если задать height для tr меньше, чем содержимое, он не уменьшится. Можно как-то сделать строку с высотой меньше, чем у содержимого?

    Asked by zatvornik,

    0 votes
    3 answers

  14. Шрифты и ctrl+-

    Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman. Firefox Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%. Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть. Chrome Почти тоже самое. IE10 Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока. h…

    Asked by Bassline,

    0 votes
    3 answers

  15. Тени

    Добрый день! При верстке макета возникло несколько вопросов: возможно ли с помощью свойства box-shadow реализовать нижнюю тень у header'a? И как с реализовать логотип, а именно — белый оттенок? Скриншот макета:

    Asked by Aleksandr.L,

    0 votes
    3 answers

  16. не получается задать абсолютные размеры картинки

    Добрый день! проблема в следующем: не получается задать абсолютное значение для картинки, вставляемой в таблицу (html). то есть при изменении разрешения экрана картинка то сжимается, то вытягивается. сам размер ячейки на это не влияет, так как я пробовал его менять, или вообще не устанавливать - не помогает. также и другие ячейки не могут влиять, проверено. кто-то сталкивался с подобным? как же всё таки сделать так, чтобы картинка не менялась, всегда оставалась одинаковой на всех экранах?

    Asked by Raman,

    0 votes
    3 answers

  17. Помогите убрать левую ссылку

    Здравствуйте, вставил себе на сайт ( сайт на джумле) один модуль который называется Acordion menu, модуль мне очень нужен но, они каким то образом спрятали пару ссылок в нем. Немогу понять где. Помогите найти пожалуйста. сайт http://get-visa.in.ua ссылки ищите справа ( двигайтесь в право до самого конца)

    Asked by andrewmax,

    0 votes
    3 answers

  18. hover

    Доброго времени суток форумчане. Возникла следующая проблема. Как при наведении на картинку сделать вот такой вот эффект http://s004.radikal.ru/i207/1312/af/e2ecefa7e75d.png ? Что бы у картинки появлялся бордер и размытие. Пробовала просто при hover через background накладывать этот фон на картинку, но он ложился под нее.

    Asked by Valentinka.solar,

    0 votes
    3 answers

  19. Выбор этажа здания

    Здравствуйте. Нужно реализовать поэтажный выбор на здании. То есть при наведении на этаж накладывается маска, полупрозрачное изображение. Знаю что можно сделать такое через map area. Но думаю можно воспользоваться каким нибудь более продвинутым вариантом. Подскажите какие еще есть варианты? Пытался погуглить, но я даже незнаю как это называется, поэтому ничего толкового не нашел. И какким образом высчитываются координаты, если речь идет об map area?

    Asked by massef,

    0 votes
    3 answers

  20. пропадает ol-нумерация

    помогите пожалуйста кроссбраузерно вывести нумерованный список на страничке проблема в том, что chrome скрывает нумерацию. firefox смещает нумерацию, игнорируя padding. а результат должен выглядеть примерно так в примере я заменил тип нумерации, но это не принципиально не сильно интересует решение "пиксель в пиксель". устроит любое разумное, аккуратное расположение элементов списка. устаревшие браузеры можно отбросить

    Asked by cyklop77,

    0 votes
    3 answers

  21. Еще немного о тенях

    Всем доброго. Подскажите пожалуйста, как средствами HTML+CSS сделать такую тень (см. вложение) Или проще вырезать кусок из макета и вставить <img>?

    Asked by To_wave,

    0 votes
    3 answers

  22. Помогите с wp версткой

    Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

    Asked by Dean Winchester,

    0 votes
    3 answers

  23. Менюшка на css

    <ul id="menu"> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li> <li><a href="#">Текст</a></li></ul>Есть меню стандартного вида. Подскажите можно ли сделать без использовнаия javascript чтобы при нав…

    Asked by Igoreshra,

    0 votes
    3 answers

  24. table-cell и inline-block

    Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?

    Asked by ElDarco,

    0 votes
    3 answers

  25. Как задать расстояние между блоками по вертикали?

    Имеются блоки: "ab","cd" и "ef": http://jsfiddle.net/SY4Lm/22/ Задача: задать расстояние между блоками по вертикали. Условия: 1) height задавать нельзя, так как везде текстовые данные. 2) Прописывать что-то между блоками отдельно, например <br>, нецелесообразно, так как на самом деле блоков гораздо больше, это всего лишь фрагмент большого кода. Мои не получившиеся решения: 1) С "margin:25px 0;": http://jsfiddle.net/SY4Lm/23/ 2) С "padding:25px 0;": http://jsfiddle.net/SY4Lm/24/ 3) С "padding:50px 0;": http://jsfiddle.net/SY4Lm/30/ - большой пропуск сверху 4) С "border-width:25px 0;": http://jsfiddle.net/SY4Lm/25/ 5) С "border:solid white; border-width:25px 0;"…

    Asked by lovi,

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