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. Не работают теги html5

    Прочитал на сайте хмлбука пример http://htmlbook.ru/l...vigatsiya-sleva У меня 2 файла Файл index.php <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Исторический турнир</title> <link href="style/1.css" rel="stylesheet" type="text/css" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div id="container"> <header><h1>Исторический турнир</h1></header> <nav> <p><a href="stat.html">Статистика турнира</a></p> &lt…

    Asked by super-php,

    0 votes
    1 answer

  2. Наполнение контентом

    Как правильно при верстке учитывать дальнейшее наполнение сайта контентом? Интересует именно вопрос в плане визуального оформления, т.е. то, что контейнер должен растягиваться по высоте, и вместе со своим содержимым никуда не наползать/не вылезать это понятно. Приведу пример. Допустим у меня есть параграфы в сайдбаре, контентной части, футере. В каждой из этих частей по макету они выглядят по-разному: размер/цвет/выравнивание и т.д. Для этого я ввожу к примеру такие классы для параграфов: aside-text, content-text, footer-text. И каждому понятно свои стили. Но скорее ведь всего контент-мастер(или как он там) не будет этого учитывать, и будет просто через тег p вписывать н…

    Asked by Vulner,

    0 votes
    7 answers

  3. Должен ли верстальщик уметь натягивать шаблон на cms?

    Должен ли классический верстальщик уметь натянуть свою верстку на шаблон. И не выходит ли тогда, что это уже не верстальщик, а целый человек-пароход? И что должен делать тогда программист, если верстальщик делает ЭТО?... Если верстальщик натягивает дизайн на cms, то выходит из цепочки создания сайта выпадает php-программист и сайт целиком и полностью создают 2 человека - дизайнер и верстальщик. Более того, натянув шаблон, верстальщику еще придеться помогать с какими-то вылезшими артефактами, вроде подключенной формы не имеющей нужного дизайна. И нужно ли это верстальщику, сидеть и скурпулезно разбираться с большим количеством функций, что есть в каком-то движке? И возможн…

    Asked by Zverushka,

    0 votes
    17 answers

  4. скачущее меню

    http://sitegit.p.ht/in.html на странице имеется меню с подпунктами (sfdsf), которое в разных браузерах отображается по-разному(начиная от положения, а заканчивая расстоянием между строками). подскажите, пожалуйста, как его зафиксировать. спасибо. <div class="myfloat"> <div class="menu"> <ul> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> <li><a href="#">sfdsf</a></li> </ul> </div> <!-- menu --> </div> &…

    Asked by pupil,

    0 votes
    3 answers

  5. атрибут title

    помогите пожалуйста разобраться с атрибутом title по спецификации html4 элемент img может одновременно иметь атрибуты alt и title. мне не совсем понятно для чего они. они выполняют одинаковые функции: добавляют к описанию изображения пояснительный текст и отвечают за вывод подсказки(например при наведении курсора на img или при парсинге речевым браузером) есть ли какая-нибудь особенность, которая выполняется во всех браузерах? например за описанные выше функции отвечает преимущественно alt, но если его нет, то title в спецификации html5, смотрю, уже указан только alt, а title оставлен для обратной совместимости. это сделано потому что эти 2 атрибута выполяют одинаковые фу…

    Asked by cyklop77,

    0 votes
    7 answers

  6. Помогите сделать резиновый шаблон

    Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....

    Asked by blogowed,

    0 votes
    7 answers

  7. Как сделать такую тень на css?

    Всем привет. Вот мучает вопрос, как сделать такую тень на css: http://clip2net.com/s/5rR9d5 Я с тенями пока на "ВЫ". Может лучше сделать картинкой?

    Asked by IvanRu08,

    0 votes
    4 answers

  8. Помогите пожалуйста, правую колонку сделать на всю высоту экрана

    Доброй ночи всем, помогите плиз сделать бэкграунд правой колонки на всю высоту экрана, а то уже голову сломал, а ничо сделать не смог... http://topchiy.tk/contacts.html ссылочка. Спасибо отозвавшимся)

    Asked by Andrux,

    0 votes
    7 answers

  9. Скроллинг по локальным ссылкам и fixed-элементы - как подружить?

    Как известно, если в HTML-документе в одном месте написать: <a href="#location">Переход куда-то</a> А потом в другом месте написать еще <a name="location"></a> то при клике на первую ссылку броузер должен прокрутить окно так, чтобы вторая точка оказалась в левом верхнем углу окна. Пока на странице нет никаких выкрутасов с CSS - все хорошо. Но мне понадобилось разместить на странице блок с таким набором свойств: position: fixed; top: 0; left: 0; width: 1207px; height: 184px; z-index: 10; По сути дела этот блок представляет собой некую шапку, которая при скроллинге не прокручивается, а всегда висит в верхней части окна. И вот тут начинается …

    Asked by GRIG,

    0 votes
    3 answers

  10. Быстрая и синхронная подгрузка картинок.

    Добрый вечер. Недавно у меня появился проект на котором требуется, что бы вся графика на странице появлялась(при загрузке страницы) одновременно и без особых задержек. Вопрос: Какие механизмы на сегодняшний день существуют в этом плане? (можно ли это организовать спрайтами или при помощи JS что-нибудь придумать?)

    Asked by Yamaradg,

    0 votes
    5 answers

  11. ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ

    Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)

    Asked by saiidr,

    0 votes
    7 answers

  12. Насколько верное решение задачи?

    Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar

    Asked by ianton,

    0 votes
    5 answers

  13. Растягивание меню

    В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

    Asked by berg12,

    0 votes
    1 answer

  14. h2 cдвигает весь блок

    Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">

    Asked by Gasherez,

    0 votes
    2 answers

  15. загадочный quirks mode

    помогите пожалуйста понять что такое quirks mode пока я понимаю так: 1. тип документа влияет на html и css 2. при условии корректно заданного типа документа каждый браузер интерпретирует html и css по определённому стандарту. чаще всего по последнему(современному). который заложили в него разработчики(или до которого он обновился) 3. если тип не указан, или указан с ошибкой, или до него есть символы(пробел например, или BOM), то включается режим обратной совместимости. то есть браузер интерпретирует html и css по устаревшим стандартам. то есть по тем, которые действовали в 90-х годах(они вшиваются в даже самые современные версии браузеров. на всякий случай), и которые спо…

    Asked by cyklop77,

    0 votes
    3 answers

  16. высота таблицы в html5

    помогите пожалуйста разобраться нужно в html5-документе установить высоту table 100%. решение подобное <table class="wrap_table" border="1" width="100%" height="100%"> <tbody> <tr> ... работает только если тип документа объявлен как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> но мне нужно объявить его как <!DOCTYPE html> можно ли и как при <!DOCTYPE html> установить высоту таблички в 100% ? и вообще возможно ли делать разметку в стиле html5 в документе, объявленном как <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"> ?

    Asked by cyklop77,

    0 votes
    4 answers

  17. Есть ли какой-то практический смысл в xhtml?

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

    Asked by Zverushka,

    0 votes
    1 answer

  18. jQuery на событие submit формы генерирует событие клик для submit

    Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?

    Asked by AlOshka,

    0 votes
    1 answer

  19. Непонятная ширина body

    Всем привет! не понимаю баг это или что. В общем ситуация такая. html: <body> <header id="header" class="cf"></header> <section id="content" class="cf"></section> </body> css: #header { width: 1026px; margin: 0 auto; padding: 0 127px; background: #d85055 top center; } #content { width: 994px; margin: 0 auto; padding: 0 143px; } У меня фиксированная ширина в 1280px. В расширении хрома ставлю размер окна 1280px, появляется скролл. ширина хедера и контента 1280px как и нужно. а вот у боди 1253px и появляется скролл. что делать не могу понять. помогает только overflow: hidden. но это не есть хорошо. Спасибо..

    Asked by s.schurov,

    0 votes
    3 answers

  20. Манипуляция с псевдоэлементами

    Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.

    Asked by Evkaky,

    0 votes
    1 answer

  21. Background на весь экран браузера

    Помогите пожалуйста сверстать такой фон для сайта. Нужно чтобы он занимал все окно браузера. Фон такой Что посоветуете?

    Asked by sssppp6,

    0 votes
    2 answers

  22. Верстка под мобильные браузеры

    Добрый день уважаемые дамы и господа! В общем у меня такой вопрос. Хочу адаптировать свой сайт под мобильные браузеры, хотелось бы что бы там был сразу нормальный размер сайта, что бы не приходилось делать ручное масштабирование так как большинство пользователей про него не знают, и оно не всегда помогает на 100%. Пока нашел только вот такую статью http://www.xiper.net...mobile_web.html Я так понимаю наверное одно из средств это написать условную компиляцию как под IE <!--[if lte IE 8]> <style type="text/css"> IMG{border-color: black; border-size: 1px; } #footer,#part,#post,#post-post,#post_galeri,A#admin_button,#navig,#navig2,#navig_galeri,#user_print_data,…

    Asked by hk416,

    0 votes
    3 answers

  23. Сделал, сам не знаю как

    Была задача сделать блок для подписки, который бы следовал за текстом названия по мере увелечения страницы. Долго мучался, вдруг решил сделать внутри блока список ul, поставил ему display:inline-block, сразу же все получилось. Даже не понял как так произошло. Вот картинка(http://pbrd.co/12HgpIH) и временная ссылка на сайт(http://109.172.13.165/Site/blog/). Спасибо! HTML: <div class="follow"> <ul> <li><a href="https://twitter.com/RamSaw" class="twitter"></a></li> <li><a href="#" class="rss"></a></li> <li><a href="http://vk.com/id132792025" class="vk"></a></…

    Asked by Michael Myers,

    0 votes
    3 answers

  24. Проверка данных и ввывод

    Необходимо сделать форму - проверку. Например вводишь туда номер сертификата и она сверяет его с БД и при условии наличия такого номера отправляет тебя на соответствующею страницу. Кто подскажет как такое сделать или хотя бы в каком направлении двигаться ?

    Asked by Stif,

    0 votes
    2 answers

  25. Проверка w3.org валидатором

    Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?

    Asked by gadjet,

    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