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

29542 questions in this forum

  1. проблема iepngfix

    Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…

    Asked by toman,

    0 votes
    6 answers

  2. banner

    как разместит в баннере картинку, во весь баннер. html kod <aside id = "banner"> <img src="../covers/roma2.png"> s kartinkoy problema </aside> css: #banner{ height: 150px; margin-top: 15px; background-color:rgb(150,150,150); }

    Asked by Leyla84,

    0 votes
    6 answers

  3. 2 блока рядом, один фиксированный, другой в % или проблема с "calc"

    Значится, такая задача: Есть блок wrapper (черная рамка) - с margin 0 и max-width. Синий блок - задан жестко в пикселях. (допустим 100px) Красный задан : width: calc(100% - 100px);У синего - float right У красного - float left В итоге получается то, что нужно: при сжимании окна по горизонтали, синий блок остается как есть, а уменьшается только красный. Все супер. ===== Далее, когда эту прелесть открываем в Сафари, получается, между блоками образуется белый промежуток. Как оказалось, сафари игнорит width со свойством calc и попросту делает красный блок, шириной с контент, который в нем есть. ===== Вопрос: как можно такое же точно поведение реализовать, без св…

    Asked by volkoff,

    0 votes
    5 answers

  4. Друзья, требуется помощь. проблема с отображением в ie

    Привет! Есть список, который корректно отображается везде кроме ie. вот скрин http://joxi.ru/LVm6MYzfDMl6rZ . Вот страница http://root.donkos.esy.es/card.html . Уже сломал всю голову. Подскажите как исправить для ie (версии выше 9). Заранее благодарен!

    Asked by donkos,

    0 votes
    2 answers

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

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

    Asked by migunov88,

    0 votes
    6 answers

  6. Анамалия отображения CSS

    Нужна ваша помощь. Не отображается css в браузерах.Проблема постоянна во всех черновиках. Html и css написал по шаблону (img прикрепляю). Что сделать для отображения CSS? В чем ошибка? Код:http://itmages.ru/image/view/3350077/3ece34c5 Результат:http://itmages.ru/image/view/3350098/34a2a45d Вот оригинал : http://itmages.ru/image/view/3350099/6914aae2 Тут папки: http://itmages.ru/image/view/3350101/10e9d919 Папка css:http://itmages.ru/image/view/3350102/2ee44e79

    Asked by TimGRo,

    0 votes
    2 answers

  7. Название шрифта google

    Подскажите,а есть ли какой-либо способ изменить название подключаемого шрифта от google. Дело в том, что если на сайте используется несколько шрифтов, и они меняются, нет желания вводить каждый раз название типа "PT Sans condenced" Да, можно использовать Less, а без оного?

    Asked by Vlad_P,

    0 votes
    4 answers

  8. Как расположить неизвестное число блоков <div> всегда в одну строку?

    Здравствуйте Есть такая разметка: <div class="your-class"> <div class="element">your content</div> <div class="element">your content</div> <div class="element">your content</div> ... <div class="element">your content</div> </div> количество дивов внутри заранее не известно и может быть очень большим. Какие стили можно применить, чтобы вне зависимости от количества внутренних блоков они располагались в 1 строку, уходящую бесконечно вправо? Высота внутренних блоков может быть разной, желательно чтобы родительский див подстраивался под самый высокий

    Asked by borus,

    0 votes
    2 answers

  9. Кроссбраузерная НЕсовместимость

    Всем привет! Первый раз сталкиваюсь с таким отображением в разных браузерах. Применяется bootstrap4 Далее на картинке: 1. В хроме все норм. Единственное, как сделать, чтобы линия прогресса в блке "our process" анимировалсь только один раз после перезагрузки страницу? 2. Лого в firefox и edge отображаются одинаково. Буквы D (маска) не видно. В IE11 видно верхушку. 3. Блок "our process" в edge не анимируется progress в виде контура красным цветом, а в IE11 вообще бардак. Анимируется только появление текста. 4. На iphone5 не анимируются hexы в блоке "WHAT CAN YOU RECEIVE" Проверял на виртуальной машине. На маке не тестил, нет возможно…

    Asked by Schamil74,

    0 votes
    0 answers

  10. Реакция хрома на открытие dropdown от bootstrap

    http://vlad.gtxt.biz/tahograph/ В хроме, в момент открытия подменю, меняется шрифт в темных блоках ниже. Как? Почему? И, главное, как исправить

    Asked by Vlad_P,

    0 votes
    2 answers

  11. последователный выбор адреса

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

    Asked by cyklop77,

    0 votes
    2 answers

  12. Найти последний дочерний элемент в контейнере

    Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…

    Asked by IvanRu08,

    0 votes
    1 answer

  13. Как сделать, что бы блок соответствовал высоте всей страницы?

    http://mhrj.orv.org.ru/FILES/bootstrap/tender-test.html 4 серых блока-колонки Проматываю страницу вниз и видно, что блок короче высоты страницы. какие стили на это влияют и как исправить? Второй вопрос: как убрать вторую бесполезную полосу прокрутки у тега body? у него стоит стиль height: 100%; почему тогда вертикальная полоса прокрутки?

    Asked by Grani,

    0 votes
    1 answer

  14. MySQL

    Вопрос: как в БД перебрать все таблицы имен которых я заранее не знаю?

    Asked by Bolmazov,

    0 votes
    1 answer

  15. помогите новичку

    Всем привет! Недавно начал изучать CSS, возникли такие вопросы: 1)чем отличаются Классовые селекторы от ID селекторов? В справочнике прочёл, что CLASS - атрибут элемента в HTML, определяющий его класс, а ID - индивидуально именованный стиль. Но ведь разместить слой можно как через class так и через ID? В чём разница, покажите, пожалуйста, на примере. 2) как сделать рамку страницы с тенью? Проанализировав сайты, выяснил, что дизайнеры создают фон с рамкой 300x300 px, но как они размещают его. Получаются что растягиют? Как это реализовать? 3) И напоследок. Некоторые сайты всю графику помещают в один .gif файл. Слышал, что это делается для экономии времени загрузки, потому …

    Asked by FLYERok!,

    0 votes
    4 answers

  16. Контекстные селекторы

    Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак

    Asked by minvareg,

    0 votes
    1 answer

  17. градиент тегом

    Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?

    Asked by Pavlov___,

    0 votes
    1 answer

  18. Немного неточное выравнивание

    При выравнивании строчных элементов столкнулся со следующей проблемкой: vertical-align:middle немного неточно выравнивает строчный элемент (в случае если контейнер четной высоты px) - в разных браузерах по разному (см. картинку) собственно код: HTML: <!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>1px_top_gap</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/sty…

    Asked by novicheG,

    0 votes
    2 answers

  19. Фикс и резина: отличия в верстке

    Хочу попробовать сверстать макет под резину. Как я понял здесь размеры задаются в процентах. Есть ли тут еще что-нибудь, что мне следует знать? Может кто-нибудь скинуть пример резиновой верстки?

    Asked by Rustick,

    0 votes
    4 answers

  20. Позиционирование фиксированного заголовка таблицы.

    Имеется в наличие страница с двумя таблицами с фиксированным заголовками. Заголовок фиксируется относительно thead таблицы. Возникла необходимость добавить данную страницу с таблицами в спойлер. Спойлер использует функцию toggle, скрываемый текст помещается в div, только вот при добавлении данной страницы в спойлер использующий функцию toggle, позиция фиксированного заголовка в таблице задается не относительно таблицы, а относительно границ браузера, а при закрытии спойлера остается зафиксированным на месте, также заголовок второй таблицы накладывается на первый. Подскажите как это исправить?

    Asked by Walter_Stolz,

    0 votes
    2 answers

  21. Проблема с правым блоком

    Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…

    Asked by Bingo,

    0 votes
    4 answers

  22. Убрать увеличение длины элемента при увеличении font-weight

    имеется следующий код <div class="menu33"> <ul> <li class="active"><a href="#">Холодные закуски</a></li> <li><a href="#">Салаты</a></li> <li><a href="#">Горячие закуски</a></li> </ul> </div> CSS: .block1 .menu33 {margin-left: -12px;} .block1 .menu33 ul li {list-style-type: none; float: left; background: url(../вертикальная полоска) right center no-repeat;} .block1 .menu33 ul li a {color: #cc3333; float: left; margin: 6px 12px 6px 12px; text-decoration: none; border-bottom: 1px dashed #cc3333;} .block1 .menu33 ul li:hover a{color: #996666; font-weight: bold; border-b…

    Asked by pav8909,

    0 votes
    4 answers

  23. Css em triangle и еще 1 вопрос

    Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…

    Asked by Cryolite,

    0 votes
    2 answers

  24. javascript - заменить .html в iframe

    Прошу помощи=) Дано: меню в дивах, при нажатии необходимо заменить один .html в iframe на другой. Собственно, как это сделать, желательно не создавая скрипт в head? догадываюсь, что как-то типа <div onclick=javascript: getElementById(iFrameName) src="needed_html">, но с синтаксисом яваскрипта у меня ооочень плохо, почти никак... Сцылко для понимания всего вышесказанного: http://www.svga.ru/banners_old/animate/index.html

    Asked by 4iffa,

    0 votes
    2 answers

  25. Резиновый шрифт

    Здравствуйте! Такая проблема: Делаю адаптивный сайт, использую Firefox, а проверяю просто уменьшением окна браузера. Перейдя по ссылки, вы сможете увидеть надпись вверху, и если у вас разрешение меньше 1920*1200, наверняка надпись перейдет на вторую строку, закроя тем самым ссылки. Размер шрифта в процентах, да и вообще я считаю, что все надо делать в процентах. Главное не понимаю, почему, если он в процентах, плохо отображается на других экранах. Может есть какое-то средство, чтобы не создавалась новая строка? Как видете игрался с max-height, не помогает. А заодну еще вопрос задам: почему у меня на телефоне HTC Incredible S простой шрифт идет, а не тот который я установи…

    Asked by Michael Myers,

    0 votes
    6 answers
×
×
  • 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