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. Mailto не заполняет формы

    Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…

    Asked by Strek,

    0 votes
    7 answers

  2. верстка DIV-ами, 2 слоя

    Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.

    Asked by Zeeeya,

    0 votes
    7 answers

  3. проблема с нестандартным шрифтом

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

    Asked by cyklop77,

    0 votes
    7 answers

  4. Непонятные отступы у текста в браузерах

    Создаём простенький 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" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…

    Asked by sifilis,

    0 votes
    7 answers

  5. как сделать вот такое?

    Asked by Маленьке Звірятко,

    0 votes
    7 answers

  6. Использование переменных в функции с animate

    Всем доброго дня! Остро встал вопрос о необходимости использования переменной для .animate в JQuery, а именно: $(".block").click(function(){ var y = '"top"'; $(".block").animate({y: "+=200"}, "fast"); }); Вышеуказанный код не работает. Если "y" заменить на "top" - работает, но мне нужна переменная. Пробовал разные варианты и не получается. Требуется ваша помощь, дайте наводку пожалуйста.

    Asked by Arinden,

    0 votes
    7 answers

  7. Как задать общий класс javascript объектам

    Здравствуйте! Извините за столь может простой вопрос. У меня таблица из тысячи строк и каждой персонально приписано <tr onmouseover="this.style.backgroundColor='#d6e5ff'" onmouseout="this.style.backgroundColor='white'"> Это доставляет определенные тормаза. Скажите пожалуйста, как я могу один раз прописать эти параметры и они присвоились всей таблице? Рад буду узнать более оптимальные способы. Спасибо.

    Asked by makemeunder,

    0 votes
    7 answers

  8. Проблема с менюшкой

    Верстаю шаблон под cms , возникла проблема в шаблоне в браузере chrome. Активный пункт меню отображается с острыми углами, а не округленными. при чем в опере все нормально отображается... Тема закрыта!

    Asked by dimma111,

    0 votes
    7 answers

  9. Выравнивание сайта по центру

    Здравствуйте (: Проблема в выравнивании сайта по центру. Ширина сайта - 1200px; Ширина шапки - 1600px; Сейчас так : body{ background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; } #conteiner{ position: absolute; left: 50%; margin-left: -600px; width: 1200px;} При этом : Шапка смещена px на 20 влево. При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя) На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо. margin:0 auto;Не работает совсем. Если писать background для div'a header, то…

    Asked by user135,

    0 votes
    7 answers

  10. Как загрузить в одном html файле несколько других html файлов?

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

    Asked by gadjet,

    0 votes
    7 answers

  11. Установка свойства объектов DOM при помощи CSS

    Столкнулся с такой вещью, что при задании у элемента <div>свойства через CSS, не получается потом воспользоваться значением этого свойства в операторе сравнения if языка javascript. То есть, выглядит так, что объекта DOM, с которым работает javascript не создается или свойство этого объекта не определено. Хотел при помощи скрипта javascript (оператор сравнения) выяснить - присвоено ли свойству display значение block. Выглядит так, как будто свойство не определено, хотя задается в CSS. Кто знает, в чем дело?

    Asked by webmos,

    0 votes
    7 answers

  12. less стили видит только мозила

    Добрый день! Осваиваю сейчас less и столкнулась с проблемой - только мозила корректно отображает страничку, остальные браузеры отображают без стилей. Они вообще не видят стилевые файлы с расширением .less Проверила настройки js в браузерах -включены. Да и другие скрипты нормально работают. Хром выдает ошибку: XMLHttpRequest cannot load file:///Web/TEST/test_style.less. Cross origin requests are only supported for HTTP. less.js:8Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101 Как можно решить эту проблему?

    Asked by F315,

    0 votes
    7 answers

  13. проблемы с размерами

    есть сайт, при уменьшении браузера, сайт превращается в кашу, помогите плиз http://borodino-ru.1gb.ru/

    Asked by ikutin,

    0 votes
    7 answers

  14. Фото галерея

    Доброго времени суток коллеги! Стоит задача сделать гламурный сайт для фотографа в стиле Wordpress, но только на своём движке. Суть заключается в следующем, что позиционирование фотографий нужно сделать вот так: http://pavelparshin.ru/portfolio-item/beauty/ Но без явы! Тупо, подобное позиционирование. на деле у меня выходит не шибко-складно. http://81.200.25.57/dot/templates/gallery (это опытный образец галереии) CSS: #gallery { margin:0 } #gallery .photo { width: 240px; min-height: 156px; max-height: 383px; display: inline; } #gallery img{ width:240px; vertical-align: top; margin:0 25px 25px 0; } #gallery img.expand:hover { opaci…

    Asked by oscora,

    0 votes
    7 answers

  15. вертикальное меню html сайта с разделами

    Как создать вертикальное меню html сайта с разделами и чтобы в них были много страницы с статьями? И нумерация была страниц более одной (в разделе), как это реализовано в ворлдпресс и других смс. Только на языке html Например есть код: <ul class="vertical-menu"> <li><a href='/раздел1/' class='button'>Сайтостроение</a></li> ... </ul> <li><a href="#1" title="Главная">Главная</a></li> ... </ul> Какую ссылку подставлять под /раздел1/, или #1" title. Или просто вставлять новые ссылки (статьи) в соответствующий разделу (#1, #2,) документ html. Хочется чтобы было красиво и более автоматически, а не…

    Asked by dao742,

    0 votes
    7 answers

  16. Таблица с горизонтальным скролингом

    Есть таблица: <table style="width: 100%;"> <tr> <td style="width: 28%; min-width: 200px;"> SOME DATA </td> <td> <table> TABLE DATA </table> </td> </tr> </table> В вложенной таблице ширина и количество данных не известно и поэтому может не уместится в ширину. Хотелось бы чтобы прокрутка была не страницы, а ячейки первой таблицы. Как такое можно сделать? Спасибо за помощь.

    Asked by deevil,

    0 votes
    7 answers

  17. Проблема с каруселью

    Добрый день! Может кто сможет помочь с моей проблемой, на Word Press поставил стандартную карусель из Bootstrapa, всегда она работала просто идеально, а сейчас начался какой-то бред, слайды идут непонять как (первый идет нормально, второй пустой, потом выползает обрезанный и расширяется до нормального состояния, и все это приводит к прыганию контента) Пытался что-нибудь проверить с помощью Firebug, но он мне показал что какая-то ерунда со слоями, вроде навожу мышку на слой с текстом, а фаербаг показывает что ему кажется этот слой ниже...Никогда такого не было. В принципе на картинке видны обе проблемы Может кто с этим встречался? Или примерно знает как исправить?

    Asked by Sorp,

    0 votes
    7 answers

  18. Как узнать пропорциональность

    Есть PSD макет шаблона для верстки. Но Т/З к нему нету. Имея лишь шаблон, можно ли как-то с помощью программы узнать точный размер деталей на PSD макете. Про ОС: Использую Linux Ubuntu. Редактор изображений - GIMP.

    Asked by ohinem,

    0 votes
    7 answers

  19. PHP классы

    День добрый. Объясните пожалуйста, а лучше дайте ссылку почитать, можно и на инглише, почему в результате выведется 1 class a { public $r=1; public function save() { $this->r = 2; } } class b extends a { public function view() { echo $this->r; } } $a = new a(); $b = new b(); $a->save(); $b->view();

    Asked by youmay,

    0 votes
    7 answers

  20. Проблема с кодировкой

    Привет. Подскажите что за проблема у меня такая, вот сайт http://vsja4ina.tw1.ru/ в хроме, опере, ИЕ открывается нормально но в фаифрксе открывается голый код вместо странички пошамагил с кодировкой и в UTF-8 когда сохраняю фаирфокс все отлично открывает но хром отказывается видеть стили сохарняю в юникоде и все возращается обартно. в чем может быть проблема? и это появилось поле последнего обновления хрома

    Asked by bugatti,

    0 votes
    7 answers

  21. Выравнивание элементов

    Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…

    Asked by Vov4uk,

    0 votes
    7 answers

  22. position: absolute; Хорошо или плохо?

    position: absolute; Хорошо или плохо? Без контекста, в общем. Почему да? Почему нет? Почему можно и нужно, а почему не нужно и нельзя?

    Asked by user135,

    0 votes
    7 answers

  23. <img> background

    Здравствуйте, подскажите пожалуйста... Имеется на странице блок по центру с минимальной min-width и максимальной max-width шириной. Внутри блока, панорамная картинка с фиксированными размерами: <img src="head.jpg" alt="" height="487" width="1260"> В css правило чтобы картинка <img src... автоматически подгонялось под размеры внешнего блока (уменьшается увеличивается картинка в зависимости от монитора) img { height: auto; width: 100%; } Как же сделать тоже самое только в место <img src= прописать правильно background в css? Химичил-Химичил получалось только фиксированные фоновый рисунок... ————-- При регистрации я впервые в жизни мельком прочитал пра…

    Asked by Телевизор,

    0 votes
    7 answers

  24. Задать размеры картинок так, чтобы их ширина была не больше ширины колонки таблицы

    Здравствуйте, Давно не практиковался в резиновой верстке и тут меня настигла следующая проблема. http://krytim.ru/shop/ - здесь есть код, о котором пойдет речь. Основная часть страницы занимает 70% ширины браузера, оставляя по 15% по бокам. Это делается через след блок: .wrapper { margin: 0px auto; min-width: 1000px; width: 70%; } И еще 280 пикселов под правый контейнер (панель): .contain { padding-right: 280px; } У части с товаром забирается еще по 20 пикселов по бокам #dle-content { padding: 0px 20px; } В итоге на узких мониторах остается 680 пикселов под 3 колонки товаров, учитывая отступы ячеек = 665 пикселов или почти 222 пиксела на картинку. Оригинальная ширин…

    Asked by olegsuv,

    0 votes
    7 answers

  25. И снова верстка рассылок

    Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?

    Asked by sjinks,

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