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. Когда не хватает псевдоэлементов или как спозиционировать тень

    Вот иллюстрация. Тень должна исходить из выделенного блока(визуально, там видно откуда, и видно, что сейчас сделано криво). По-идее, это должен быть span, но в оригинальной задаче, span должен быть сам по себе, а тень должна исходить либо из самого пункта (класс every), либо из какого-либо нейтрального потомка, а какой потомок "нейтрален"? псевдоэлемент, его мы может подогнать под нужные размеры, поставить нужный z-index и сделать для него тень. Беда только в том, что для последнего элемента (крайнего справа), свободного псевдоэлемента не осталось. Что делать? Обязательно для всех меняющихся элементов, которые видны на иллюстрации, в том числе и для тени, нужен транз…

    Asked by Launder,

    0 votes
    5 answers

  2. Ломается сетка Bootstrap и before

    Здравствуйте. Появилась проблема при верстке по сетке Bootstrap. <div class="col-xs-12 col-md-6>текст1</div> <div class="col-xs-12 col-md-6>текст2</div> текст2 находится не справа от текст1, а снизу Такая же проблема с before. текст в списеке снизу before, а не справа Помогите разобраться <body> <div class="container-fluid"> <div class="meny"> <div class="row"> <a name="top"></a> <div class="col-xs-12"> <nav> <ul class="list-menu"> <li><a href="#top">Главная</a></li> …

    Asked by garmoni,

    0 votes
    2 answers

  3. Порекомендуйте видео по bootstrap 3

    Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.

    Asked by ErUnDAK,

    0 votes
    3 answers

  4. почему тень не перекрывает элементы?

    Привет! http://resursmed.ru/balm Не пойму, как добиться, чтобы тень box-shadow от выпадающего меню с z-index:50 накрывала элементы, идущие ниже по потоку. Вроде же всё для этого есть. А не работает... Посоветуйте?

    Asked by d0ublezer0,

    0 votes
    8 answers

  5. Scroll + Position:fixed - как бы вы решили?

    Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/ Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл. Как бы вы решили? Быть может оно вообще не решается... ? Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному

    Asked by ShumNo,

    0 votes
    7 answers

  6. Из input в массив

    Есть поле для ввода чисел input. Нужно добавить значение, введенное в поле в массив, для дальнейшей работы с числами уже из массива. Помогите пожалуйста ^^ <input type = 'number' min = '0' max = '50' size = '50' >

    Asked by VisRex,

    0 votes
    1 answer

  7. Как склеить ячейки в таблице из div?

    <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver; padding: 10px;} .cell{display: table-cell; border: 1px solid silver; padding:…

    Asked by Rinat,

    0 votes
    1 answer

  8. Посоветуйте хостинг для сайта

    Завтра хочу запустить свой сайт,но немогу определится с выбором хостинга для него,в гугле даже если написать "лучшие хостинги" выдаст сотни практически одинаковых(и по цене и по предоставляемому функционалу)хостингов,какой из них выбрать я не знаю... Мой сайт - информационный портал&блог,весит не много,всяких сверхсложных языков в нем не использую. Нужен такой хостинг которым пользуются известные сайты,проверенный и надежный,ну и что бы была регистрация доменного имени ofc.

    Asked by pudge,

    0 votes
    9 answers

  9. Ищу наставника.

    Здравствуйте дорогие друзья! Я очень часто задаюсь вопросом что должен знать начинающий верстальщик? с чего начать и в каком направлении двигаться? Для начало я сам стал учить HTML и CSS, разбираюсь в них я, ну не скажу, что на уровне профессионала, но понимать коды и писать их я могу. Сейчас же я в "тупике", не знаю что дальше мне делать и какие вещи мне еще следует изучить. А самое главное мне не хватает практики. Вот и хотелось бы иметь наставника, чтобы он правильно мне посоветовал что и как делать. Надеюсь найдется желающий помочь)

    Asked by Muhammed,

    0 votes
    4 answers

  10. Пространство между блоками

    Здравствуйте, я столкнулся с проблемой. Это белое пространство между header center footer, подскажите как убрать? (P.S Начинающий веб-разработчик, учиться начал 2 недели назад) index.html style.css

    Asked by MegaZalupas,

    0 votes
    3 answers

  11. Асинхронный запрос и возврат результата

    Здравствуйте. Мучаюсь не первый день с такой проблемой. Есть jquery, есть модальная форма, сначала мне нужно выполнить GET запрос на сервер, и в зависимости от того, что сервер ответит решить можно ли открывать форму или нет. Если использоваться асинхронный запрос, то понятно, что форма откроется в любом случае. А если использовать синхронный то всё хорошо, но консоль браузера ругается, что я не правильно поступаю и мои методы Deprecated. Как сейчас правильно поступать в современных тенденциях? Для понимания что я хочу, изображу это примерно так: function getAccess(){ ... запрос GET на сервер return ответ } function show…

    Asked by Divnenkiy,

    0 votes
    7 answers

  12. Сохранение данных на странице

    Всех приветствую! Друзья, сразу признаюсь, что я полный нуб, но не лентяй. Имеется простейшая задачка. На странице одно поле для ввода, значение которого попадает чуть ниже. Необходимо это значение сохранять на странице после нажатия кнопки. <html> <head> <title>Just4Test</title> </head> <body> Число2: <input id="number1"> <button id="save">Сохранить</button> <hr> <div id="result"></div> <script> function saveit() { var num = document.getElementById('number1').value; var html = 'Число1: 90' + '<br>' + 'Число2: ' + num + '<br>' + 'Число3: 105'; docum…

    Asked by The_Immortal,

    0 votes
    4 answers

  13. Google maps API проблема с выводом маркеров из БД

    Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP Скрытый текст <?php require("phpsqlajax_dbinfo.php"); function parseToXML($htmlStr) { $xmlStr=str_replace('<','&lt;',$htmlStr); $xmlStr=str_replace('>','&gt;',$xmlStr); $xmlStr=str_replace('"','&quot;',$xmlStr); $xmlStr=str_replace("'",'&#39;',$xmlStr); $xmlStr=str_replace("&",'&amp;',$xmlStr); return $xmlStr; } // подключаюсь к бд $connection=mysql_connect ('localhost', $username, $password); if (!$connection) { die('Not connected…

    Asked by Даниил Виттманн,

    0 votes
    0 answers

  14. Дергающиеся fixed элементы

    Сделал недавно сайтик и один пользователь жалуется: Он заходил с браузера Google Chrome под Android. С обычного, встроенного браузера все хорошо. Вот сам сайт: http://ikng-studio.tk/ Никак не могу придумать, как это исправить. Элемент закреплен элементарным

    Asked by iKNG,

    0 votes
    6 answers

  15. Как сделать адаптивным такой блок?

    Как сделать так, чтобы этот блок уменьшался по ширине экрана? На обычном ПК он максимально 960px в ширину. Я сделал изображение через тег <img> с шириной 100%, а блок с кружками со свойствами position: absolute; top: 50%; margin-top: -78px; right: 1.2%; width: 100%; Сами кружки прописаны так: margin: 0 0.9%; float: right; Но они сильно съезжают влево с фона при уменьшении разрешения. Как их оставить на своем месте и уменьшать динамически? Т.е. чтобы кружки (и их отступы) уменьшались вместе с блоками Вот что при уменьшении случается:

    Asked by iBars,

    0 votes
    3 answers

  16. Почему apple подключает eot шрифты отдельно ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:100; src:local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 100'; src:url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_ultralight.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } То есть почему для ie пишут "SF Pro Display 100" а для остальных браузеров просто "SF Pro Display" ?…

    Asked by Димитрий,

    0 votes
    0 answers

  17. Ошибка на сайте

    Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз

    Asked by korifa,

    0 votes
    3 answers

  18. Подскажите селектор

    Есть такой html: <div class="cards" > <div class="slide">menu</div> <input type="checkbox" id="toggle"> </div> Нужно при нажатии на чекбокс, чтобы к корневому div'у (у которого class==cards) применялся css. input[type=checkbox]:checked selector { color: red; } Можно ли такое, подскажите какой селектор?

    Asked by torsar,

    0 votes
    6 answers

  19. последователный выбор адреса

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

    Asked by cyklop77,

    0 votes
    2 answers

  20. Помогите новичку

    Моя проблема такова я хочу сверсать свой первый сайт, я сделал меню, но оно странно отображается, необходимо чтобы все пункты отображались одной строкой <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Новости обо всем</title> <link href="css/style2.css" rel="stylesheet" type="text/css"> </head> <body> <header> <div id"logo"> Имя </div> <div id="menuHead"> О нас </div> <div id"regAuth"> Войти Зарегистрироватьс…

    Asked by MracoBess,

    0 votes
    3 answers

  21. Изменение порядка блоков

    Доброго всем дня Прошу помочь с адаптивной вёрсткой трёх блоков. Код такой: <div class="main-content"> <div class="left-sidebar">левый сайдбар</div> <div class="content">центральный блок</div> <div class="right-sidebar">правый сайдбар</div> </div> .content, .left-sidebar { float: left; } .right-sidebar { float: right; } На полной версии (>1000px) это выглядит так: А на меньших разрешениях должно быть так: Никак не могу сообразить, как заставить их поменяться местами.

    Asked by MAzZY,

    0 votes
    5 answers

  22. Сплошной текст без пробелов уходит за блок [на DLE]

    Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)

    Asked by dirty_prince,

    0 votes
    5 answers

  23. Не вводится текст в поле ввода

    Добрый день. Написал сайт и встречается такая проблема на устройствах от apple (конкретно Iphone 5). В форму заявки в поля input не вводятся никакие символы. Посоветуйте пожалуйста. Спасибо.

    Asked by kirillov,

    0 votes
    4 answers

  24. Анимация кнопки через animation

    Подскажите кто сталкивался с анимированием эффекта нажатия через animation? Через transition понятно как, но вот тут http://landing-animation.powercode.pro/ верхние правые кнопки уж очень приятно выглядят, пробовал повторить через инспектор, но безуспешно. Или где-то ошибаюсь или есть какая-то особенность. Спасибо.

    Asked by Highlander,

    0 votes
    7 answers

  25. Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ? 

    Начал изучать 3 пункт спецификации, а именно "семантику", и возник такой вопрос: Можно ли как-то узнавать, правильно ли я построил семантику для сайта, и структуру ?

    Asked by Димитрий,

    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