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. zurb-foundation форма в топбаре

    Прежде всего, вопрос для тех, кто знает этот фреймворк Хочу поместить форму в topbar, получается не очень красиво. Код <nav class="top-bar" data-topbar> <ul class="title-area"> <li class="name"> <h1><a href="#">Xandra</a></h1> </li> <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li> </ul> <section class="top-bar-section"> <!-- Right Nav Section --> <ul class="right"> …

    Asked by ekkl,

    0 votes
    0 answers

  2. Гостевая книга с хорошей капчей и красивым интерфейсом

    Сабж. Уже второй день ищу нормальную гостевую. Но все что нарыл это ужасающие и старые скрипты аля 2006 года. Нужен красивый интерфейс,возможность подстроить гостевую под тему сайта и вообще смена шаблона и самое главное хоршая капча ибо спамеры за;%;ли уже... Може есть у кого че?

    Asked by romoga,

    0 votes
    0 answers

  3. Bootstrap less

    Нужно ли подключать bootstrap.css если пользоваться bootstrap.less файлами?

    Asked by Roger,

    0 votes
    0 answers

  4. Не могу разобраться с меню построенным на теге div

    Ну в общем нужно, чтобы меню было как-бы сверху всего(чтобы колонки были над текстом а не под ним) и выдвигающиеся колонки справа при наведении, я сколько делал ничего не выходило. Спасибо за помощь заранее. Вот код html: <html><head><title></title><link rel="stylesheet" type="text/css" href="tablica3.css"></head><body class="telo"><div class="header"></div><div class="menu"><a href="index.html" class="a"><font class="cvet2">Главная</font></a></div><div class="wrapper"><div class="item1_norm" onmouseover="this.className='item1_hover';" onmouseout="this.className='item1_nor…

    Asked by Prosto_roam,

    0 votes
    0 answers

  5. Зафиксировать изображение

    Добрый день, подскажите пожалуйста в реализации, значит, будет квадратное изображение на всю страницу браузера и на этом изображении с левой стороны разной величины 2 формы ввода, а с правой стороны одна форма ввода, параллельно левым только со смещение внизу вот пример того, что должно получиться https://dl.dropboxusercontent.com/u/14318845/share/teamviewer.png мне нужно зафиксировать изображение, что бы можно было на нем "рисовать" формы с помощью html, зафиксировал вот чем display: block; position: absolute; правильно? Что вы подскажите ... нужно, что бы при уменьшении страницы все элементы были по центре, а не лезли влево тут у меня из за не знаний ничего не вышло…

    Asked by myr4ik07,

    0 votes
    0 answers

  6. Растянуть плавающий блок на всю оставшуюся ширину

    Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block

    Asked by borus,

    0 votes
    0 answers

  7. gpGallery + Smooth Div Scroll

    А точнее: http://pcvector.net/scripts/image-effects/250-gpgallery-galereya.html и http://pcvector.net/scripts/slideshow_and_scroller/407-smooth-div-scroll-gorizontalnaya-prokrutka-kontenta.html Пытаюсь совместить эти два решения в одно. См. http://beton-art.ru/#portfolio Моя разметка такая: <div id="makeMeScrollable"><div class="pictures"> <img src="test/untitled-3-2.jpg" width="267" height="400"/> <img src="test/untitled-3-16.jpg" width="400" height="267"/>... <div class="clear"></div></div></div>Проблема в том, что у первого дива (скроллера) задана высота, и верхние и нижние изображения второго дива (скролл-ар…

    Asked by maritca,

    0 votes
    0 answers

  8. Проблема кроссбраузерности вращения блока с текстовым содержимым

    Здравствуйте! Задаю блоку меню такие свойства: -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);-ms-transform: rotate(-1deg);transform: rotate(-1deg);Адекватно изменения отображаются только в Firefox, в остальных же браузерах текст пунктов отображается ступенчато, буквы прижимаются друг к другу.В чем может быть причина?Спасибо!

    Asked by Ярослав,

    0 votes
    0 answers

  9. При масштабировании съедается часть картинки бекграунда в Мозиле.

    Всем привет! Просьба помочь. При уменьшении масштаба в Firefox съедаются часть картинки поставленной бекраундом. Картинку ничего не перекрывает. Имеется ввиду картинки перед каждым пунктом меню. http://goo.gl/AdGWK7 Подскажите в чем может быть проблема. http://test.ph.vps-private.net Заранее всем спасибо.

    Asked by drWebMaker,

    0 votes
    0 answers

  10. Проблема со сползающим блоком (Bootstrap)

    Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)

    Asked by smargelov,

    0 votes
    0 answers

  11. создание поддомена на Таймвеб

    Уважаемые гуру верстки, помогите. Есть самописная страница в html есть домен (сейчас заткнут шаблоном вордпресс, так как пришлось снести весь сайт напрочь), есть поддомен, на который хочу загрузить самописку html. Долго билась-мучалась, ничего не получилось, стукнула в поддержку. Мне сердобольный товарищ из техподдержки помог, но мне легче не стало. Появилась в корне новая папка "test", в ней php- скрипт <? echo 'test'; Конечно, на странице поддомена отражается "test" и вот что мне делать с этим добром, если у меня страница сверстана на html? Как мне сделать выгрузку на хост? Буду искренне благодарна, если научите и доступным для новичка языком (познания есть, но чт…

    Asked by Polinika,

    0 votes
    0 answers

  12. Реализация OpenID

    Добрый день! Хочу сделать регистрацию через Wargaming OpenID, но не получается это сделать. Пробовал ставить uLogin и Loginza, но это все не подходит. Просто хочу сделать кнопку или ссылку "Вход" которая будет перенаправлять на авторизацию на сайт Wargaming, а после подтверждения возвращать обратно на форум уже с ником игрока обратно ну и его регистрацией на моем форуме. Видел несколько форумов ipb которые реализовали это. Сам ВГ говорит, что такими хуками не занимается и обращайтесь в поддержку платформы.Если кто-то реализовал такую форму авторизации, то пожалуйста, поделитесь им. Все таки танковое сообщество очень большое и думаю данный хук будет многим полезен.

    Asked by cori,

    0 votes
    0 answers

  13. Проблема с отображением на Opera Mini

    Есть сайт который нормально отображается на ПК. Но в Opera Mini всё совершенно некорректно. Как можно это исправить? есть ли чтото наподобие Opera Dragonfly для mini? Сайт:http://secretmoon.ru/ На Opera Mini:

    Asked by Kypaku,

    0 votes
    0 answers

  14. Верстка бесплатно (для моего портфолио)

    Привет, я начинающий верстальщик и ищу верстку для моего портфолио, поэтому бесплатно) Что я умею: HTML 5 валидно верстать;Хорошо знаю css3;Кроссбраузерная верстка (ie8+, все современные браузеры);Люблю js/jquery, смогу найти нужный плагин и кастомизировать его, при необходимости напишу скрипт сам;Знаю, как надо проверять свою работу на качествоСижу на Хабре и форумах по верстке, сверстаю шаблон полностью соответствующий Вашему ТЗ. Знаю bootstrap, если надо сделать по какому-то другому css фреймворку, то разберусь и с ним. Flash не знаю. Верстка сложной титулки займет от 4 до 7 дней. Что нужно, чтобы мы сработались: Вы являетесь веб-сдудией или фрилансером с портфолио;У В…

    Asked by alex.js,

    0 votes
    0 answers

  15. button ie11 border-radius

    http://html2css.ru/region/ Проблема стегом button - во-первых внизу бордер радиус отсутсвует у вложенного в него слоя, а также position relative top ведет себя как как абсолютный слой

    Asked by Zverushka,

    0 votes
    0 answers

  16. Смена footer

    Добрый день.Есть сайт с двумя категириями продуктов 1.электротехнич. 2.отделочные.скрин .Так вот в подвале находяться группы продуктов скрин .Можно ли сделать что бы эти самые группы продуктов менялись в зависимости в какой категории я нахожусь. сайт движок wp

    Asked by denisok,

    0 votes
    0 answers

  17. Добавление полей к обтекающему элементу

    Добрый день! Имеется контейнер main c двумя section (.left_col и .right_col). .right_col обтекает .left_col справа с левым полем 350px, но при добавлении .right_col верхнего поля 30 px main съезжает вниз на величину этого поля (в CSS - first version). Почему так происходит? Может ошибка в коде? Или это естественное поведение блоков при данных условиях? Во втором случае, .left_col и .right_col задано float: left; и такой проблемы нет. (в CSS - second version). http://jsfiddle.net/4Q3qE/1/

    Asked by Tduty120586,

    0 votes
    0 answers

  18. переход от блока к блоку в виде стрелки

    http://joxi.ru/r1trUxjKTJAqU859pj8 Это можно сделать с помощью css? Только нельзя использовать два псевдоэлемента с border - если разрешение уменьшить - не должно получиться 2 холма . Пока в голову только вырезать в Png картинку и наложить сверху. UPD. В принципе пришло в голову использовать правый и левый бордер с -1 z-index, правда при меньшем размере переход идет не там, но в принципе терпимо выглядит. Наверное можно skew два псевдоэлемента, но этот способ фз почему пугает. Проблема решена.

    Asked by Zverushka,

    0 votes
    0 answers

  19. Баги хрома, большие картинки, пропадающий фон и артефакты у картинок

    Проблема только в хроме. Много больших картинок, прозрачных слоев = проблема в паралаксе. Открыть на весь экран http://html2css.ru/travel3/ - при прокрутке пропадает фон (можно увидеть только на больших экранах). фикшу через - * { -webkit-backface-visibility: hidden;}http://html2css.ru/travel2/ Появляется новая проблема - если подвигать мышкой - можно увидетЬ, что у некоторых картинок паралакса появляется как бы граница (экран нужно прокрутить тоже, чтобы увидеть). Как пофиксить это?

    Asked by Zverushka,

    0 votes
    0 answers

  20. Manifest cashe HTML5

    Добрый день, кто разобрался в автономном режиме работы сайтов - подскажите. Если есть перечень страниц, указанных в разделе CACHE файла manifest, то они постоянно будут браться из кэша или только тогда, когда нет соединения?

    Asked by webmos,

    0 votes
    0 answers

  21. Непрвильно отображается видео.

    Проблема с отображением видео на сайте. Одно видео отображается нормально( куда бы его не поместив). А остальные отображаются как на картинке: Спасибо разобрался! просто надо добавить embed после youtube.com тоесть watch?v= заменить на embed/

    Asked by Kypaku,

    0 votes
    0 answers

  22. Помогите починить меню на CSS (мучаюсь несколько дней уже)

    Друзья, помогите, пожалуйста, настроить менюшку. Задача была поставить меню, которое бы раскрывалось по клику и оставалось раскрытым до клика на следующем пункте меню. Мне подсказали одно меню на чистом CSS, поставила его на сайт, но есть проблема: при клике страница перемещается вверх. Хотя в оригинальном меню нет такого эффекта. Помогите, пожалуйста, побороть этот эффект! Или подскажите меню с таким же эффектом, которое можно поставить на Джумлу. ссылка на мой сайт http://llorona.ru/ ссылка на оригинальное меню http://www.dejurka.ru/css/css3_accordion_menu/ демо оригинального меню http://designmodo.com/demo/css3accordionmenu Очень надеюсь на помощь! Спасибо за…

    Asked by lavender,

    0 votes
    0 answers

  23. Wordpress и навигация

    Кто подскажет какие есть варианты, что бы организовать такое меню на wordpress ? Нашел один не плохой вариант http://wpmegamenu.com/

    Asked by webdrafting,

    0 votes
    0 answers

  24. отрицательный margin-top в ie8

    Добрый день! Не отображает часть блока с отриццательным margin-top в ie8, как возможно реализовать? <div class="slider"> <div id="slides"> <img src="/slide1.jpg" /> <img src="/slide2.jpg" /> </div></div><div class="main"> <div class="transport"> <div class="name">name</div> text </div> <div class="ecsport"> <div class="name">name</div> text </div></div>/* slider */.slider { height: 423px; position: relative; z-index:100!;}/* main */.main {background: #0e6483;color: #fff;font-size: 14px; posi…

    Asked by eviltoy,

    0 votes
    0 answers

  25. Как сделать всплывающий заголовок сайта

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

    Asked by budanov,

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