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

  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. Фотогалерея

    Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…

    Asked by lapwing,

    0 votes
    4 answers

  2. DIV не больше заданой ширины

    Приует всем! Мне нужно создать див, чтоб он был не больше 1600пикселей, но мог быть меньще, не подскажите куда мне смотреть или тыкните носом как это можно реализовать.

    Asked by lamaka,

    0 votes
    6 answers

  3. DIV являеться родителем для другого DIV

    Форумчане выручайте! Например к описанию свойства margin идет следующие Если я применяю данное свойство к DIVу который находиться в другом DIVe, то отступ идет в обоих дивах. Как мне сделать, чтоб первый див был родителем для другого дива находящегося в нем?

    Asked by lamaka,

    0 votes
    3 answers

  4. Возможно ли отцентрировать страницу по вертикали?

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

    Asked by Belovsan,

    0 votes
    28 answers

  5. margin рассчитывается не от родителя

    margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…

    Asked by Arn,

    0 votes
    2 answers

  6. У таблиц отрывает голову

    Доброго времени суток. Есть страничка - http://beavers-net.narod.ru/ie_vs_tables.html http://beavers-net.narod.ru/style2.css - стили страницы. верстка вся табличная и табличка разъезжается постоянно, несмотря на проставленные значения border: none; border-collapse: collapse; padding:0; margin:0; table.article_header{ padding: 0; margin: 0 auto; border: none; border-collapse: collapse; height: auto; width: 90%; text-align: left; vertical-align: top; margin-bottom: -40px; /*overflow: hidden;*/ } table.article_header tr td{ background: #dadada; padding: 0; margin:0; border: none; } Ну и второстепенно - в ие выпадающий список постоянно куда-то вправо уезжает пр…

    Asked by tt48,

    0 votes
    4 answers

  7. IE6. jScrollPane ломает работу DD_belatedPNG.fix

    Привет всем. Есть такая вот страничка: http://yamble.ru/projects/zewa/production.html Очень важно было клиенту заменить системный скролл на кастомный, хорошо. Но сейчас появилась проблема везде, где есть скролл, если там есть любая PNG картинка то в IE6 она становится просто с белым фоном, не прозрачная, хотя скрипт DD_belatedPNG.fix у меня подключен и прописаны условия, я проверял, отключив jScrollPane.js — PNG становится прозрачным.. Вряд ли кто сталкивался с подобной проблемой.. но может есть какие-нибудь идеи, как можно пофиксить эту багу. Заранее спасибо.

    Asked by Sotnikov,

    0 votes
    12 answers

  8. не работает hspace и vspace в mozille

    Коллеги, прошу подсказать как быть в ситуации: есть картинка, вокруг картинки задана белая рамка с помощью css: #author {padding:10px; border:2px solid white;}. В тэге картинки стоят атрибуты hspace и vspace по 5px. В IE (!!!) текст отодвинулся от рамки как положено, а в mozille прилип. Если делать padding-right и bottom, то картинка уезжает от рамки, а рамка стоит на месте, прилипшая к тексту!

    Asked by uncleChalex,

    0 votes
    7 answers

  9. Верстка табов

    Подскажите как правильнее сверстать такие вкладки: http://pics.livejournal.com/happi_net/pic/0000p6sh/ чтобы каждая следующая вкладка ложилась под предыдущую чтобы вся вкладка была ссылкой и чтобы ссылки еще не перекрывались у меня проблемы именно с этим перекрывающими уголками, получается ссылка накладывается поверх следующей вкладки и еще каждой вкладке приходится прописывать свой z-index, что не делает код универсальным памагите!

    Asked by Na-na,

    0 votes
    6 answers

  10. Множественные классы на одном элементе в IE6

    На странице http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx про совместимость браузеров IE увидел такое выражение "Prior to Internet Explorer 7, there was a two-class selector limit per element". Что она значит? Если имеется ввиду такая конструкция <div class="name1 name2 name3">text</div> то IE6, как я мог увидеть на тестах, справляется с такими селекторами. Объясните, кто знает о чём речь идёт.

    Asked by clavin,

    0 votes
    13 answers

  11. Joomla 1.5 и FireBoard

    В менеджере модулей (назначение меню) не получается исключить остальные меню в позиции left для открытия форума по всей ширине, может что-то не так делаю (что и в каком модуле нужно выбрать из списка). В общем поставил открывать в новом окне без навигации - тыкаю на форум - открывается по всей ширине страницы, тыкаю там в пункт меню - форум вместе с остальными левыми менюшками открывается. Шаблон делал в Artisteer 2, дорабатывал в Adobe Dreamweaver CS3 Прошу, не забывайте, что форум называется "Для новичков"

    Asked by victorz,

    0 votes
    19 answers

  12. Позиционирование блока относительно родителя и IE6

    Возникла следующая проблема: для создания фонов задана структура html-body-div1-div2. Div2 позиционируется абсолютно относительно Div1. Футер прибит. Во всех браузерах все нормально, кроме IE6. В нем Div2 позиционируется относительно body и получается, что нужный фон не растягивается как надо. Вот код для этих блоков: html, body { height:100%; } html { font-size: 100%; background:#a2a1a1 url(text_bg.gif) top left repeat; } body { margin:0; font-size:10px; color: #000; font-family:Arial, Helvetica, sans-serif; } .shadow { background:url(bg.gif) repeat-y center top; min-height:100%; height: auto !important; height:100%; position:relative; } .bac…

    Asked by Maha,

    0 votes
    6 answers

  13. Версия для печати

    Всем привет. Снова требуется помощь зала. У меня есть таблица, количество отображаемых колонок в ней зависит от разрешения экрана пользователя, вот хочу распечатывать подобную таблицу. Как это сделать? Самое первое что приходит в голову, в версии для печати делать всегда к примеру 3 колонки (чтобы ширина не превышала скажем 700 пх) и не париться, но что то подсказывает мне что не все так просто. Буду очень благодарен за любую инфу ибо в интернетах ничего толкового на эту тему не нашел. Спасибо

    Asked by maximspb,

    0 votes
    3 answers

  14. выотса в зависимости от количества строк

    Как можно кроме как таблицы сделать одинаковое расстояние до картинки, чтобы картинки были на одном уровне? мне пока только таблица пришла на ум, и возможно с помощью js смотреть высоту. В конце <li> имеется картинка. Есть какие то способы как можно растянуть этот треугольник? я подумал пока о том, чтобы внутрь <li> запихнуть <div> например, прибить его в правый угол, в <div> картинку, и растягивать этот <div> на высоту <li>. картинку ограничить в длине, а по высоте пусть тянется. сомнительно правда как то.

    Asked by npofopr,

    0 votes
    8 answers

  15. Выпадающее меню

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

    Asked by jemes5,

    0 votes
    4 answers

  16. Как подогнать фон сайта под разные разрешения экрана

    Здравствуйте! Заранее прошу прощения за скорее всего тупой вопрос, но как сделать, что бы фон сайта (<body background="image.jpg">) правильно отображался под разные разрешения экрана? Я правильно понимаю, что есть только один способ - поместить картинку по центру и прилегающие края сделать из того же, что в картинке цвета?

    Asked by Alex777,

    0 votes
    7 answers

  17. форматирование внутри option

    Здравствуйте, помогите кто знает: Внутри элемента списка option часть текста выделить полужирным и выровнять ее по правому краю.

    Asked by Vlad_P,

    0 votes
    3 answers

  18. Проблема с наслаивающейся вёрсткой div'a

    Схематичное изображение проблемы: изначальное состояние сайта: Далее я хочу вставить ещё один div поверх предыдущих( относительно diva в котором лежат div1 и div2 - чтобы в случае разных разрешений и боковых отступов мой div3 всегда был на одном месте) вот так: Код css для моего "div3": div#phone { position: relative; top: 307px; left: 796px; z-index: 4; height: 48px; width: 204px; background: url("images/phones1.jpg"); } в итоге получается вот такая фигня: Помогите плз как исправить проблему или как по другому засунуть рисунок не изменяя положения остальных элементов.

    Asked by radon,

    0 votes
    8 answers

  19. Подчеркнуть текст в кнопке

    Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом : form input[type="submit"] { background: none; border: none; cursor: pointer; font-size: 14px; padding: 3px 0 0 0; color: black; } Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.

    Asked by prowoke,

    0 votes
    11 answers

  20. Разъезжается таблица в ie - помогите пожалуйста.

    Здравствуйте. Делаю свои первые шаги в html и совсем чайник в CSS. В нстоящий момент мне нужно сделать главную страничку на этом сайте интернет магазина продающего аэрогрили Проблема следующая - на главной странице есть таблица с товарами - фотки, названия, цена и описания. Вот эта таблица выглядит нормально в Firefox но разъезжается в ie (ячейки не 3 в ряд стоят а опускаются ниже). Я пробовал увеличивать их длину и ширину - не помогает. Что можно сделать в данной ситуации? Вот изначальный код который отвечает за эту таблицу (движок shop-script): <table align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <ul class="product_list"&g…

    Asked by astalavista,

    0 votes
    4 answers

  21. Выделить input, не сбивая дефолтной браузерной темы

    Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь просто…

    Asked by SelenIT,

    0 votes
    9 answers

  22. Разрывы между строчками таблицы

    Господа, помогите разобраться с проблемой. Между строчками таблицы под Оперой и Мозилой появляются разрывы. никак не могу понять, в чем дело. Вроде все паддинги и маргины установлены в 0. В ИЕ отображается нормально. Заранее спасибо.

    Asked by arseniy-at-home,

    0 votes
    3 answers

  23. Проблемы вёрстки списка

    Приветствую ! Есть проблема: верстаю вертикальный список с маркером в виде картинки. Однако, ни в Опере, ни в Хроме маркеры не отображаются посередине своего элемента списка. Вот как показано на картинках (1-я картинка - Опера, 2-я - Хром). Пробовал способ задать картинку-маркер в виде фона для элемента списка. Однако, вот что происходит, когда слишком длинный текст: т.е. если элемент списка слишком длинный, то маркер становится посередине элемента. Так вот, расскажите, как сделать при помощи первого способа так, чтобы маркер одинаково посередине отображался во всех браузерах ?

    Asked by dimacat,

    0 votes
    9 answers

  24. градиент краев сайта

    Подскажите как сделать фоновый рисунок (тень от основного контента ну и дракончики). пока что в мыслях только сделать две обертки. первой обертке левую сторону градиент сделать беграундом повторяющимся, и второй для правой стороны. или проще сделать одну линию на всю ширину? а дракончиков... можно в принципе сделать одной картинкой и в боди ее положить беграундом. сайт фикс. пробовал для обертки делать box-shadow, но тень тогда уходит во все стороны =) а надо только по бокам. PS: полоска в центре это контент =)

    Asked by npofopr,

    0 votes
    3 answers

  25. Как сверстать градиентные полоски для hover?

    Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}

    Asked by maerrry,

    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