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. Блоки одинаковой высоты

    Имеется блок со вложенными двумя блоками. Оба блока имеют высоту, равную высоте вложенного в них контента. Подскажите, пожалуйста, как сделать чтобы оба блока были одинаковой высоты? Интересует именно одинаковая физическая высота обоих блоков и способы без JS. Забегая вперед, пробовал методы, описанные в 4 способа как создать блоки-колонки одинаковой высоты. Все описанные методы без JS основаны на добавлении фона, тем не менее физические размеры колонок остаются одинаковыми.

    Asked by TorchTT,

    0 votes
    5 answers

  2. Блоки одинаковой высоты

    Здравствуйте. Помогите пожалуйста создать блоки одинаковой высоты. <div id="wrapper"> <div id="header"></div> <div id="sidebarL"></div> <div id="sidebarR"></div> <div id="content"></div> <div id="float"></div> </div>

    Asked by Guesto,

    0 votes
    8 answers

  3. блоки одинаковой высоты

    Добрый день!Подскажите, как сделать такие блоки одинаковой высоты без table,js и флексов?поддержка IE7+ http://prntscr.com/by34uv

    Asked by yulshaz@mail.ru,

    0 votes
    2 answers

  4. Блоки отскакивают при наведении

    Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…

    Asked by yaparoff,

    0 votes
    7 answers

  5. Блоки прыгают, дергаются, налезают друг на друга

    Всех приветствую. Возникла такая проблема. Ссылка: http://www.untex.com/8/ Если поводить курсором мыши по странице, то видно, что, когда курсор попадает на ссылки, блоки прыгают, дергаются, налезают друг на друга. С чем это связано, и как от этого избавиться? Прошу помочь. Спасибо.

    Asked by extruder,

    0 votes
    5 answers

  6. Блоки разбегаются что делать?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> в IE FF картинка совсем не такая, как в Dreamweaver вот код: #header{ background-image:url(Flower.jpg); width:800px; height:140px; color:#033; font-size:36px; text-align:center; font-family:Verdana, Geneva, sans-serif; } #body{ width:800px; height:550px; padding-left:50%; margin-left:10%; border:none; } #menu{ background:#033; color:#FFF; font-size:12px; width:200px; height:360px; float:left; border:none; } #content{ background:#FFF; color:#033; width:400px; height:360px; margin:0 auto…

    Asked by Yarkaya,

    0 votes
    3 answers

  7. Блоки разной ширины на одинаковом расстоянии друг от друга

    Если такой вопрос уже был, извиняюсь, поиск не работает Сам вопрос такой: можно ли при резиновой странице (5) расположить блоки (1-4) таким образом, чтобы они находились на одинаковом расстоянии друг от друга? При условии что блоки разной ширины и периодически меняются. Ниже попытка изобразить что требуется ))) Пока пришел в голову вариант засунуть все это дело в таблицу, есть другие варианты?

    Asked by Eirene,

    0 votes
    5 answers

  8. Блоки распадаются

    Верстаю блоки. Вот как это должно выглядеть: Так выглядит у меня: http://codepen.io/anon/pen/LVyogR Что нужно исправить?

    Asked by yaparoff,

    0 votes
    2 answers

  9. Блоки с автоматической шириной

    Помогите, не могу сообразить, как сделать. Есть блок A шириной X и высотой Y. Внутри него нужно разместить от одного до трёх внутренних блоков. Условия: если внутренний блок один - то он должен растянуться на всю ширину блока А, если два - то они должны занять по половине ширины блока А, если три - по трети, ну и так далее... Как сделать?

    Asked by botyaslonim,

    0 votes
    15 answers

  10. Блоки с ефектами

    Как создать блоки с таким плавный переходом как тут на сайте http://www.turbotech.com.au/ Подробней: есть два блока и как мы опускаемся ниже то идет плавный переход и блок появляется как бы из под блока ! https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1014943

    Asked by virtas,

    0 votes
    1 answer

  11. Блоки с закругленными углами

    Нужно реализовать контент сайта примерно так как на картинке(углы слегка закругленные в рамках). Нужна поддержка в IE.Блоки должны быть растягивающимися в зависимости от контента: Помогите найти,или подскажите толковую реализацию этого.Спасибо.

    Asked by BupycAP,

    0 votes
    2 answers

  12. Блоки с разными высотами на одном уровне

    На странице есть блоки которые повторяются. У блока стоит свойства float:left и на счет этого каждый блок циклично появляется с правой стороны предыдущего. Но если первый блок оказывается выше чем следующий новый блок стоит не правильно как на картинке. Я не могу задать блоку определенную высоту, потому что описание может быть и длинным и коротким. Как можно сделать чтобы блоки были на одном уровне. Картинка

    Asked by jumancy,

    0 votes
    4 answers

  13. Блоки с товарами одинаковой высоты

    Здравствуйте! Имеется перечень товаров. В каждом блоке 3 составляющих. Картинка, название и свойство. Картинка имеет фиксированную высоту. А вот название и свойства, конечно же, могут состоять из разного количества строк. Так как каждый блок имеет бордер, в результате получаются все блоки разной высоты. Подскажите, пожалуйста, правильный подход к решению данного вопроса. вот пример - https://jsfiddle.net/wdb2e0hy/ Заранее благодарю за помощь.

    Asked by volshebnyi,

    0 votes
    3 answers

  14. Блоки смещаются

    http://jsfiddle.net/WESAu/ В общем не знаю как сделать, что бы при уменьшении окна браузера эти блоки меню не уходили друг под друга, а оставались на месте вне обзора

    Asked by Rock_Wave,

    0 votes
    3 answers

  15. Блоки съезжают в firefox

    Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …

    Asked by Stahanovec,

    0 votes
    5 answers

  16. Блоки фиксированного размера

    Здравствуйте,сейчас делаю шаблон, с css знаком не углублёно, но я стараюсь . Помогите неопытному решить проблему: есть 3 div блока, colomn1, colomn2, colomn2 внутри блока wcontent, у блоков прописана ширина, но если в блоке colomn2 нехватает места он смещает colomn3. Как мне сделать так чтобы блоки были фиксированной ширины, и не изменяли размерность в зависимости от наполненности. Тут можно посмотреть на сайт: http://goo.gl/DTh7l Логин и пароль demo demo Вот пример неисправного блока http://goo.gl/DTh7l (после логина всё видно) .column1 { width:180px; display:table-cell; padding:30px 20px 20px; } .col1block { padding-bottom:10px; } .column2 { width:640px; display:…

    Asked by Avanege,

    0 votes
    3 answers

  17. Блокирование Popup окна

    Здравствуйте! При вызове popup окна происходит затемнение (fade in) и окно блокируется, в него не передаётся фокус. Хотя модальное окно должно всплывать над затемнением. Прошу, по возможности, подсказать где ошибка. Спасибо ссылка: http://xstrongumbrella.com в футере линк "Limited Five (5) Year Warranty for Unbreakable® Walking-Stick Umbrella Standard"

    Asked by Kenoby666,

    0 votes
    5 answers

  18. Блокирование счетчика JS

    Добрый день! Есть сайт https://xstrongumbrella.com/ В нижней части страницы вставлен счётчик обратного отсчёта (псле фразы * Promotion ends in) Проблема в том, что на HTTP он работает, а на HTTPS нет Все ссылки на сайте (стили, скрипты, картинки) переделаны на https Прошу подсказать. Спасибо.

    Asked by Kenoby666,

    0 votes
    1 answer

  19. Блокировка изменения select.

    Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.

    Asked by maxakagaret,

    0 votes
    6 answers

  20. Блокировка кнопок "Back" и "Forward"

    Видел сайт при входе на который блокируются кнопки "Back" и "Forward" браузера ИЕ (и обратной их активации при выходе). Не срабатывали даже комбинации "Alt-стрелки курсора" и клавиша "BackSpace". Очень удобная штука при изменении Базы Данных в самый момент перехода между страницами. Хелп. Как это делается ? Единственное что мог узнать - изменение в Реестре Windows. Но для меня это не решение.

    Asked by htmlbook_user,

    0 votes
    5 answers

  21. Блокировка подгружаемых элементов содержимого

    Здравствуйте! Мне на сайте нужно сделать прелоадер (картинка, на ней надпись "Подождите пожалуйста..."). При этом, пока на экране прелоадер, подгружаемые на страницу элементы должны быть недоступны. Я создал слой: <div id="loading"> <div class="loadingDiv">Подождите пожалуйста...</div> </div> и стили .loading { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; overflow:hidden; } .loadingDiv{ position:absolute; top:50%; left:50%; text-align:center; font-family:Arial; background-color:#FFFFFF; font-size:10px; margin:0 0 5px 0; } который теоретически должен перекрывать вс? содержимое во время загруз…

    Asked by realmadrid,

    0 votes
    6 answers

  22. Блокируется ли загрузка страницы

    Хотелось бы проконсультироваться вот по какому вопросу. Мне известно, что JS-скрипт, расположенный на удаленном интернет-ресурсе и подгружаемый на html-страницу вот так: <script src="https://www.example.com/copy.js"></script>сделает невозможным загрузку html-страницы до тех пор, пока целиком не выкачает JS-скрипт с удаленного ресурса, который, возможно, сильно тормозит. Таким образом, загрузка пусть и небольшой html-страницы значительно затянется. Вопрос, будет ли блокироваться загрузка html-страницы, если браузер встретит теги: <img src="https://www.example.com/mini.png" /><div style="background: url(https://www.example.com/copy.css)"></div…

    Asked by hike,

    0 votes
    11 answers

  23. Блокнот с подсветкой

    порекомендовали пользоваться блокнотом с подсветкой. приобрела Notepad++. теперь вот осталось разобраться какой цвет что означет))) я понимаю что вопрос бредовый. помогите разобраться новичку

    Asked by qwe!,

    0 votes
    20 answers

  24. Блочная "резиновая" вёрстка

    Доброго времени суток! Я только начинаю изучение CSS, подскажите, пожалуйста, как лучше реализовать CSS в этом "резиновом" шаблоне при условии, что каждый элемент шаблона должен быть в отдельном div'е? Какие при этом могут возникнуть нюансы? Спасибо!

    Asked by CocoDen,

    0 votes
    2 answers

  25. Блочная верстка

    вот css, блочная верстка по центру, фиксированной ширины: html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7pre,code,form,fieldset,legen d ,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } #container { width: 900px; margin: 0 auto; } #header { height: 226px; margin: 0; background: url(images/bg1.gif) repeat-x; } #wrapper { float: left; width: 100%; } #content { margin: 0 150px; } #navigation { float: left; width: 150px; margin-left: -900px; background: #B9CAFF; } #right-block { float: left; width: 150px; margin-left: -150px; background: #FF8539; } #footer { clear: left; width: 100%; background: #ff0000; } как теперь бы растянуть контейнер по высоте, …

    Asked by okunev2,

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