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. Эмуляция таблицы или почему растягиваются ячейки

    Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элеме…

    Asked by only_dimon,

    0 votes
    11 answers

  2. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77,

    0 votes
    24 answers

  3. Конвертация в видео веб форматы. (HTML 5 video.)

    Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …

    Asked by Yamaradg,

    0 votes
    8 answers

  4. Правильное выравнивание поля с кнопкой

    Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать краси…

    Asked by IndigoHollow,

    0 votes
    6 answers

  5. Подменю в резиновой верстке

    Всем добрый день! Делал резиновый макет и при создании меню возникли проблемы. Само горизонтальное меню отлично растягивается (применял display: table-cell/table-row), но подменю ен хочет нормально выстраиваться. Получается, что ячейка растягивается на все подменю и это ломает всю навигацию. http://jsfiddle.net/KnEeD/ Если делать через float, то само горизонтальное меню сложнее растянуть на всю ширину окна. Хочется сделать также ширину подменю сделать как у родительского элемента, чтобы она изменялась при растягивании окна. Без явного задания ширины не получается. Как это можно реализовать?

    Asked by gregsv,

    0 votes
    3 answers

  6. Выполнение кода на загруженной странице

    Добрый день ! Имеется окно видеорегистратора http://yadi.sk/d/QfJ1e2yQ4JXWe Требуется чтобы после открытия автоматом нажималась кнопка (на скрине показана), команда у неё document.getElementById("lv_fullscreen").onclick=S YNO.Liveview.OnFullScreen(); Пробовал создать страницу для запуска, вида: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сюда будет загружена страница in</title> [removed][removed] </head> <body> [removed] <!-- if (self.parent.frames.length == 0) self.parent.location="http://192.168.50.121:9900/"; window.alert('информация'); document.getElementById("lv_fullscr…

    Asked by stalkerdi,

    0 votes
    7 answers

  7. Slider не могу установить кнопки под слайдер!

    Здравйствуйте ! у меня возникла проблема ! Я вставил слайдер и картинки все хорошо по задумке нужно кнопки вставить под слайдер ! а сейчас кнопки навигации на слайдере ! я вписал z-index: -5 кнопки встали нормально только вот они потеряли ссылки ! незнаю как исправить чтоб и кпонки были снизу и ссылками они были! вот код слайдера /* * jQuery FlexSlider v1.0 (Release) * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensourc...mit-license.php */ /* Необходимые стили для FlexSlider *********************************/ .flexslider { height: 302px; width: 901px; margin: 0; padding: 0; position: relative; } .flex…

    Asked by ivanu6kin,

    0 votes
    2 answers

  8. Почему по-разному отображается макет в ИЕ и ФФ?

    Вот сделал для жены сайт http://www.psy-actual.ru (на Joomla 1.5.22, если существенно). Шаблон брал готовый, но слегка допиливал руками. И не могу понять одну вещь: почему в ФайрФоксе все показывается хорошо (что под виндами, что под линухом), а в 9-м ИнетЭксплорере под 7-й виндой текст в правой колонке (который под заголовком "анонсы и новости") высовывает хвост вправо за край экрана (т.е. текст по-другому разбит на строки, эти строки более длинные, чем в ФФ, и из них видна только левая половина) Попробовал посмотреть внутренности макета во встроенном отладчике ИЕ - тот показывает, что блок <div id="right_container"> и вложенный в него на 1 уровень ниже <div …

    Asked by GRIG,

    0 votes
    5 answers

  9. позиционирование в слайдере

    http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?

    Asked by X-Miller-X,

    0 votes
    2 answers

  10. расстояние между текстом и горизонтальными границами ячейки

    казалось бы тривиальная задача, ан нет - таблица, в таблице ячейка, в ячейке текст. между верхней и нижней границами текста и соответствующими границами ячейки есть расстояние. нужно его убрать, но не получается. <table cellpadding="0px" border="1px"> <tr> <td> Hello </td> </tr> </table> готовый пример http://jsfiddle.net/4UNLK/

    Asked by byy,

    0 votes
    2 answers

  11. Видео на сайте

    Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…

    Asked by Светлана Гр.,

    0 votes
    4 answers

  12. Резиновая верска

    Доброго времени суток ув. форумчане. Возникла следующая проблема. Делаю резиновую верстку. Но в шапке сайта блоки залазят друг на друга. Есть .Логотип+фон и есть фоновая картинка шапки. При изменении размера страницы фоновая картинка вместо того что бы сужаться, просто заезжает под блок с логотипом. Причем блок с логотипом должен быть фиксированого размера. Вот код .head { /*шапка*/ width:100%; height:280px; min-width:900px; display:block; background:url(../img/bg.jpg) no-repeat right; border-bottom:4px solid #d5d3d3; } .head_logo{/*фон логотипа*/ position: absolute; z-index:1; } .logo{ /*логотип*/ z-index:3; position: absolute; margin:107px 21px; width:210px; height:77…

    Asked by Valentinka.solar,

    0 votes
    7 answers

  13. Селектор класса, не имеющего вложенных тегов бывает?

    Здравствуйте. Может можно построить селектор, указывающий на класс, у элемента которого нет вложенных элементов?

    Asked by borus,

    0 votes
    8 answers

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

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

    Asked by aaron,

    0 votes
    2 answers

  15. Непонятный отступ у элемента li

    Есть такая проблема - http://itmag.es/5PIM2 И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/ Не могу понять, откуда взялся этот пустой отступ?

    Asked by aaron,

    0 votes
    15 answers

  16. Проблема с потоком в блоках.

    Проблема с потоком в блоках или как сделать так чтобы из div не вылезали элементы которые внутри блока. Как усвоить блин это правило если оно вообще есть или как этому научится чтобы то что в блоках не выходило за рамки блока div?! Это нужно для внутрених элементов обозвать их display block или не так? Если например внутри плавающие блоки то как сделать чтобы они не выходили за рамки блока?

    Asked by daggi,

    0 votes
    4 answers

  17. Растягивающиеся div'ы + перенос их на новую строку

    Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

    Asked by kalexi,

    0 votes
    1 answer

  18. выход margin за пределы блока

    объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка

    Asked by cyklop77,

    0 votes
    4 answers

  19. Помогите разместить блоки

    Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?

    Asked by Bizon4ik,

    0 votes
    9 answers

  20. Ширина в ie > 8

    Всем добрый вечер. Сегодня при верстке столкнулся с тем, что в ie 9 и ie 10 ширина li элементов моего горизонтального меню считается, в отличие от всех остальных браузеров (последние версии хром, фф, опера, ie 7, 8), в дробных числах. Это нормальное поведение? Нельзя ли как-то избежать? P. S. Ширину явно не указывал

    Asked by heywait,

    0 votes
    1 answer

  21. Blowfish в php

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

    Asked by novickOk,

    0 votes
    2 answers

  22. 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

  23. Выравнивание по центру резины в резиновом div

    Всем привет! Начал верстать свою 3-ю работу и решил взять шаблон посложней а именно этот! и решил себе усложнить задачу, решил сделать резиновую ширину и высоту, но столкнулся с трудностью. Значит есть резиновый div(С заданной мин и макс шириной), в нем ещё 2 дива, один из них фиксированный а другой резиновый(тоже с заданной мин и макс шириной), но проблема в том, что Я никак не смог добиться выравнивания элементов по центру внутри этого div. (Это конечно заметно только при масштабировании и если макс ширина будет меньше чем разрешение на мониторе, но все равно напрягает) И ещё один вопрос, когда мы задаем одному блочному элементу float: left; и Я думал что весь блок нахо…

    Asked by li4e,

    0 votes
    1 answer

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

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

    Asked by smirn0ff,

    0 votes
    2 answers

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

    Часто на обложках бумажных книг про 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

  • Обсуждения

    • 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