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. Padding у input тектса

    Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

    Asked by cluboy,

    0 votes
    3 answers

  2. Padding уходит за границы экрана

    Господа, помогите пожалуйста решить проблему в верстке: Получается так, что из-за этого позиционирование по центру идет некорректно, думаю по фразе "Бла Бла..." это видно, подскажите пожалуйста, из-за чего так или хотя бы в какую сторону капать?

    Asked by Inf1n1tI,

    0 votes
    4 answers

  3. Padding-bottom не работает в ИЕ

    вот кусок html: <span class="contacts"> Цена: <span class="cost">150.00</span> </span> Вот css: span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; } span.cost { color: #cf0105; font-weight: bold; font-size: 16px; } Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу.. display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту. Подскажите, в чем ошибка и как можно решить эту задачу? Заранее благодарен.

    Asked by milax,

    0 votes
    6 answers

  4. padding-top и EXPLORER

    Правил шаблон и все не могу сделать что бы Explorer нормально его отображал... нужно отступ от верхушки... пишу - <div style="padding-right:15px; padding-top: 45px;"> ****** </div> padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)

    Asked by kavadims,

    0 votes
    14 answers

  5. Padding-top и height:100%

    есть следующий цсс фаил html, body { height:100%; width:100%; } body { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ width:1000px; position:relative; } #height_container { background: #999999; height: 100%; /* для IE6 */ min-height: 100%; } #footer, #height_container, #header { width:100%; } /**html #height_container { overflow: visible;…

    Asked by Love_silense,

    0 votes
    9 answers

  6. Padding, margin. Firefox и Chrome делают по разному.

    Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…

    Asked by Michael Myers,

    0 votes
    4 answers

  7. Padding/Margin в процентах

    возможно задать значение Padding/Margin в процентах? никак не получается... спасибо

    Asked by termoplus,

    0 votes
    9 answers

  8. padding&width на select&button

    <html> <body> <table cellspacing='0' cellpadding='0' border='1' width='100%'><tr><td> <table cellspacing='0' cellpadding='0' border='1' width='50%'><tr><td> <select style='padding:0; width:100%;'> <option>xxx</option> </select> <select style='width:100%;'> <option>xxx</option> </select> <input type='button' style='padding:0; width:100%;' value='OK'> <input type='button' style='width:100%;' value='OK'> </td></tr></table> </td></tr></table> </body> </html> объясните плз, почему у всех элементов разная длинна, приче…

    Asked by ket,

    0 votes
    9 answers

  9. Page-enter

    где можно посмотреть наглядное расшифровывание иллюстрациями тег <meta http-equiv="Page-Enter" content=

    Asked by Rilo,

    0 votes
    0 answers

  10. Pager на CSS для карусел

    Всем привет! Как можно создать такой pager для карусел. Спасибо заранее!

    Asked by parnas,

    0 votes
    4 answers

  11. parallax psd-макеты

    хотелось бы попрактиковаться в вёрстке parallax-макета, но не получается найти psd. помогите пожалуйста, если кому попадались

    Asked by cyklop77,

    0 votes
    5 answers

  12. parallax при скроллинге

    Реализация скроллинга с параллакс эффектом вызвала у меня ряд вопросов. Как оказалось – он адекватно работает только в firefox. Смотрел множество сайтов, везде есть рывки при прокрутке. В ИЕ хуже всего – кроме рывков – дерганье. Отсюда вопрос: возможна ли кроссбраузерная реализация (плавная горизонтальная прокрутка без рывков и дерганий)? Пример задачи: http://addevelop.ru/...t/View-new.html Буду рад советам и примерам реализации плавности. Описывайте свой опыт реализации подобных задач.

    Asked by stmaxvl,

    0 votes
    13 answers

  13. Participatory Sensing Systems

    Привет. Кто нибудь может помочь???? Participatory Sensing Systems как это будет по-русски. Не могу найти ни одну статью на русском языке. Речь идет о сборе или считывания информации с мобильных устройств. Есть ли какая то книга,статья, заметки.... Может кто сталкивался. Спасибо

    Asked by Dirada,

    0 votes
    3 answers

  14. pasteHTML между элементами

    Хочется вставить код между элементами. Не могу понять как расположить TextRange именно между элементами. Например было: <span id='Ref1'></span>нынешний код или пусто<span id='Ref2'></span> стало: <span id='Ref1'></span>мой новый код или стираю старый<span id='Ref2'></span>

    Asked by serzh82saratov,

    0 votes
    6 answers

  15. pc и mac - разное отображение цвета

    Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....

    Asked by Razor,

    0 votes
    12 answers

  16. Pdf На Сайте

    Ребят, такая проблема: необходимо сделать что бы при нажатии на картинку открывалось окно, а в нем открывался PDF документ, грубо говоря acrobat reader. Как это можно сделать. Дали задание на работе, а ничего в голову не приходит, помогите, пожалуйста. Очень надо.

    Asked by savushka,

    0 votes
    6 answers

  17. Perfect Book on HTML & HTML5

    Hi All, I want to start learning HTML & HTML5 but looking for some good books that help me learning HTML & HTML5.. Please let me know which are best books. I visited amazon there are too many books available so please let me know which I should buy and which is not..

    Asked by MarkZachary,

    0 votes
    1 answer

  18. Personal HollyWar

    Вот задумался тут о том, как лучше семантично представить единственное определение. В голову приходит два варианта — списком определений из одного элемента (что, на мой взгляд, противоречит семантике списка), или использованием элемента DFN, у которого, впрочем, на мой взгляд семантика близка, но не в точности соответствует задаче — как мне кажется, он должен использоваться для обозначения определяющего фрагмента текста. Задачи такой сейчас передо мной не стоит, но интересно было бы узнать ваше мнение, как бы вы поступили в этом случае. В общем-то, вопрос чисто теоретический из разряда религиозных. :-)

    Asked by rash,

    0 votes
    4 answers

  19. PF Beau Sans Pro vs Webkit

    Есть набор шрифтов PF Beau Sans Pro. Шрифты лицензионные со всеми делами и подключены по всем канонам. Разновидности типа Regular, Bold, Light во все браузерах отображаются замечательно. А вот Italic и Light Italic в браузерах на движке webkit никак не хотят заводиться, что латиница, что кириллица. Инспектор хрома показывает, что шрифт как бы подключен, но на деле текст выглядит как Times New Roman. В IE и Firefox все отлично. Шрифты изначально были в формате ttf, даже при подключении этих оригинальных файлов хром игнорирует две эти разновидности. Так что конвертация в другие форматы здесь не причем. Может это косяк самих исходных файлов, возмножно ли такое?

    Asked by Bassline,

    0 votes
    4 answers

  20. Phaser.js как вращать объекты группы?

    Создаю группу объектов и загружаю слой из Tiled this.saws = this.game.add.group(); this.saws.enableBody = true; this.map.createFromObjects('saws', 4, 'saw', 0, true, false, this.saws); В update задаю угол вращения и хочу чтобы пила вращалась вокруг свои оси. this.saws.angle += 1; Но группа объектов позиционируется относительно начала координат и пила начинает крутиться вокруг (0, 0) и вокруг своей оси. Как сделать так, чтобы она оставалась на своем первоначальном месте? Если загружать просто спрайт и ему прописывать угол и координаты, затем вращать, то все нормально, но если я собираюсь несколько десятков объектов загружать? Хотелось просто р…

    Asked by black_c,

    0 votes
    0 answers

  21. Phoca Gallery

    Здравствуйте!!! У меня не получается добавить изображение в Phoca Gallery. Загружаю фото на сервер по FTP. Все прекрасно, в админке в медиа менеджере она просматривается, а при добавлении в Phoca Gallery получается вот что: xxx (последняя фотография) Почему? Что я не так делаю? В локальной версии все отлично добавляется. (Извините, но ссылку вынужден убрать, потому что она уже не работает!!! Я все уже исправил и все работает нормально.)

    Asked by ankris,

    0 votes
    0 answers

  22. Photoshop

    Как мерить расстояние между элементами и как вырезать картинки из макета и сохранять их в отдельный файл.

    Asked by rpmcmerphy,

    0 votes
    24 answers

  23. Photoshop

    Скажите пожалуйста материалы по нарезке макета PSD из фотошопа,Как ,что правильно делать.Заранее спасибо!

    Asked by Andrue-Selen,

    0 votes
    3 answers

  24. PhotoShop hotkeys

    для начала поделюсь теми гор.клавишами которые сам часто использую. Список не полный, и многие все это знают, но тем кто только начинает пользоваться фотошопом может быть полезным. Инструменты: v Перемещение m Выделение i Линейка g Заливка b Карандаш t Текст Переключение между инструментами расположенными на одной кнопке левой панели инструментов: shift + i Переключение с линейки на пипетку и т.д. copy paste. ctrl + c скопировать выделенную область в буфер обмена ctrl + x вырезать ctrl + n открыть новое окно ctrl + v вставить из буфера ctrl + d снять выделение Изображение ctrl + alt + i Размер изображения ctr l+ alt + c Размер холста Найти нужный слой 1.v Выбираем инструм…

    Asked by rediskavet,

    0 votes
    4 answers

  25. photoshop, работа с psd - макетом, нужен учебник

    Сабж На русском

    Asked by torsar,

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