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. Стянуть ник на IPB 2.3.5

    Как стянуть ник на этой платфоме ?

    Asked by REMEDI,

    0 votes
    5 answers

  2. СУБД MS Access + html

    Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?

    Asked by Bagi,

    0 votes
    17 answers

  3. Судьба доллара и евро

    Хелло всем посетителям forum.htmlbook.ru! Уже каждая собака наверное давно в шоке (а может быть и наоборот, радуется) от поведения доллара! Колбасит его последнее время невероятно. Вопрос же в следующем: насколько вам важен курс доллара, влияет ли он на вашу жизнь и если да, то как? Я лично постоянно мониторю этот сайт: Кросс курс евро доллара Чтобы быть в курсе событий... Он конечно не для широкого круга посетителей, но курс там точный и обновляется каждую секунду насколько я поняла ). Кто нибудь еще следит за курсом постоянно?

    Asked by Chereshnya,

    0 votes
    0 answers

  4. сужение окна...

    Добрый день! Друзья подскажите,пожалуйста,как пофиксить:при сужении окна правый блок наезжает на контент,а потом и во-все всё разваливается... шаблон выглядит: враппер>>шапка>>левый блок(флоат лефт,ширина фикс.)>>правый блок(флоат райт,ширина фикс)>>контент>>подвал

    Asked by milkeyway,

    0 votes
    5 answers

  5. сумма ширин ячеек не совпадает с шириной таблицы

    Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код: <td align='right'> <table width='975' border='0' cellpadding='0' cellspacing='0'> <tr height='85'> <td width='71'> <a target='_parent' href='1.php'><img class='face' src='images/spacer.gif' width='71' height='85'></a> </td> <td width='79'> <a target='_parent' href='2.php'><img…

    Asked by begin,

    0 votes
    6 answers

  6. Суммарная ширина вложенных float

    Приветствую, не могу победить особенность некоторых браузеров при вычислении суммарной ширины сестринских float-ов, в случае задания ширины родительского контейнера в процентах. Например: <!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>Untitled Document</title> <style> * {margin: 0; padding: 0; border: none; outline: none;} #wrap {width: 60%; margin: 0 auto; background: #F3F; overflow: hidden;} #nav {float: left; width: 100%; back…

    Asked by alb,

    0 votes
    3 answers

  7. Супер дизайн

    http://prntscr.com/fcm086 кто нибудь сталкивался с таким слайдером, подкиньте пример решения пожалуйста. В гугле не смог найти подобного слайдера.

    Asked by Endorphin,

    0 votes
    2 answers

  8. Супер плагин для картинок

    Говорить мало. Нужно видеть. http://kroppr.rborn.info/ Но стоит 25 евро, а это очень огорчает.

    Asked by Sarabanda,

    0 votes
    5 answers

  9. существует ли автоматический взлом в сети?

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

    Asked by cyklop77,

    0 votes
    2 answers

  10. Существуют ли такие теги

    Существуют ли такие теги, как <LH>, <SVG>, <CIRCLE>? На этом сайте их нет, но я их встречал.

    Asked by nemo59,

    0 votes
    6 answers

  11. Сфера с translateZ

    Добрый день. Как заставить сферу быть объемной при translateZ. Сферу создал по известной конструкции <div class="wrapper"> <ul class="ball"> <li class="ring"></li> ..... <li class="ring"></li> </ul> </div> Обвернул всю конструкцию в еще один DIV к которому применяю свойство translateZ (нужно что бы сразу все сферы перемещались в нужном ракурсе). В результате все перемещается, но при повороте rotateZ видно что сферы перестают быть объемные! Как решить данный вопрос?

    Asked by Falkone,

    0 votes
    1 answer

  12. Сформулировать невозможно, просто посмотрите на картинку

    Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/

    Asked by Squidward,

    0 votes
    8 answers

  13. Схлопнуть padding и убрать border-radius у подряд идущих inline

    Есть блок, внутри которого текст, размечаемый юзером. У тега <i> задан цвет фона, padding, background-color. Сказка кончается, когда юзер в сообщении делает, например, [ i ]та[ /i ][ i ]к[ /i ]. В итоге у нас слово, порванное посередине отступом и border-radius. Нормализовать код на стороне сервера нельзя, только css, только хардкор. Я изрядно поломал голову. Нужно, если у элемента <i> есть непосредственный сосед <i> - без любых нод между ними - соседу обрезать padding и border-radius слева, а элементу - справа. При помощи вспомогательного <span>, :first-of-type, :last-of-type и селектора-плюсика я нагородил что-то похожее на правду:…

    Asked by 7ion,

    0 votes
    6 answers

  14. схлопывание

    объясните мне, пожалуйста, почему тут http://jsfiddle.net/bA3ye/ не отменяется схловывание? и границу поставил, и абсолютное позиционирование, и поля. Помогает float: left только

    Asked by USF,

    0 votes
    2 answers

  15. Схлопывание margin у label?

    Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же

    Asked by borus,

    0 votes
    1 answer

  16. Схлопывание margin'ов

    Доброе утро. Часто возникают ситуации, когда необходимо отменить действие схлопывания отступов. Тут вроде бы все понятно: флоаты, воерфлоу-хиддены, клеарфиксы, паддинги и бордеры в помощь. Но столкнулся с такой проблемой, когда наоборот очень нужно схлопывание марджинов элементов, что идут в потоке, но из-за некоторой специфики, оно (схлопывание) не всегда возможно. Задача. В потоке идут несколько дивов-контейнеров для последующего контента. Марджины для них заданы как для топ, так и для боттом. Проблема. Все прекрасно работает до тех пор, пока в одном из контейнеров не появляется колонки типа флоат. Следовательно, для корректного отображения родительскому диву необходи…

    Asked by atatakobry,

    0 votes
    17 answers

  17. Схлопывание WTF!?

    Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …

    Asked by Hell&Heaven™,

    0 votes
    4 answers

  18. Схлопывание границ надо отменить

    Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

    Asked by Yahoo!,

    0 votes
    9 answers

  19. схлопывание маргинов не работает для table и p

    У меня написан следующий код: <p>параграф</p> <p>параграф</p> <table> .. содержимое таблицы .. </table> <p>параграф</p> <p>параграф</p> Заданы стили: #content p { line-height:110%; margin:1em 0; } table { margin:1em; width:100%; } Так вот: между параграфами маргины схлапываются как надо, а между таблицей и параграфом нет. Почему так? Как сделать так, чтобы схлапывались?

    Asked by warobushek,

    0 votes
    6 answers

  20. Схлопывание отрицательного margin

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

    Asked by Error-404,

    0 votes
    5 answers

  21. Схлопывание отступов и оверлей

    Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accums…

    Asked by Okieazy,

    0 votes
    0 answers

  22. Схлопывающиеся отступы

    Читаю http://htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvayushchiesya-otstupy 1) В Konqueror и Opera наличие padding'а схлопывание чёт не отменяет. Да и сомнительно, чтоб такое было, не вижу логики - зачем внутреннему полю влиять на работу со внешними полями? 2) Что значит "задана граница"? Что такое "граница"? Как она может быть задана или не-задана? Спасибо

    Asked by skvor,

    0 votes
    5 answers

  23. Счеткик посещений

    Как поставить счетчик посещений на страницу?

    Asked by Guest Mari,

    0 votes
    3 answers

  24. Счетчик

    Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!

    Asked by Zarina,

    0 votes
    9 answers

  25. Счетчик

    Всем привет Подскажите пожалуйста где взять такое решение - http://clip2net.com/s/5Xa63n Может быть у кого-то уже есть готовый скрипт. Благодарен был бы если нашелся скрипт по такому же принципу, только с датой Заранее спасибо =)

    Asked by FaLaRD,

    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