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. Обтекание картинок

    Подскажите, почему некоторый картинки, с выравниванием по краю, не вливаются в текст , а идут как-бы отдельным абзацем? Пример тут

    Asked by fowl,

    0 votes
    1 answer

  2. непонятный отступ

    помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло

    Asked by cyklop77,

    0 votes
    3 answers

  3. Помогите с верстой меню

    Помогите разобраться. Есть меню - выглядит оно следующим образом: А в IE оно отображается так: В style.css меню описано так: #mainmenu{ background-image:url(images/bg-mainmenu.gif); background-repeat:no-repeat; width:920px; height:39px; position:relative; } #mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;} #mainmenu ul li{ float: left; padding:10px 0px 9px 0px; color:#ffffff; background-image:none; position:relative; left: 52px; overflow:hidden; border-right:1px solid #f4f4f4; border-style: dotted; } #mainmenu li:first-child { border-left:1px solid #f4f4f4; border-style: dotted; } #mainmenu ul li a, #mainmenu ul li a:visited…

    Asked by Aleksey_k,

    0 votes
    5 answers

  4. джаваскрипт

    Привет всем кто заглянет в содержание топа в html 4.01 и css вроде как освоился и нормально могу читать литературу и что то оформлять вот только недают мне покоя джаваскрипт и другие нужные красивости хотел почитать по html5 но туда лезть без базового знания сценариев как то боязно кто может посоветовать курс подобный тому что можно найти на htmlbook курсы html xhtml css при набивании головы информацией они мне очень помогли... С чего начать за что ухватиться при освоении основ джаваскриптов где можно посмотреть примеры и какую литературу зашел в раздел форума посвященный JavaScript но то ли я такой тупой то ли полезные ссылки выводят на крутые ресурсы нуж…

    Asked by Bobikys,

    0 votes
    5 answers

  5. Проблемы с отображением html-письма в mail.ru

    Здравствуйте! Помогите, пожалуйста, разобраться с проблемой - первый раз имею дело с версткой писем. Письмо (код ниже) отображается нормально не во всех email-клиентах. Самая большая проблема - с mail.ru. Практически каждый элемент mail оборачивает в тег <p></p>, в результате чего появляются огромные отступы. Как это лечится? Заранее спасибо. <!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></title> </head> <body bgcolo…

    Asked by eg0zer0,

    0 votes
    2 answers

  6. Проблемы с отображением текста в IE

    Всем доброе утро! Столкнулся с проблемой в IE. Может кто знает решение? HTML: <div class="banntextcen"> <span class="nameproduct">Набор для наращивания ногтей</span> <span class="starcen">4999 руб</span> <p class="cenaacc">3199 рублей</p> <span class="dostav">Доставка бесплатно</span></div> CSS: .banntextcen {width:256px; height:96px; position:absolute; top:20px; right:16px;} .timeracc {width:200px; height:67px; position:absolute; right:70px; top:128px; font-size:16px; color:#4a4a4a} .nameproduct {display:block; font-size:16px; color:#0074a4; } .starcen {margin:30px 0 0 0; display:block; text-decoration:li…

    Asked by Aidakaev,

    0 votes
    1 answer

  7. DOCTYPE влияет на размер шрифта

    Ковыряю шаблоны одного бесплатного форума. Валидатор выдал кучу ошибок. Решил удалить DOCTYPE вообще и не ломать голову, но на форуме увеличились шрифты. Эксперименты показали, что шрифт увеличивается при указании несуществующего DOCTYPE. Как такое может быть? Другие элементы стилей не меняются. Было бы понятно, если изменялась "нарезка" из-за разной интерпретации width. Но почему меняется шрифт? Пример форума с подобным шаблоном _http://www.lych.ru/forum/viewtopic.php?f=2&p=1 А на этом такого не наблюдается _http://dom-i-k.ru/forum/viewtopic.php?f=2&t=1

    Asked by skvor,

    0 votes
    6 answers

  8. как верстать почтовую рассылку

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

    Asked by cyklop77,

    0 votes
    1 answer

  9. Новые селекторы в CSS для новичка.

    Здравствуйте, просьба помочь разобраться с такой штукой - что это за символ такой в CSS ">". Встретился такой вот код: .navbar-medium .nav > li > a { margin: -5px 0; padding-bottom: 15px; padding-top: 15px; } Я конечно погуглил и примерно выяснил что это означает, но был безмерно удивлен таким "тэгом", поскольку вижу его впервые. На htmlbook'e я информацию по нему не нашел, хотя ХТМЛБУК для меня как библия ). Поясните если не тяжело откуда это взялось и где о нем можно почитать. Заранее спасибо за ответы.

    Asked by cloud2006,

    0 votes
    2 answers

  10. слайды, на 3ее изображение сдвигается вправо

    в общем дело такое! идут слайды, первые 2 нормально попадают в рамку, потом поплыло... 3й, 4й сдвигаются за границу вправо и видно кусочек предыдущего слайда, гуру как убить баг?) http://jsfiddle.net/aKjqz/

    Asked by gladyshef,

    0 votes
    0 answers

  11. индексирование страниц

    У меня есть страница adenovirus.php в которой шаблонные части добавляются через require. Сама страница допущена к индексации, а файл шаблона, который добавляется в страницу, лежит в папке запрещенной к индексированию. Будет страница adenovirus.php проиндексирована полностью вместе с подгружаемыми частями шаблона?

    Asked by apexis,

    0 votes
    0 answers

  12. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  13. Изменение прозрачности

    Добрый день, возникла вот такая проблемка: Допустим есть вот такая конструкция <input type="text" class="fade" name="login" id="login" /> input{ border:1px solid red; color: #747474; background: url('image.png') no-repeat; } $(function() { $(".fade").css("opacity", "1"); $(".fade").hover(function () { $(this).stop().fadeTo(300, 0.65); }, function () { $(this).stop().fadeTo(300, 1); }); }); Прозрачность в итоге применяется ко всем свойствам(border,color,background) , можно ли как-то применить opacity только к backgroud? Заранее спасибо!

    Asked by inex,

    0 votes
    13 answers

  14. неправельное отображение

    Добрый день, есть сайт http://ilovepanda.com.ua/index.php/malchiki2/bruk/polukombinezon-sinij-detail, когда наводишь мышь на меню над картинкой, например на меню девочкам, то картинка товара находится над меню, а должна быть под меню. помогите где это исправить?

    Asked by lindim,

    0 votes
    2 answers

  15. Под что заточены CMS

    Вот собственно давно у меня назрел такой вопрос: "Подо что заточена каждая конкретная CMS"? У каждой свои плюсы именно в реализации чего-то конкретного. Вот Вордпресс, к примеру, считается, что заточен под блоги. Джумла - хороша своей универсальностью и как правило под небольшие и средние проекты. Битрикс - хорошо подходит под порталы, новостные сайты, интернет магазины. А вот такие CMS как MODx, к примеру? Если знаете, вкратце ответьте подо что заточены именно эти CMS, и в каких случаях их выгоднее всего использовать: 1) MODx 2) Drupal 3) UMI (вот уж где бестолковая система, так и не понял, в чем ее преимущество. Но это мое скромное мнение) 4) Data-life Engine 5) NetCat …

    Asked by Imperil,

    0 votes
    11 answers

  16. Одинаковое отображение текста во всех браузерах

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

    Asked by Light,

    0 votes
    4 answers

  17. Создание комментfриев на сайта html

    Здравствуйте, как можно реализовать комментарии на html сайте c использованием php (или на php странице) Например есть форма <body> <tr> <td> <form action=mail.php method=post> Ваше имя<br><input type=text name=name size=30><p> Комментарии<br><textarea name=mess rows=10 cols=50></textarea><p> <input type=submit value="Отправить сообщение"> </form> </td> </tr> </body> Нужно еще соединение с БД и соответствующий скрипт? Как можно попроще это реализовать (кроме сторонних разработок, например disqus).

    Asked by dao742,

    0 votes
    4 answers

  18. Артефакты на анимации

    В swishmax 4 создал небольшую .swf анимашку банер (стикер с акцией, что мусор за 2700р справа в блоке). Работаю в Linux и у меня в хромиуме, фаерфоксе и опере все пучком. А вот с других компьютеров, где виндовс стоит на анимации какие-то непонятные белые артефакты появляются. http://argamakspb.ru Вот код: <p style="text-align: center; "><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" data="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf" height="232" id="dasha-project" width="230"><param name="movie" value="http://argamakspb.ru/sites/all/themes/pixture_reloaded/images/sticker.swf"><param name="qua…

    Asked by xSPiRiTx,

    0 votes
    4 answers

  19. Ширина страницы при печати

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

    Asked by Yudik,

    0 votes
    1 answer

  20. Стандарты по кастумизации radio, checkbox и scrollbar

    Всем здраствуйте. Ребят не подскажите идут ли какие либо движения в стандарта css по нормальной кастомизации radio, checkbox и scrollbar?

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  21. Помогите побороть INPUT

    вот собственно креатив: http://jsfiddle.net/pbj5S/ надо сделать так, чтобы инпут выглядел точно как зеленый див, т.е. чтобы тянулся в зависимости от ширины контейнера и отступ справа был пытался двумя вариантами, в первом при position:absolute и left:0; right:40px; его ширина почему то не настраивается автоматически - кто знает, почему? во втором настроил контейнер (синий) и в нем задал для инпута ширину 100%, но паддинги выталкивают его вправо (((( помогите, кто шарит!!!

    Asked by registerers,

    0 votes
    6 answers

  22. css-спрайты (можно ли сделать?)

    Существует такая вещь как css спрайты. Я задался вопросом, можно ли с помощью одного изображения-спрайта сделать двойной фон для элемента неизвестной ширины и высоты, так чтобы одна часть изображения была вверху слева, а другая внизу справа. Условный пример того, что я хочу сделать, можно увидеть здесь. здесь две кавычки сделаны двумя отдельными фоновыми изображениями. Можно ли их совместить в одно изображение? Учитывайте, что ширина и высота элемента для фона может быть любой и изменяться от ресайза. Я рассмотрел этот вопрос и мне кажется, что это невозможно. Решил спросить у профессионалов, можно кто знает CSS-хитрость?

    Asked by clavin,

    0 votes
    2 answers

  23. Кодировка

    всем привет с вами опять я на сайте в кусе по html 4.01 да и в большей части сайтов используется кодировка utf-8 я конечно понимаю для чего это ... впринципе она является более универсальной не то что в частности windows-1251 только вот в чем беда как бы я не старался мой текстоввый редактор Notepad++ отказывается видимо преобразовывать и сохранять документ используя кодировку utf-8 да он преобразует значения в другой вид после сохранения и указанного атрибута charset="utf-8" в документе хтмл все равно видны вопросики вместо текста но вот когда вообще не преобразую ничего и указываю или указываю charset="windows-1251" браузеры отображают страничку как полагает…

    Asked by Bobikys,

    0 votes
    3 answers

  24. Красная строка при тэги br

    У меня чет поиск не заработал на форуме.. Поэтому тему создал) Хотя в принципе искал в поисковике трабл не нашел.. Смысл проблемы! Красная строка это очень просто #content p { text-indent:14px; } Но!! В тексте есть переносы с помощью <br/> ВОт тогда эта штука не работает! Как сделать отступ красной строки для тэга <br/>

    Asked by Demon_gms,

    0 votes
    4 answers

  25. Background

    Здравствуйте. Задал Background в css у body. Размер Background 2000x1197. На некотором участке картинки есть нарисованное место, куда нужно с помощью уже слоя div поместить другую картинку. Поместил, но тут и оказалось, что на широкоформатнике положение у div другое, что и естественно. Возможно ли div как то расположить так, чтобы во всех мониторах он был на нужном месте?

    Asked by immortal2305,

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