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. По поводу селектора ul

    Я написал следующий код на html и css: <html> <head> <title>Сайт о часах</title> <style> *{ padding:0; margin:0; } ul{ height:60px; width:700px; margin-left:400px; border:5px solid black; } li{ display:block; list-style-type:none; float:left; margin-left:30px; margin-top:15px; } a:link{ background-color:white; color:black; border:2px solid black; padding:5px 10px 5px 10px; display:inline-block; } a:visited{ background-color:white; color:black; border:2px solid black; padding:5px 10px 5px 10px; display:inline-block; } a:hover{ background-color:green; color:whit…

    Asked by Slovist,

    0 votes
    6 answers

  2. text-size-adjust

    Текст увеличивается на устройстве samsung galaxy s3, браузер mozilla. А это свойство не помогает. Как можно еще отключиться автомасштабирование текста?

    Asked by raptor-dm,

    0 votes
    6 answers

  3. Вопрос про псевдоэлементы

    Доброго времени суток! Подскажите пожалуйста, как верстать такие шаги (желательно с адаптивностью): http://www.screencapture.ru/file/C0A13E7e http://www.screencapture.ru/file/7472932B Проблема именно в этих бордерах, понятно что делать через псевдоэлементы, но получается какая-то муть. Где-то видел примеры такой навигации, но не могу найти и сформулировать запрос грамотно. Спасибо!

    Asked by web-monster,

    0 votes
    6 answers

  4. Как корректно применить обводку к блоку?

    Добрый день. Нужно расположить два блока параллельно относительно друг друга, с этим я справился скриншот ниже: Но дальше нужно добавить линию, которая будет идти до самого низа, скриншот ниже: (Добавил обводку и параллельность блоков пропала) Но даже если добавить обводку к какому-либо блоку, то этого будет не достаточно, т.к. один из блоков может быть длиннее или короче в результате чего линия не будет идти до самого низа, ниже пример, что я пытался донести: И ссылочка на код http://jsfiddle.net/6qfg1vm8/ Ка быть, господа?

    Asked by perec200,

    0 votes
    6 answers

  5. что за эффект

    http://www.agence-belle-epoque.fr/ когда секция загрузилась, заголовок плавно появляется(заполняется), не знаю как обьяснить. как это реализовано? кто нибудь знает?

    Asked by raptor-dm,

    0 votes
    6 answers

  6. Текст прижать к правому краю DIVa.

    Здрасте. Пытался сделать это с помощью - text-align: right; , не сработало. Требуется в одной строке с <h1>MagicShine EAGLE F3,</h1>, но не в нём самом сделать надпись - "Опубликовано 5.06.2015." у правого края блока. Я указал смещение относительно - position:relative;, считаю это некорректно, вдруг размер блока для контента по каким-то причинам изменится, и надпись окажется не там. Вот оно на странице - http://велосвет.рф/china/mj-f3.html. Подскажите, как мне прижать к правому краю её ?

    Asked by Kompilator,

    0 votes
    6 answers

  7. Кнопка с углом

    Добрый день! Пытаюсь сделать кнопку - вот что получилось Уголок сделан через псевдо-элемент и свойства transform:translateX(-25px)rotate(45deg)skew(10deg, 10deg)scale(0.61); Мне нужно синюю рамочку вокруг уголка - как вокруг родительского блока. Если добавлять рамку к треугольнику, то во первых из за scale она не тех размеров, во вторых портится градиент. Подскажите пожалуйста, как сделать рамку?

    Asked by sond1k,

    0 votes
    6 answers

  8. Как продаются (и где) сайты "под ключ"?

    Как продаются (и где) сайты "под ключ"? И что значит "под ключ"? Я как понимаю, это -- создал сайт, поставил на движок, опубликовал в инете и все...но где-то прочла, что сайт еще и должен приносить доход И еще: а как быть с доменом? с хостингом? Ведь, все зарегистрировано на меня.... Спасибо.

    Asked by Alfa2015,

    0 votes
    6 answers

  9. Определить есть ли курсор мыши

    Добрый день, Прошу прощения за, возможно, странный вопрос. Есть div, который должен по-разному собираться для устройств где только тачскрин (способ-1) и для остальных (способ-2). Сейчас определяю устройство в js return 'ontouchstart' in document.documentElement; Проблема в том, что есть устройства, где есть и тачскрин и мышь (ноуты с тачскрином, трансформеры итп). Вот эти устройства у меня попадают в способ-1 при использовании такого метода. А хотелось бы в способ-2. Т.е. надо отделить устройства, где ТОЛЬКО тачскрин от остальных (не зависимо от того, есть ли в них тачскрин). Надеюсь, понятно объяснил и что решение есть. Устроит решение на js или на php Заран…

    Asked by ivanviar,

    0 votes
    6 answers

  10. Как сослаться на якорь в табе?

    Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.

    Asked by DDeDMazday,

    0 votes
    6 answers

  11. Вывод данных в <select>.</select> из БД

    Доброй ночи. К примеру есть таблица. В ней поле status. На странице сайта выводится таблица и в ней тоже есть поле status. В этом поле в форме я делаю выпадающий список тегом <select> для изменения статуса: <select name="status"> <?php $a = 'новый'; $b = 'выполнен'; $c = 'в очереди'; ?> <option value="<?=$a?>"><?=$a?></option> <option value="<?=$b?>"><?=$b?></option> <option value="<?=$c?>"><?=$c?></option></select>После выбора статуса, нажав кнопку Сохранить, в БД поле status меняется на значение, выбранное в <select> на сайте. Вопрос такой: как сделать чтобы…

    Asked by Rusl,

    0 votes
    6 answers

  12. bootstrap адаптивность и абсолютное позиционирование.

    Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)

    Asked by comSaaxov,

    0 votes
    6 answers

  13. Вирус на сайте, как избавиться?

    Уважаемые форумчане, Уже несколько дней Яндекс присылаем мне письма о том что сайт содержит вредоносное ПО, я свой комп проверила, так же просканировали весь офис, а он все равно за старое.... Вредоносный у вас сайт и все тут. Подскажите как проверить сайт на вирусы, и куда нужно у больного заглядывать (может я не туда смотрела?!)

    Asked by Anna Zharova,

    0 votes
    6 answers

  14. Как сделать подобные эффекты?

    Как сделать такие эффекты, как на этом сайте http://white-photo.ru/ ? Я имею в виду "выезжание" блоков?

    Asked by Alfa2015,

    0 votes
    6 answers

  15. Определить какая функция вызывается в js

    Здравствуйте, в консоли разработчика google chrome при нажатии на кнопку можно ли определить какая функция вызывается в js файле ? Непонятно в каком файле вызывается функция

    Asked by htmligor,

    0 votes
    6 answers

  16. оформление стандартного вида каталога

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

    Asked by Husky_Russky,

    0 votes
    6 answers

  17. Выравнивание блоков

    Добрый день! Помогите с выравниванием! Есть див(фиксированный 960px) в нём три блока, первый блок "preview" нужно расположить слева, блок "next" располагается справа, а третий "pager" по центру. Как выровнять эти блоки по горизонтали, если учесть то, что возможно в пейджере будут добавляться страницы, значит фиксированную ширину ему нельзя задать. https://yadi.sk/i/LMT08L57hSYgn

    Asked by migunov88,

    0 votes
    6 answers

  18. Div'ы на разной высоте

    Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26

    Asked by smirn0ff,

    0 votes
    6 answers

  19. Самый глупый вопрос!

    Всем привет! Никак не получается решить такую вот задачу: блок position:absolute внутри блока position:relative. Как сделать так, чтобы блок position:relative растягивался на всю высоту блока position:absolute? Сначала думал clearfix поможет, но он не помог(

    Asked by Antoshka007,

    0 votes
    6 answers

  20. Помогите с позиционированием

    Здраствуйте у не могу сверстать один блок, нужно сделать бирку о скидках, у меня бок виден за рамками родителя, как быть? вот код: HTML - <div class="coll"> <div class="salesban">sales</div> <img src="img/sell3.png" alt="img"> <h3 class="sal">$30.00</h3> <div class="hov"> <h3>new STELLA MCCARTNEY</h3> <ul class="star"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> <h3><a href="#">add …

    Asked by samogray,

    0 votes
    6 answers

  21. Firefox блинкует блок при смене фоновой картинки

    Есть Firefox последней версии, он отображает страницу, в которой есть блок с фоновой картинкой. На странице есть ещё фоновые картинки, они прогружены заранее и даже отрисованы браузером. Картинки здоровые по высоте, от 3000 до 7000 пикселей (спрайтовая анимация). При определённых состояниях страницы я меняю через JS background-position и background-image у блока, и примерно в половине случаев Firefox как будто заново загружает новую картинку: старая картинка пропадает, а новая появляется через несколько долей секунды, прям ощутимо заметных глазу. Хотя, повторюсь, все картинки загружены и отрисованы. Кто-нибудь сталкивался с таким, если да, то как решали? В webkit/blink…

    Asked by antonKar,

    0 votes
    6 answers

  22. Не работает polymer

    В качестве сервера, установлен XAMPP, с ним всё в порядке. Почему-то в файле index.html, ничего не появляется. Кто сможет разобраться с архивом? http://dropcanvas.com/ggh8d Код не большой Залил на хостинг http://allnet.16mb.com/polymer/

    Asked by DivMan,

    0 votes
    6 answers

  23. Верстка градиента?

    Всем привет. Есть такое изображение, которое никак не делится на слои в фотошопе, то есть это обычный растровый слой без всяких стилей и т.п.. Текст тут не важен, важно сверстать градиент, но как это сделать не имея данных о градиенте?(я даже не могу просто взять фон и поставить его тупо как background, так как на нем текст).

    Asked by Flexible Curd,

    0 votes
    6 answers

  24. Как сделать это адаптивным? Масштабировать изображения?

    Здравствуйте! Надо превратить эту картинку: в адаптивную верстку. Хочу спросить совета, как бы вы сверстали изображения, отмеченные на картинке цифрами 1(полупрозрачные складки) и 2(полукруглый банер).

    Asked by borus,

    0 votes
    6 answers

  25. Не работает кнопка меню Firefox

    Во всех браузерах пашет а вот Firefox почему то не хочет ((( ​Уважаемые специалисты подскажите в чем может быть проблема я уже все перепробовал и не как (((

    Asked by virtas,

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