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. Не убираеться текст с помощью text-indent

    Всем привет. Не могу убрать текстсо ссылки с помощью отрицательного text-indent а чтобы только фон остался. Помогите пожалуйста. В чем баг. http://jsfiddle.net/parnas/kG5Ty/

    Asked by parnas,

    0 votes
    2 answers

  2. Не удается задать цвет placeholder

    Добрый день,не могу задать красный цвет текста для placeholder?В чем проблема?Префикс для хрома прописал,не работает.сам сижу с хрома. http://cssdeck.com/labs/dwevmq8u P.s. Кто еще может подсказать почему в мозиле (только в ней) блок поиска уезжает направо и header показывается с большей высотой нежели я задавал?

    Asked by Temik2704,

    0 votes
    2 answers

  3. Не удается компилировать

    Сделали игру на HTML5. Компилили phonegap. Не получается компилировать в apk вместе с лицензионным кодом для размещения на Google Play. При ant debug выдается ошибка: BUILD FAILED c:\Program Files\Android\android-sdk\tools\ant\build.xml:571: Failed to resolve library path: c:\Program Files\Android\android-sdk\extras\google\play_licensing\library Файл project.properties: target=android-15 proguard.config= proguard.cfg android.library=true android.library.reference.1=c:\\Program Files\\Android\\android-sdk\\extras\\google\\play_licensing\\library -Библиотека по этому пути есть. -Русских символов нет. -Делать такой путь: android update project --target 3 --path c:/Absol…

    Asked by Daizor,

    0 votes
    1 answer

  4. Не удается растянуть сайт на весь экран по высоте

    Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…

    Asked by Vitaliy2121,

    0 votes
    5 answers

  5. Не удается скопировать CSS анимацию

    Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

    Asked by Miha1l,

    0 votes
    2 answers

  6. Не удаётся убрать горизонтальную полосу прокрутки

    Верстаю сайт xxvc.zz.vc с помощью bootstrap 3, сделал навигационное меню, в результате появилась горизонтальная полоса прокрутки, никак не получается её убрать, может кто подскажет в чём дело и как это можно исправить?

    Asked by dmitriy.pryadko,

    0 votes
    1 answer

  7. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin,

    0 votes
    13 answers

  8. Не указывается размер в %

    Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…

    Asked by WoopieZ,

    0 votes
    2 answers

  9. Не указывание протокола для ресурсов

    Нашёл от гугла такую рекомендацию. В ней рекомендуется для URL ресурсов не указывать протокол, а делать примерно так: background: url(//example.com/image1.gif). Польза от этого в том, что тогда изображение будет доступно всегда, какой бы протокол для страниц не использовался: http или https. На самом сайте google.ru такая методика кстати и используется. Что думаете об этой технике? Нужна ли она и когда эффективна?

    Asked by clavin,

    0 votes
    2 answers

  10. Не уменьшается ширина блока

    Здравствуйте уважаемые знатоки. Не могу решить одну задачу на сайте. Знаний программирования не так много, поэтому прошу помощи. Проблема в следующем. На сайте DLE при клике по форме регистрации или забыли пароль, ширина блока слишком широкая т.е. текст "Здравствуйте, уважаемый посетитель нашего сайта! Регистрация на нашем сайте позволит Вам быть его полноценным учас...." уезжает на правое меню. Я прописал ширину в css для блока но вот проблема она уменьшается только до определенных пераметров, в моем случае это 114 px. А надо значительно меньше. Подозреваю что проблема скрыта в ограничении по ширине в bbcode.php т.к. уже сталкивался с этим при изменении ширины блока комм…

    Asked by zohanmaster,

    0 votes
    2 answers

  11. Не успевает отработать $(document).ready(function(){

    Задача: сделать div который будет растягиваться по высоте - по размеру картинки. А при нажатии на кнопку - показывать всё содержимое. При первой загрузке страницы не успевает отработать $(document).ready(function(){ и div становится меньше, чем нужно. При обновлении страницы - все хорошо, так как картинка уже в кеше. Прогоняю в песочнице - все работает отлично. http://cssdeck.com/labs/full/ylisuscd Итак вопрос, или я не правильно понимаю, как работает $(document).ready(function(){ или что-то тут не так. Буду благодарен за помощь.

    Asked by lersen,

    0 votes
    2 answers

  12. Не уходит файл через POST запрос

    Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.

    Asked by paShaman,

    0 votes
    13 answers

  13. Не учитывается высота картинки-слоя при использовании float

    Здравствуйте! Задача: сделать блок для новости, на всю ширину. Сначала идет заголовок, потом описание, в описании - изображение, прижатое вправо и обтекаемое. Решение: http://medicus-kohler.ru/categories/25 <div id="short_article_8" class="short_article"><h3 class="title"> <h3><a href="/articles/8">DT-9445 Воротник Нельсона</a></h3> <div class="thumbnail"><img src="/attachments/16/original/DT-9445.jpg?1332360761" alt="Dt-9445"></div> <div class="description"> <p>Воротник Нельсона - это корсет для жесткой фиксации шейных позвонков, имеет вентиляционные отверстия, ширина регулируется с помощью ремешка-липуч…

    Asked by kuraga,

    0 votes
    1 answer

  14. Не фиксируется меню, недочеты на IOS

    Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?

    Asked by Kiriklk,

    0 votes
    2 answers

  15. Не фиксируется фон

    Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.

    Asked by Алла,

    0 votes
    2 answers

  16. Не функционирует слайдер

    Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

    Asked by yaparoff,

    0 votes
    2 answers

  17. Не хочет отображаться активная ссылка навигации

    Проблема в следующем. Имеется горизонтальная навигация. Код из tpl в навигации: <nav id="nav"> <div class="sticky-nav"> <div class="pages"> <ul class="list"> <li {if $sMenuHeadItemSelect=='blog'}{/if}><a href="{cfg name='path.root.web'}" class="headmenu"><span>{$aLang.topic_title}</span></a></li> <li {if $sMenuHeadItemSelect=='people'}{/if}><a href="{router page='people'}" class="headmenu"><span>{$aLang.people}</span></a></li> <li {if $sMenuHeadItemSelect=='stream'}{/if}><a href="{router page='stream'}" class="headmenu"><span>{$aLang.stream_menu}</span&g…

    Asked by antony,

    0 votes
    1 answer

  18. не хочет правильно отображаться в мазиле.

    есть класс парент в котором класс фаст. и в мазиле он отображается в нижнем левом углу. в хроме, опере и ие все хорошо отображается. .parent{ position: relative; } .fast{ position: absolute; bottom: 30px; left: 0px; padding: 0 5px; width: 200px; height: 25px; background: #d2d2d2; text-align: center; border-radius: 30px; cursor:pointer; } не могу понять как исправить это недорозумение.

    Asked by Chernichko,

    0 votes
    0 answers

  19. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr,

    0 votes
    6 answers

  20. Не хочет работать data-wow-offset

    Всем привет. Есть верстка http://gurevich.agency/html/ По непонятной причине блоки div.wow.fadeInRight и div.wow.fadeInLeft анимируются в момент загрузки страницы, хотя благодаря значению атрибута data-wow-offset должны "срабатывать" не сразу. Замечено, что анимация стартует с некоторой отсрочкой, когда data-wow-offset > 650. Есть подозрение что wow.js в данном макете неверно рассчитывает местоположение блоков с анимацией по какой-то причине. Буду благодарен за подсказку.

    Asked by goooooch,

    0 votes
    2 answers

  21. Не хочет работать не как vertical-align:top;

    Вот в общем то такая проблема не как не хочет работать... Залил сюда _http://jsfiddle.net/hPqTp/ но как то все коряво отображает пришлось залить на ucoz _http://jur-cub.ru/ что бы понятнее было Правый блок ну не как не хочет подниматся в верх (Упертый наверное Хочу так же, посмотреть ваи сообщений на счет самой верстки есть ли у меня какие то косяки? Заранее спасибо.

    Asked by SanyaSV,

    0 votes
    3 answers

  22. Не хочет работать скрипт в модальном окне

    Вопрос по модальному окну в html Панель авторизации работает вне модального окна: В модальном окне не как не хочет " разворачиваться" Код модального окна: <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }) }) </script> html код: <a href="#info" rel="facebox">Авторизация</a> <div id="info" style="display:none;"> {login} </div>

    Asked by Bandyy,

    0 votes
    2 answers

  23. Не хочет цепляться картинка на бэкграунд!?

    друзья простите за убийственную тему).. Я уже ничего не соображаю и не спал сутки) не хочет картинка на бэкграунд вставать!? (у меня код весьма уже раздутый - и несколько css.. такая лень берет все отрубать=). может быть по опыту есть какие-нибудь соображения - "где искать"? ................................................................................ ............................................................................. первый раз наделал такое количество CSS файлов - для удобства)... вобщем проблема оказалось в этом.. хотя хз почему.. надеюсь понимание придет утром)

    Asked by sashakiselev,

    0 votes
    1 answer

  24. не центрируеться center блок

    Всем привет, вобщем есть html <div id="c_niz"> <div id="sidebar_right"> </div> <div id="sidebar_left"> </div> <div id="center"> </div> </div> css #sidebar_left { float:left; } #center { margin:0 auto !important; } #sidebar_right { float:right; } #c_niz { width:100%; float:left; } т.е. центральный блок, и 2 боковых. "резрезиниваться" он должен так: сайдбары лепяться к бокам, а центр - строго в центре в ие не центрируеться, обтекая левый сайдбар помогите поставить его "на место"

    Asked by cardsmoney,

    0 votes
    5 answers

  25. Не центруется надпись, что я делаю не так?

    Хочу с помощью css поменять позицию надписи на странице. Сделал вот так. Нифига не меняется. Что я делаю не так?

    Asked by delahtml,

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