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. Зависание псевдокласса :active в IE7

    Привет форумчанам! Вы, наверное, будете смеяться, но я с проблемой верстки под IE7 =) Да-да, вы не ошиблись, именно под тот самый седьмой эксплорер. Верстаю одну маленькую незначительную страничку, но начальству очень критично, чтобы она работала в IE7. (Есть у них клиенты, небольшой процент, которые юзают этот браузер, блин). Среди прочего на страничке, необходимо сверстать элементы навигации слайдера, а именно стрелки влево и вправо, которые генерируются скриптом как тег <a href>, т.е. это ссылки. Проблема состоит в том, что по нажатию на картинку-ссылку (для ИЕ7-8 специально эти элементы делались картинками, а не css'ом) она зависает в состоянии ac…

    Asked by rolex12,

    0 votes
    4 answers

  2. Как сделать кнопку и cсылку по центру?

    Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position

    Asked by incub,

    0 votes
    2 answers

  3. Не работает <div>

    Я только изучаю html и css и у меня вот такая проблема: посмотрите пожалуйста в чём проблема такое уже не в первый раз https://jsfiddle.net/fanat1k/moocktzv/

    Asked by fanat1k,

    0 votes
    4 answers

  4. Как экспортировать слайдер на макете?

    Вот на макете, не могу понять как экспортировать слайдер, самый первый под меню и лого, то ли объединить все в один слой или как нить по другому? вот макет site.psd

    Asked by incub,

    0 votes
    5 answers

  5. Приоритет наложение слоёв

    Свойство z-index как правило применяется только исключительно к позиционированным элементам (relative, absolute, fixed и т. д.) Вот есть элемент Р и Н1, Р находится под Н1 потому что у Н1 задан приоритет слоя z-index:2; Далее у Р есть вложенный элемент EM у которого z-index ещё больше чем у H1, но так как ЕМ не позиционированный он не должен налаживаться на Н1 но, если его контейнеру Р присвоить display:flex; так ЕМ сразу начинает налаживаться на H1. Почему такое поведение?

    Asked by aqua.77,

    0 votes
    3 answers

  6. Позиционирование. Как такое реализовать?

    Привет всем! Интересует такой интересный вопрос, реализацию которого я увидел в чате Вконтакте. Там сверху чата выводится дата сообщений поверх всего, но фишка в том, что данный блок как бы не дает на себя спозиционироваться что ли... Т.е. я спокойно могу начать выделение текста в чате под данным блоком. Как реализовать такую возможность? Как я знаю, если вывести блок поверх всех через z-index, то и все действия будут происходить именно в его зоне, а не под ним. А тут как бы происходит его игнорирование, хотя данный блок находится наверху всех. Надеюсь понятно объяснил)))

    Asked by MiHALbI4,

    0 votes
    3 answers

  7. Неправильное отображение шрифта текста.

    Имеется вот такой код: <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступ…

    Asked by ErUnDAK,

    0 votes
    0 answers

  8. НУжна помощь при вставке текста в css

    Добрый вечер друзья! Необходима помощь: Нужно вставить текст, не могу понять. Все отметил на картинке.

    Asked by dmitriy-tolstikhin,

    0 votes
    4 answers

  9. Как развернуть картинку в модальном окне

    На странице есть полноразмерная картинка но сжата стилями до необходимых. Как можно сделать что бы при нажатии на ссылку "развернуть" этаже картинка разворачивалась в большом всплывающем окне (на 90% экрана)? Причем надо что бы именно эта картинка просто развернулась - БЕЗ лишней ещё одной загрузки. Вот заготовка - https://jsfiddle.net/af5wk09r/ ссылка "развернуть" не работает ( Спасибо, можно ли реализовать без скриптов?

    Asked by alleclf,

    0 votes
    2 answers

  10. phpMyAdmin нужен ли

    Привет, Подскажите, пожалуйста, нужен ли вообще phpMyAdmin для хостинга 2 сайтов на CMS WordPress+Joomla, если есть прямой доступ к серверу в соседней комнате? Что в таком случае полезного даёт phpMyAdmin?

    Asked by Bdvn,

    0 votes
    2 answers

  11. На сколько важна CMS при адаптации сайта

    Часто вижу заказы на фрилансе по адаптации существующего сайта для мобильных/планшетов. Но я как новичек, не понимаю для чего пишут название CMS, если адаптировать, например, можно через медиа запросы. В таких же случаях правишь только CSS/HTML, но не PHP?? Из последнего было на фрилансе, что сайт на самописе и надо адаптировать и фрилансеры-исполнители смотрю пишут-"ах на самописе, значит дороже будет ". Почему дороже? Хотелось бы понять без особых знаний php, но с уверенными знаниями CSS/html можно адаптировать сайт или нет. А то меня, как новичка-верстальщика, смущает указание cms в заказах.

    Asked by Kvitka,

    0 votes
    1 answer

  12. Как зафлоатить инпут?

    Помогите пожалуйста, не получается сверстать вот такую банальную навигацию .. Пробывал уже и inline-block, и флоат .. Но инпут не прижимается к правому боку. Можете ответ не говорить, скажите что не так делаю, и что поправить. Вот мой измученый код: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> example </title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> <ul> <li><a href="#">Home</a></li> <li><a href="#">News</a></li> <li><a href="#">Blog</a></li> …

    Asked by Hasiev,

    0 votes
    3 answers

  13. Выполнение пробного сайта

    Здравствуйте, прошу помочь. В моём окружении нету знающих сайтостроение, кроме форума. В общем нужен опыт, на теории знаю много чего, а на практике практически опыта нету, кроме незамысловатых сайтов-визиток. Хотелось бы получить что-то типа технического задания которое определят мои знания. Например: задать сверстать макет по PSD и указать что где как должно быть, после моего выполнения указать на ошибки.

    Asked by aqua.77,

    0 votes
    4 answers

  14. Вертикальное меню CSS

    Привет всем, у меня возник вопрос не могу найти ответа в гугле.. В общем такая проблема и вопрос. Есть вертикальное меню с подменю нужно сделать так что бы оно было фиксированным, это я знаю как сделать position: fixed; но тут возникает проблема что когда открываешь подменю и в нем больше пунктов чем может вместится на экране их просто не видно за пределами... Вот и возникает вопрос как сделать так что бы оно было фиксированным и в тоже время подменю скользили вместе с экраном при прокрутке (извините за тавтологию) не знаю как это еще объяснить)

    Asked by kokos,

    0 votes
    5 answers

  15. Как сверстать карточки товара на bootstrap, с границей как ячеек таблицы с border-collapse: collapse?

    Подскажи как решить задачу: Верстка выдачи товаров в категории, с учетом того что кол-во товаров может быть произвольный, и к тому же нечетным кол-ву товаров к колонке Верстать нужно на bootstrap c учетом адаптива (2,3 4 — карточки в ряду, в зависимости от брейкпоинта) поэтому использовать display: tabel и table-cell не имеет смысла Не должно быть двойных границ у карточек на стыке по вертикали и горизонтали Горизонтальных и вертикальных отступов между карточками нет Решил задавать границы используя nth-child, меняя формулы для разных брекпойнтов. Ссылка на демо Не испробовав, даже адаптив, увидел проблему на стыке границ, есл…

    Asked by Drunk_Monkey,

    0 votes
    1 answer

  16. Нужен ли Sass

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

    Asked by aqua.77,

    0 votes
    3 answers

  17. Резиновая табличная верстка макета

    Доброго времени суток, уважаемые форумчане) Подскажите пожалуйста нубу, что я делаю не так?? Стоит задача, сделать резиновый макет исключительно табличной версткой (не спрашивайте почему.... дивами и так знаю как сделать). Короче первое задание: скрин 1. Все норм, делаем табличку, во вторую ячейку посередине вставляю еще одну табличку, задаю ей рамку, ставим проценты и все как надо работает))) (скрин 2). Но вот вторая задачка..... (скрин 3) И вот ту мозгов уже не хватает)) Я рассуждаю так: добавляем еще одну ячейку, colspan ом сливаем шапку и подвал, чтобы они не были корявыми. Делаем одной ячейке 25% второй 75%. Пока все ровно, все работает (скрин 4 и скрин 5).…

    Asked by Dimas07,

    0 votes
    1 answer

  18. Разрешить ввод только цифр

    Помогите пожалуйста настроить популярный плагин для angularjs1 Сейчас в input возможно ввести любые символы. В результате действия плагина они оформляются в такой шаблон: +9 (999) 999-99-99 , в котором '9' - это любой символ. но мне нужно чтобы на место '9' можно было ввести только цифру. Но не букву. В документации написано, что этого можно добиться, если спользовать такой паттерн: \d Но этот паттерн не срабатывает(или я что-нибудь не так делаю). JSFIDDLE js: (function () { 'use strict'; var app = angular.module('app', ['ngMask']); app.controller('Appctrl', Appctrl); function Appctrl(){ } })(); …

    Asked by cyklop77,

    0 votes
    0 answers

  19. Ротация при нажатии. Как заменить обычный плеер на ютуб. должны меняться ютуб окна

    Как заменить обычный плеер на ютуб. должны меняться ютуб окна, ротация при нажатии Добрый вечер Не подскажите как заменить обычный плеер на ютуб _http://promalp-skala.ru/2/index2.htm Когда нажимаешь на банеры Знакомство с Bunchems Как сделать мишку Тедди из Bunchems? и тд должны меняться ютуб окна Код окна Куда вписывать ссылки с роликами?

    Asked by 111,

    0 votes
    0 answers

  20. Можете объяснить про свойство фон?

    Можете объяснить про свойство фон? Мне фон не доконца понятен, он при высоте не используется или при паддинге тоже?

    Asked by incub,

    0 votes
    4 answers

  21. Эффект печатающегося текста

    Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно. HTML: <p class="text-typing">1 строка</p> <p class="text-typing">2 строка</p> <p class="text-typing">3 строка</p> <p class="text-typing">4 строка</p> CSS: .text-typing { width: 21em; color:green; font-size: 22px; font-family: 'Marck Script', cursive; white-space:nowrap; overflow:hidden; -webkit-animation: type 5s steps(34, end); animation: …

    Asked by StOK,

    0 votes
    3 answers

  22. Сделать <span> неактивным

    Такой вопрос - есть правило для ссылок pointer-events: none; позволяющее сделать ссылки неактивными, у меня есть span - в нем иконсет распределенный через backgroung-position для будущих страниц сайта, есть ли правило для span позволяющее сделать так, что бы при нажатии на него ничего не происходило(в данным момент при нажатии на картинку перекидывает на главную

    Asked by Владимир Горинов,

    0 votes
    3 answers

  23. Блок уходит вниз при добавлении в него заголовка

    Здравствуйте! Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз. С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать. Код HTML: <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="…

    Asked by abubakr,

    0 votes
    4 answers

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

    Как сделать социальные сети под картинкой? Больше на картинке будет понятней! И, чтоб они были на правой стороне как на картинке? код вот!

    Asked by incub,

    0 votes
    5 answers

  25. Укажите на ошибки верстки

    Нарисовала и сверстала свой первый сайт. Прописывала под разные разрешения экранов опр комментарии - все равно отображается некорректно. Уже задолбалась ))). Подскажите по пунктам что нужно исправить чтобы все было ровненько и красивенько . Залила на беспл хостинг - вот смотрю как он себя ведет - неочень вот ссылка на мой сайт http://alenagrinchenko.zzz.com.ua/index.html

    Asked by Алёна Гринч,

    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