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. Сайдбар залезает на хэдр

    Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…

    Asked by XanderAlex91,

    0 votes
    3 answers

  2. Как прижать футер к низу при наличии абсолютного блока

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

    Asked by kattiperk,

    0 votes
    3 answers

  3. Несколько всплывающих форм

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

    Asked by stan07,

    0 votes
    3 answers

  4. Модальные окна. Один скрипт и 6 блоков

    Всем привет Коллеги помогите разобраться с выводом модальных окон Вот страница: http://azharova.ru/test/ee.html# При нажатии на Ежика должно выходить одно модальное окно. У меня 6 ежей и каждый со своим окном, как мне настроить этот вывод вот код скрипа, который я использую $(function() { $( ".dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( ".opener" ).click(function() { $( ".dialog" ).dialog( "open" ); }); });Что я не правильно…

    Asked by Anna Zharova,

    0 votes
    3 answers

  5. Блок с социальными сетями

    Друзья! Как можно реализовать такой блок с социальными сетями? Можно посмотреть его на сайте по адресу: http://www.elle.ru/ , справа в середине страницы.

    Asked by marianna9201,

    0 votes
    3 answers

  6. Картинка после пунктов меню.

    Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.

    Asked by Guard,

    0 votes
    3 answers

  7. 3 виджета в один ряд

    Добрый день! Как можно разместить 3 социальных плагина (вк, фб, ок) в один ряд? Размещаю, получаются все 3 друг над другом... ОК: <script type=»text/javascript»>OK.CONNECT.insertGroupWidget(«widget», 56929434533942, ‘{width: «317″, height: «350″}’);</script>ФБ: <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-like-box" data-colorscheme="light" data-header="true" data-height=…

    Asked by marianna9201,

    0 votes
    3 answers

  8. Фото (слайдер) под размер фона - экрана телевизора.

    Есть фото для фона (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg). Есть остальные фото, стандартные, так сказать 10*15, которые перещелкиваются (слайдер). Вот есть необходимость, чтобы фотки были подогнаны под размеры экрана телевизора (http://zagruzitfoto.com/images/2015/03/04/4ZP0a.jpg) с закругленными краями, как сам экран. Подскажите как это можно сделать!

    Asked by Serg Shew,

    0 votes
    3 answers

  9. смещение картинок

    Есть блок такого типа: делаю так: http://jsfiddle.net/Lola89/rkrhphzm/1/ в браузере отображается вот это: Подскажите что необходимо переделать? Спасибо!

    Asked by Lola89,

    0 votes
    3 answers

  10. Использование semibold-шрифта вместо bold

    Всем доброго дня. При верстке столкнулся со следующим вопросом. Использую шрифт Open Sans, подключен через Google Fonts. Подключены варианты на 300 (light), 400 (normal) и 600 (semibold). Требуется использовать 600 (semibold) вместо стандартного bold (700). В CSS, где возможно, переопределил (для b, strong и т.д.), но движок часто использует font-weight: bold;Соответственно вопрос: возможно ли (если да, то как) переопределить "bold" как "600" и вообще нужно ли? Есть ли опасность, что браузеры в вышеуказанной ситуации при font-weight: bold будут использовать faux bold? Или они "увидят", что максимально подгруженный шрифт - 600, и будут по умолчанию использовать его? Сп…

    Asked by Raiker,

    0 votes
    3 answers

  11. Масштабирование изображений в галерее

    Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider-------------------------…

    Asked by Радосвет,

    0 votes
    3 answers

  12. Горизонтальная прокрутка при адаптивной верстке

    del

    Asked by dmink,

    0 votes
    3 answers

  13. Float, отступы и media queries

    Привет. Напал с утра жёсткий затуп на меня — понять не могу как правильно сделать. http://jsfiddle.net/sj115o5j/Вот прмерный макет. Один блок-столбик справа и основной слева. Суть в том, что aside мне надо до определённой ширины делать 30%, потом 200px, а потом надо сделать так, чтобы он ушёл под основной блок. Очевидным кажется решение с float left, но я не могу сделать так, чтобы один справа был фиксом, а левый был бы резиновым. Как вообще это делается правильно?

    Asked by Veseloff,

    0 votes
    3 answers

  14. Как сделать: Wordpress if (is_home()) нормально для HTML?

    Вопрос не чисто по вёрстке, но всё же, от верстальщика, который таки суётся в вордпресс уже долго, но не знает пхп на должном уровне Хочу облегчить работу с этим оператором, а точней упростить синтаксис. Есть такая штука: <?phpif ( is_home() ) { // This is the blog posts index get_sidebar( 'blog' );} else { // This is not the blog posts index get_sidebar();}?>Как правильно экранировать if else, что бы спокойно можно было вписывать чистый HTML код, без всяких там пхпшных кавычек, точек, и.т.д. ? Видел такой пример, но на его основе всё равно не могу сделать то что надо, выдаёт ошибки или просто ничего не показывает. <?php if(get_field('repea…

    Asked by Alarr,

    0 votes
    3 answers

  15. вывод сообщения с <input>

    Здравствуйте мне нужно сделать что бы при вводе текста в <input> при нажатии кнопки "ГО" данный текст выводился на новой странице.Это возможно реализовать не используя js и что бы сообщение выводилось не через "alert" а как обычный текст.Спасибо)

    Asked by BlooDSikeR,

    0 votes
    3 answers

  16. Передача данных по ссылке в форму

    Здравствуйте! Подскажите пожалуйста как передать данные с кнопки в форму на другой странице. Вкратце. Есть главная (index.html) страница на ней ссылка: <a href="order.html">Передать</a>Есть страница с формой(order.html), на ней 2 выпадающие строчки: <select id="List1"> <option value="0"></option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option></select><select id="List2"> <option value="z"></option> <option value="a">a</option> <option value="b">b</option> <option value="с">с</option></sele…

    Asked by 35th,

    0 votes
    3 answers

  17. Как лучше делать ?

    Как лучше делать ? <ul class="social-icon"><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> вот так и потом задавать в css .social-icon li:nth-child(2){background: url(../images/social-icon.png) no-repeat 0 -30px;} <ul class="social-icon"><li class="facebook"><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li>&lt…

    Asked by Shenia132,

    0 votes
    3 answers

  18. Растянуть трехколоночный макет на высоту экрана с минимальным содержанием до прижатого вниз к футеру

    Здрасьте. Только не бросайте сразу камнями. Читала, думала, три дня пыхчу и все никак. С дивами в первые столкнулась (помогаю папе в создании сайта). В общем есть трехколоночный макет, с шапкой (хэдером) и подвалом (футером). вот сам макет http://gorodtaxi.com/index11.html(убрала все наполнение, чтобы было проще). Теперь рассказываю что есть: 1. шапка - фиксированная высота, размещена в основном контейнере. 2. контейнер: структура - сайдбар 1, контент, сайдбар 2. все три колонки помещены в контейнер 1, 2 и 3, для того чтобы все вместе растягивались по содержимому наиболее наполненной колонки. 4. в контейнере перед футером стоит распорка clearfloat, чтобы ничто никуда …

    Asked by Valkyrja,

    0 votes
    3 answers

  19. Margin при наведении

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

    Asked by jdk,

    0 votes
    3 answers

  20. Помогите с checkbox-ами!

    .Помогите разобраться.... При клике на текст chekbox отмечается. Проблема, что он отмечает только при первые строчки, а на все остальное не реагирует. Надеюсь я понятно объяснила, может с кодом станет ясней... <div class="menu"> <input type="checkbox" id="Hot" data-bind="value:cost" value="" class="chk"> <a data-bind="text:name,click:function(){$root.saveReservation(this)}" href="#"></a> <span data-bind="text:cost"></spam> <p data-bind="text:engrediens" class="structure">Текст</p></div> self.saveReservation = function(obj){ $("#"+obj.category).attr("checked","checked"); …

    Asked by Dirada,

    0 votes
    3 answers

  21. едет верстка и не все элементы центруются

    Здравствуйте такая проблемка при верстке возникла, что при изменении маштаба хедер и контент выравниваются по центру, а футер прикреплен к левому краю, в css указан margin: 0 auto; для wrapper. Плюс весь текст остается так же у левого края. Как зацепить его к элементам? пример ниже, сорри если криво вставил. За нижнюю часть не надо говорить пока ибо не доделал, наткнувшись вот на эту дрянь, да и на чистоту кода пока не грешите В общих чертах <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> <link rel="s…

    Asked by maxsnw,

    0 votes
    3 answers

  22. Что за эффект?

    Всем привет! Подскажите, как можно сделать такой вот эффект: http://joxi.ru/n2YY0kKcwb5526- левая картинка без ховера, правая с ховером. Может, кто делал подобное, кажется, что не трудно, но нормальных идей нет=( Заранее, спасибо!

    Asked by Antoshka007,

    0 votes
    3 answers

  23. Поле добавление файла

    Как я понял, невозможно с помощью стилей управлять отображением поля <input type="file">. Есть ли возможность, например, сделать ссылку работающую как поле данного типа? Иначе, оно занимает слишком много места.

    Asked by PavelTkachev,

    0 votes
    3 answers

  24. всплывающие окна в android

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

    Asked by cyklop77,

    0 votes
    3 answers

  25. Не грузятся комментарии Вконтакте

    Здравствуйте! Подключил форму комментирования Disqus на своем блоге (free-pc.ru). Чуть выше блока Disqus у меня стоят комментарии Вконтакте. Так вот после установки Disqus, комментарии в контакте то грузятся, то не грузятся... Что ему не нравится?. Блог: free-pc.ru

    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