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. Верстка с журнальным(плиточным) выводом постов

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

    Asked by sssppp6,

    0 votes
    2 answers

  2. выпадающий список, не могу понять как исправить

    привет. Делаю выпадающий список в меню. Но не могу понять из-за чего я получаю вот такое и как это исправить? т.е. Когда я навожу мышь на Item3 появляется выпадающее меню, а Item4 съезжает вниз. но он находился то под Item1 <ul class='navigation_bar'> <li class='nb_item'><a href=''>Item 1</a></li> <li class='nb_item'><a href=''>Item 2</a></li> <li class='nb_item'> <a href='' onclick="alert(Python)">Item 3</a> <ul class='subitem'> <li><a href='' onclick="alert(1)">SubItem 1</a></li> <li><a href='' onclick="alert(2)">SubItem 2</a></li> …

    Asked by ilnurgi,

    0 votes
    2 answers

  3. Необходимо чтобы блок (right-bar) накладывалась на блок (header).

    Доброе всем время суток! Я в этом деле еще чайник, но хочу научиться этому ремеслу, изучаю верстку совсем недавно около месяца! Прошу подсказать, что именно я сделал не так! Теперь обратимся к самой проблеме, при верстке тестового задания столкнулся со следующей проблемой. Необходимо чтобы блок(right-bar) накладывалась на header. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Allsoft</title> <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PAR…

    Asked by GhostBZ`,

    0 votes
    2 answers

  4. проблема верстки (clear) ведет учет внешних блоков почему?

    вот собственно и код проблема состоит в том что вложенный блок в div2 растягивается и-за того что в него вложен блок с clear:both; и блок с clear в свою очередь учитывает внешний правый блок с float:left; это что ? можно избавится от этого?

    Asked by ivel,

    0 votes
    2 answers

  5. Блок непонятным образом изчезает в Opera

    Здравствуйте, столкнулся с проблемой, которая проявляется только в браузере Opera, последняя версия [12.15] Страница: http://bit.ly/Ynv89G Когда курсор перемещается за границы #wrapper, блок .desc который абсолютно позиционирован просто исчезает. Даже нет догадок, почему так происходит. Обязательное условие: чтобы .desc шел раньше в коде и футер должен быть приклеен к низу окна.

    Asked by Gruberhoff,

    0 votes
    2 answers

  6. Порядок верстки сайта

    День добрый. Хотел у знающих людей поинтересоваться таким вопросом. Есть ли разница в порядке верстке сайта. Допустим надо сайт из шапки, 3х колонок и подвала. 3 колонки - это (к примеру) меню, контент, новости. Какая верстка будет правильная.. <div id="head"></div> <div id="wrapper"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> <div id="footer"></div> При загрузки загружается шапка, левая часть, середина(контент), правая часть, подвал или такая верстка <div id="head"></div> <div id="wrapper"> <div id="subwrapper> <div id="co…

    Asked by behadr,

    0 votes
    2 answers

  7. Меню

    как сделатть главное меню, как на http://podlodka.info ?

    Asked by vvmupp,

    0 votes
    2 answers

  8. Ребят, помогите, пожалуйста, с версткой.

    Проблема следующего характера: блок с контактами, карта и форма должны быть отдельными блоками, то есть, сначала идут контакты, справа от контактов идет карта, и под контактами находится форма. Помогите, пожалуйста, найти ошибку в коду, т.к. форма после всех манипуляций находится явно не насвоем месте (по фаербагу она залазит на контакты, да и так это видно). Привожу пример кода: <article class = "content" role = "main"> <div class="container"> <div class="sidebar"> <ul class="sidebar_list"> <li class="sidebar_item"><a href="#">Главная страница</a></li> <li class="si…

    Asked by Stranger,

    0 votes
    2 answers

  9. Чем собирать спрайты

    Коллеги доброго время суток. Попалась работа к которой придется собирать большое кол-во различных спрайтов, ну и собствено сразу возник вопрос ручками собирать или генератором каким-нибудь воспользоваться, не поделитесь опытом кто чем собирает ну и впечатления.

    Asked by Vasdram,

    0 votes
    2 answers

  10. Найти сайт по коду

    Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?

    Asked by Devvega,

    0 votes
    2 answers

  11. Атрибут data-*

    Есть такое в справочнике или учебнике? Дайте ссылку, пожалуйста. Спасибо

    Asked by skvor,

    0 votes
    2 answers

  12. Прыгают / перескакивают ячейки

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Прыгают / перескакивают ячейки подпунктов. Т.е. при просмотре в браузере подпункты не соответсвуют тем ячейкам в которых расположены. Подскажите возможные варианты решения! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Меню из таблицы</title> <style type="text/css"> .таблица {font-family:Tahoma,Geneva,sans-serif;font-size:11px;color:#FFF;} .none {disp…

    Asked by Tord002,

    0 votes
    2 answers

  13. Плавающий блок

    Плавающий блок налезает на фоновое изображение родителя, которое находится внизу страницы. Предполагаю, что можно в скрипте задать определенное условие, которое не даст плавающему блоку опуститься на высоту фонового изображения, но совсем не силен в jquery. Есть мнения, что можно с этим делать? http://jsfiddle.net/CrUKh/

    Asked by Frz,

    0 votes
    2 answers

  14. Призрачный отступ

    После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)

    Asked by li4e,

    0 votes
    2 answers

  15. Ребята помогите, проблемы в IE

    Здравствуйте. Сайт texnotron.com. Помогите разобраться в проблеме: сайт работает нормально и быстро во всех браузерах, крое Internet Explorer 8/9. Причем в IE он просто зависает. Никак не могу найти то, что убивает Эксплорер. Может вы посоветуете где искать?

    Asked by kbaott,

    0 votes
    2 answers

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

    не стал открывать доп. темы, что бы не захламлять форум Тоже в поиске такого человека Есть желание(и это главное!) Базовых знаний как таковых толком не учил(все на практике ) Еще в 12 лет пытался разобраться в этом интересном деле, но в силу своего незнания многих слов, не мог разобраться и забил... Сейчас мне 20, начал 2 дня назад восстанавливать оставшиеся в памяти знания сегодня нарисую простенький дизайн и попробую сверстать(хорошо хоть идея есть не сложная) писать можно тут в пм или в скайп: woss2010 Всем добра!

    Asked by NewbornGod,

    0 votes
    2 answers

  17. совмещать в одних темплейте и bootstrap и materializecss ?

    Привет, Подскажите, 1) хочу освоить materializecss и просматривая доку на http://materializecss.com/ не вижу в materializecss возможности делать сетку в 12 колонок - что идин из- плюсов bootstrap-а. Есть ли в materializecss возможность задать такую сетку или чем-то ее заменить ?2) Я в проекте программист и у нас есть отдельно верстальщик, так он совмещает в одних темплейте и bootstrap и materializecss вроде : <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" /> <link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="assets/globa…

    Asked by mstdmstd,

    0 votes
    2 answers

  18. Съезжает блок в Google Chrome

    После вёрстки возникла проблема: когда первый раз заходишь на сайт через chrome - блок съезжает. Нажимаешь обновить и всё становится на свои места. В остальных браузерах всё норм (даже в IE7). В чём может быть проблема? Вот html код: <div id="header"> <img id="site_name" src="/img/site_name.jpg" width="465" height="51"> <div id = "reg"> <form> <p align = "center" id = "input">Вход</p> <p id="surename"><input type="text" placeholder="Фамилия"></p> <p id="password"><input type="password" placeholder="№ читательского"></p> <input type="image" class="login" src="/img/login.jpg"> <a href="" …

    Asked by Diman410,

    0 votes
    2 answers

  19. Изображение поверх header

    Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?

    Asked by aaron,

    0 votes
    2 answers

  20. Simple redirect to URL from select

    Подскажите, вот есть код <div class="styled-select"> <form name="musicselect"> <select name="menu" onchange="top.location.href=this.options[this.selectedIndex].value;" value="GO"> <option selected="selected">All Categories</option> <option value="/index.php/music/category/alternative.html">Alternative</option> <option value="/index.php/music/category/blues">Blues</option> </select> </form> </div> Как сделать чтобы при выборе, допустим категории Alternative этот пункт оставался на странице? Более подробно: На главной странице по умолчанию стоит пункт "All Categories" если пере…

    Asked by isamael,

    0 votes
    2 answers

  21. Подскажите пожалуйста почему уехала таблица?

    Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...

    Asked by ILSIM,

    0 votes
    2 answers

  22. Значение картинок на обложках книг?

    Часто на обложках бумажных книг про JS, HTML5, CSS изображены животные: например http://www.ozon.ru/context/detail/id/5904466/ http://www.ozon.ru/context/detail/id/3881079/ это ничем не означающий выбор издательства, или это прямое последствие значений языков разметки, представления содержимого...?

    Asked by Delat,

    0 votes
    2 answers

  23. Почему li не отступает от картинки?

    Вот страница. Подскажите почему li находиться ближе к картинке нежели обычный текст. Пробовал margin и padding - не помогло.

    Asked by smirn0ff,

    0 votes
    2 answers

  24. Blowfish в php

    До этого я хешировал пароли в md5, в новом проекте я решил использовать алгоритм blowfich для хеширования паролей. Есть такой код $pass = crypt($pass, '$2a$08$8ff3p77rpx5h5u1pdy79p1$'); для теста я захешировал два пароля - qwerty и случайную последовательность буквоцифр длиной примерно в 30 символов. Результат меня немного удивил. В базу записалось две строки - и Видно, что хеши отличаются парой символов. Что я делаю не так?

    Asked by novickOk,

    0 votes
    2 answers

  25. Блок-распорка занимает место на шаблоне

    Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?

    Asked by aaron,

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