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. сжать картинку из блоков

    есть картинка к примеру 1920 x 1200 , она разрезается на блоки кусок кода <div id="IMG-map"> <div class="wrapper_parts"> <img src="delete/0.png"> </div> <div class="wrapper_parts"> <img src="delete/1.png"> </div> <div class="wrapper_parts"> <img src="delete/2.png"> </div> </div> но вот в чем проблема в блоке у нее должен быть размер 1600 х 1000 и по этому она вылазит за пределы блока, есть идеи как ее можно сжать на css?

    Asked by cyber_ua,

    0 votes
    2 answers

  2. Уменьшаются некоторые символы после Fontsquirrel

    Шрифт PFSquareSansPro-Medium.ttf после прогона через fontsquirrel начинает некорректно отображать некоторые кириллические символы. Они становятся меньше или появляются артефакты. Причем на маке, например, это не проявляется Например, здесь уменьшается буква "м": а здесь появляется какая-то "засечка": Другие веб-шрифто-генераторы не подходят по причине очень большого размера файлов шрифтов на выходе, хотя может я просто не нашел нормальный. Подскажите, пожалуйста, как это можно исправить, обойти, как-то настроить fontsquirrel, или использовать другой веб-шрифто-генератор, который на выходе не будет отдавать файл размером в 400 кб.

    Asked by selahssea,

    0 votes
    2 answers

  3. Что за непонятные пробелы между блоками?

    Задача – чтоб высота основного контейнера (темно-синий) подстраивался под высоту голубых, при этом голубые должны идти вряд не соскакивая вниз. Но вот здесь http://rozma.inf.ua/ видно, что между голубыми контейнерами есть какие-то просветы, которые спихивают последний блок на следующий ряд. В чем загвоздка – никак не пойму..

    Asked by lego904,

    0 votes
    2 answers

  4. как сделать чтобы div тянулся вниз на 100 процентов

    как сделать чтобы div тянулся вниз на 100 процентов

    Asked by paseonru,

    0 votes
    2 answers

  5. комментарий

    есть код: <textarea id="comment" tabindex="4" placeholder="Комментарий.." name="comment"></textarea> как сделать что бы при переполнении поля оно растягивалось, а скролл убрать? кто может, помогите, никак не найду..

    Asked by Веди,

    0 votes
    2 answers

  6. Альтернативная поодержка видео

    Столкнулся с одной странностью .Все браузеры ,поддерживающие HTML5 не имеют встроенного плагина для embed.А вот ИЕ этот embed поддерживает.НО в браузерах ,поддерживающий HTML5 есть тэг video.Почему же плагин для embed удалили из современных броузеров?

    Asked by max2012,

    0 votes
    2 answers

  7. Трабла с dropdown меню в twitter bootstrap

    Приветствую! Взял я twitter bootstrap v2.1.0 и начал верстать на нем новый сайт. Все бы ничего, но возникли проблемы с dropdown-меню. Когда щелкаешь на списке, который должен раскрыться, он раскрывается не под своим элементом, а в начале навбара. Похоже на косяк в JS, не правильно определяется позиция. Но, точно понять не могу. Может кто сталкивался / знает как решить проблему?

    Asked by keltanas,

    0 votes
    2 answers

  8. ie6 меню

    Все привет! У меня проблема с меню(#menu) в ie6: при наведении курсора на меню появляется ненужный отступ снизу, а надо чтобы и меню было плотно прижато к нижней границы #header, и при наведении курсора кнопка также увеличивалась снизу(menu a{padding:2px 20px 0;}), наезжая на границу <!doctype html> <html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="basecss.css" type="text/css"> <link rel="stylesheet" href="css_to_for_m.css" type="text/css"> <!--[if IE 6]> <link href="ie.css" type="text/css" rel="stylesheet"> <![endif]--> </head> <body> <div id="contai…

    Asked by Nailya,

    0 votes
    2 answers

  9. Разное отображение типографии в Ubuntu и Windows Xp

    Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp

    Asked by JosePerez,

    0 votes
    2 answers

  10. checkbox со скрываемой формой

    Всем, привет! Помогите пожалуйста разобратся, в данном коде при нажатии на второй бокс, активируется первый эриатекст ((( Как сделать независимыми позиции? (планируется их множество) <FORM> Изделие 1 <input type="checkbox" NAME="1" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById ('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"> <input type="text" placeholder="0" SIZE=1 MAXLEGNTH=1 style="display: none;" id="nextSibling"> <br> Изделие 2 <input type="checkbox" NAME="2" onclick="if(this.checked){document.getElementById('nextSibl…

    Asked by Sam,

    0 votes
    2 answers

  11. Работа с iframe

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

    Asked by Makeda,

    0 votes
    2 answers

  12. Отступ

    Как убрать отступ у фреймов, чтобы даже когда прокручиваешь ползунок текст не залезал наверх как на картинке http://screenshot.su/show.php?img=4a1efdce2729c3971289c6608b89f642.jpg Также подскажите как увеличить отступ по краям (хотя бы слева)

    Asked by Mr_ILYAS,

    0 votes
    2 answers

  13. Перенос строки

    Имеется вот что http://jsfiddle.net/eyMtV/ Надо что бы при переносе строки она выравнивалась нормально, а не была под ценой. Т.е. слово "Элит" должно быть под "Зеленый" Непонятненько как сделать

    Asked by Coffin,

    0 votes
    2 answers

  14. фиксированная, резиновая, адаптивная... какую выбрать?

    вопросов несколько скопилось... недавно начал изучать Html, css. и вот встал вопрос: какой дизайн сейчас чаще всего используется? и какой имеет наибольшие перспективы? спрашиваю чтобы сразу сделать упор именно на то, что наиболее перспективно. Сверстал несколько фиксированных шаблонов средненьких по сложности. ну тут все понятно... с горем пополам сверстал один резиновый... как я понял сейчас рулит адаптивная верстка... сделал один простенький адаптивный шаблон, но не понял как там поставить картинку в качестве фонового рисунка? она векторной должна быть или нет? может кто ответит как это делается? P.S. посоветуйте какие-нибудь ресурсы по адаптивной верстке, но в первую …

    Asked by assert,

    0 votes
    2 answers

  15. Помогите: неправильно вычисляется высота body, как только появляется вертикальный скролл

    Эффект наблюдается на этой странице: http://makeup.vertyagina.ru/prof-makeup.html (я сейчас на ней тестирую новую вёрстку) Эффект можно пронаблюдать в браузере масштабируя размер шрифта (Ctrl + колёсико мыши) Пока вертикального скролла нет, всё работает как задумано... Как только он появляется, высота body сразу начинает вычисляться неправильно и абсолютно позиционированные блоки съезжают, например фон footer'а прижатый к низу страницы выезжает на середину. Я там понахимичил со слоями (z-index) и div position:relative, но ещё раз повторюсь пока скрола нет, всё работает как задумано... ломаю голову, помогите кто может может кто знает отгадку...

    Asked by ershov.ilya,

    0 votes
    2 answers

  16. Chrome подпрыгивает текст в input

    Здравствуйте! У меня есть input type='text'. В css описан следующим образом: #inputForm input { width: 100%; height: 40px; padding: 0; border: none; background: none; font-family: Flow; font-size: 15pt; } если в Chrome в него вставить(Cntr+V) любой текст то текст подпрыгивает. Посмотреть можно здесь: grindel.su/bart Изменение font-size на < 15px помогает. но мне нужен большой шрифт.

    Asked by Grindel,

    0 votes
    2 answers

  17. Фотоальбом в первом сайте

    Всем привет! Только начал изучать html/css очень нравится Пытаюсь сделать свой первый сайт, поэтому я начинающий и спрашиваю опытных) Товарищи подскажите, сделал страничку и хочу чтобы был фотоальбом с пролистыванием, или просто картинки лежали а при нажатии они увеличивались, подскажите новичку как это сделать, буду очень признателен

    Asked by Garikvoloshin,

    0 votes
    2 answers

  18. Проблема с блоками

    Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…

    Asked by oleg.kan,

    0 votes
    2 answers

  19. вложенные 100% div-ы, внутренний вылазит на толщину границы

    Приветствую! Есть несложный код: <html> <head> <style> #b { width: 500px; height: 300px; } #i1 { border: 10px solid black; } #i2 { border: 10px solid red; } #i1, #i1 #i2 { width: 100%; height: 100%; } </style> </head> <body> <div id="b"> <div id="i1"><div id="i2">dddddddd</div></div> </div> </body> </html> Запустив, мы увидим что внутренний красный див вылезает вправо и вниз из родителя на ширину границы. Почему так происходит и как сделать, что бы внутренний див был таки целиком внутри?

    Asked by stalker_2000,

    0 votes
    2 answers

  20. Не работает cellpading

    Привет всем, люди подскажите пожайлуста, опять же делаю первый сайт, сделал пол сайта, дошел до того что надо делать таблицу, но cellpading у меня не работает, в чем дело, сам найти ошибку не смог Помогите пожайлуста, просите что нужно выложить, все покажу.

    Asked by Garikvoloshin,

    0 votes
    2 answers

  21. Как сделать выровнять текст по центру только в верхней строке(а именно в ее столбцах) ?

    Добрый день. Код: <table id="a_table" border="1" bordercolor="#e1e1e1"> <tr class="a_table_tr_header"><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td><td>g</td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr> <tr class="a_table_tr_main"><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td&gt…

    Asked by Frank,

    0 votes
    2 answers

  22. Проблемы с размерами блоков

    Здравствуйте.Недавно начал осваивать HTML верстку.Проблема такая: Есть типичный макет:Шапка,Центр(3 колонки),футер. Вот,что получается в различных браузерах: Хром IE Опера Сафари Т.е.искажаются размеры блоков. Посоветуйте пожалуйста литературу(желательно на русском),в которой рассказывается как устранять такие проблемы.Заранее спасибо.

    Asked by Ferma,

    0 votes
    2 answers

  23. Фоновый рисунок

    Я уже замучился. . . Никак не могу сделать, чтобы картинка растягивалась на всё окно фрейма. Вот index.html: <!DOCTYPE html> <html> <head> <title>Successful Life</title> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> </head> <frameset rows="40% , *" frameborder="0"> <frame src="head.html" name="HEAD" scrolling="no" noresize> <frameset cols="25% , *"> <frame src="menu0.html" style="background: #fda" name="MENU0" noresize> <frame src="content0.html" style="background: #abc" name="C…

    Asked by Mr_ILYAS,

    0 votes
    2 answers

  24. Safari (проблемы с SVG)

    Столкнулся с интересной ситуацией, я конечно понимаю, что Safari поддерживает нативные градиенты через старый или новый стиль задания градиента, но мне стало интересно как он ведет себя с SVG градиентом генерируемым Colorzilla генератором. Вот пример где все наглядно(открывать в Сафари): ПРИМЕР Как это объяснить я не знаю, помогите пожалуйста)

    Asked by Svatov,

    0 votes
    2 answers

  25. Есть ли сервис для генерации такой рамки?

    Нарисовал рамку в фотошопе. Есть ли визуальный создаватель рамки подобного типа(градиент в обводке, закруглённые края) с тенями(использованы внутренняя и внешняя тени)? p.s.закругленные края не попали в снимок

    Asked by borus,

    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