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. разчленение контента по страницам

    Комрады, доброго здоровья. Наверняка сталкивались. Будет большой такой список товаров позиций 200, представляете как уедет сайт вниз - да и размер старницы большой. Хочется чтоб при добавлении контента если он превысил заданную величину, этот самый контент переносился на другую страницу (пример). Я бы и ручками разбил на станицы, но приходится что то добавлять , что то удалять - это будет муторно. Может кто знает о этих вещах или название скрипта подскажет или поделится своим опытом - я буду признателен вам за это. Спасибо за внимание

    Asked by getalusk,

    0 votes
    2 answers

  2. Немного не понял

    Читая статью Идентификаторы и класс увидел следующее: Это действительно так, что идентификатор в коде html должен использоваться один раз? Или я не так понял? Тогда про что там пишется? Всё, понял о чём шла речь. Тупанул Вот, возник тут ещё один вопрос. При групировании селекторов нужно ли к Идентификаторам добавлять символ #, а к классам .? Ап.

    Asked by Feers1de,

    0 votes
    2 answers

  3. Проблема с вёрсткой CSS кнопок

    Есть такой сайт с двумя CSS стилями. Необходимо их объединить в один. Я это сделал, но у меня не хочет теперь отображатся цвет посещённой ссылки. Помогите решить проблемму. Ещё, по другому начал отображатся стиль при нажатии.

    Asked by and_zheltukhin,

    0 votes
    2 answers

  4. css выподающее меню

    В выпадающем меню верхняя часть каждой кнопочки не кликабельная. Хочется сделать возможность клика по любой части кнопки, желательно без js. Вот меню И код: .top-menu{ list-style:none; padding:0; margin:0; margin-top:0px; text-align: right; position: relative; } .top-menu li { float:left; height:33px; padding:0; margin:0px; margin-left:5px; width:150px; text-align:center; background:#333; position:relative; padding-top: 12px; border-radius: 5px 5px 0 0; } .top-menu li ul{ list-style:none; padding:0; margin:0; width:150px; display:none; position:absolute; z-index:999; left:0; top:45px; } .top-menu li ul li{ float:none; height:33px; margi…

    Asked by WonderMNS,

    0 votes
    2 answers

  5. Расширение td на всю tr

    Имеем таблицу с несколькими tr, в каждой из них по два td, а в одной всего один td. Я предполагал, что он будет расширяться на всю tr, ан нет - он ширится только до того места, где стоят вторые td в других tr. Но если второго td нет, почему же один td ведет себя так, как будто в tr их два? Если задать этому "одинокому" td ширину вручную, то он двигает все td и растягивает таблицу. Как заставить единичный td игнорировать несуществующий второй td или хотя бы расширяться на всю ширину tr без сдвигания вторых td вправо? Привожу код: <table> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td&…

    Asked by Squidward,

    0 votes
    2 answers

  6. Вертикальное выравнивание в IE

    Добрый день. Вот уже два дня маюсь, не могу найти решение проблемы. Помогите, пожалуйста! Выровнять по вертикали ссылку. Надо решение только для IE. Вот что у меня есть. Использовать приведённую структуру тегов. <html> <head> <title>Меню</title> <style> *{ padding: 0; margin: 0; } .pynktOsnovnogoMenu ul li{ width: 200px; height: 50px; text-align: center; background-color: #FFFA91; } .pynktOsnovnogoMenu a{ width: 100%; height: 100%; } .pynktOsnovnogoMenu a:hover{ background-color: #FAF101; } </style> </head> <body> <table> <tr> <t…

    Asked by rbelko,

    0 votes
    2 answers

  7. многоколоночный текст

    как реализировать для ие? прочитал что есть скрипты которые автоматически делают это но их не нашел!! нашел решение на http://www.xiper.net/collect/js-plugins/content/multi-column.html но у меня почему то не работает! пасиба за ваши старания

    Asked by dostel1,

    0 votes
    2 answers

  8. Заголовок (h1)

    Спасибо, помогли

    Asked by lolka84,

    0 votes
    2 answers

  9. вопрос по скрину

    здравствуйте! Вставил картинку в виде ссылке и чуть ниже расположил текст. Все это в таблице из двух строк. Но поганый отступ,который образует ссылка всё портит, как его убраить? Вот иллюстрация проблемы:

    Asked by Lucifer,

    0 votes
    2 answers

  10. Переключение фреймов в одном окне

    Есть ли код/яваскрипт, позволяющие переключать фреймы, находясь при том на одной и той же странице? Поясню: нужно сделать пять ссылок на одной странице, при нажатии на определенную во фрейме на странице появляется другая страница... как-то так

    Asked by laird,

    0 votes
    2 answers

  11. Двойной фон.

    Доброго времени суток! Делал страничку и застопорился на решении такой задачи: Есть div-контейнер внутри которого размещается контент: от текста до видео, главное, что по высоте и ширине он фиксирован. Контент должен быть размещён на двойном фоне: внизу контейнера - одиночная текстура фиксированного размера, остальное пространство заполняется другой текстурой с repeat-y. "Шов" не должен влиять на поведение текста, поэтому таблицы отпадают. Текстуры с прозрачностью, поэтому наслоение друг на друга недопустимо, пара вложенных div'ов не подходит. Высота должна вычисляться на основе контента, поэтому жёсткое задание размеров + абсолютное позиционирование также отдыхают. Что …

    Asked by vikentiy18,

    0 votes
    2 answers

  12. Последовательность загрузки контента сайта

    При загрузке сайта, первый начинает грузится слайдер(это заметно при маленькой скорости интернета) т.е. сначало картинки грузятся в столбик(список ul), только потом в слайдер. www.picnic-abakan.ru

    Asked by Bandyy,

    0 votes
    2 answers

  13. Не работают стили для div

    Есть div-елемент вроде хедера . В нем задан фон(картинка) . Внутри этого елемента должно быть еще 4-и елемента (переключатель(разделитель)страниц и три тега <p>) Кадый едемент я взял в div и задал ему стиль. И так сам корневой div отбражается коректно(имеет position:reletive;) , пока в него не вставить другие . После этого он сежджает немного вниз. В это время сами елементы (те которые внутри) имеют значение position:fixed; Чтобы корневой div не сежджал в низ ему тожэ присваеваю position:fixed . Но тут другая проблема. Весь контент снизу начинает его перекрывать. Чтобы исправит это , делаю поверх него пустой div с position:reletive . Но снова неудача так как пустой …

    Asked by Vandeko,

    0 votes
    2 answers

  14. Проблема с padding

    Добрый вечер! При выставлении параметров padding левая колонка наезжает на центральную. Не пойму в чем дело. Подскажите, пожалуйста. Мой сайт + код ниже .sidebar1 { padding: 15px 15px 10px 10px; float: left; width: 20%; height: 100%; background: #d3de97; padding-bottom: 0px; background-image: url(); } .content { padding: 0px 0; width: 60%; float: none; margin:0 150px 0 180px; background: #e4ecb8; padding-bottom: 0px; background-image: url(); }

    Asked by st2b,

    0 votes
    2 answers

  15. margin-right:-100%

    В этом примере, в слое с классом leftblock margin-right:-100% (видимо для резины??) Как понять margin-right:-100% ??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  16. Какое разрешение брать за основное при верстке?

    Подскажите пожалуйста ответ на такой вопрос: у меня есть шаблон сайта(картинка), которую необходимо перевести в верстку. Как правильно определить размер всех объектов? Я, например, беру за эталон разрешение 1024*1280, масштабирую по 100% ширины и нарезаю. Это верный путь?

    Asked by Foress,

    0 votes
    2 answers

  17. Страница на базе 960gs - в IE6-8 не обображается полность.

    Проблема такая - сверстал на базе 960gs страницу dvorec-online.ru/test2 В IE9, FF, Opera, Safari все ок, а вот в более ранних IE грузится только полстраницы (аккурат после баннера ничего нет) W3C серьезного криминала как я понял не находит. <!DOCTYPE HTML>. Грешил на удваивание margin старыми IE (должно лечиться float:left - ноль реакции). Сам 960gs никак не модифицировал. В какую сторону еще посмотреть? Заранее спасибо.

    Asked by antandr,

    0 votes
    2 answers

  18. подвал уползает вниз

    помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

    Asked by cyklop77,

    0 votes
    2 answers

  19. Помогите правильно вписать блоки

    Приветствую. Помогите пожалуйста разобраться! Дело в том что, если в ниже приведенном коде, убрать параметр "height" из блока "top", то сам блок куда то убегает (попробуйте для наглядности), хотя в него вписаны еще два блока. Если убрать параметр "float" в блоках, вписанных в блок "top" то все нормально, но обтекание мне очень нужно. Вопрос: Как сделать так чтобы блок "top" выравнивался по высоте, пропорционально вписанному в него контенту? А если проще, как исправить вышеупомянутый косяк? Желательно средствами CSS, так как JS не знаю вообще. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <he…

    Asked by persssik,

    0 votes
    2 answers

  20. помощь с jquery

    решил создать сайт с биографическим содержанием. Нашел плагин jquery "Circular Content Carousel". Итак, мне нужно, чтобы эти блоки умели передвигаться как в плагине "jquery elastislide" ну и наконец - панель управления(или "админка"), чтоб можно было создавать, редактировать описания этих животных, вставлять картинки и т.п. ну в общем все как у людей. А так, без админки можно только вручную в кодах вставлять описания и самому кидать изображения в папку images,потом на них ссылки писать и т.п- это, знаете ли, требует много сил и нервов. p.s на самом деле, я хочу таким образом выкладывать биографии людей, а не этих зверюшек) help me obi van kenobi!

    Asked by qeemiho,

    0 votes
    2 answers

  21. Помогите разобраться с таблиуей

    Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…

    Asked by litehause,

    0 votes
    2 answers

  22. Отступ после reCAPTCHA

    Имеется два, прилегающих друг к другу, блока ... <DIV id="content"></DIV> <DIV id="footer"></DIV> ... #content { width: 729px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; background: url(contentfon.png) repeat-y; } #footer { width: 789px; height: 20px; margin: 0 auto; background: url(footer.png) no-repeat; } При вставке в первый (верхний) блок reCAPTCHA, в некоторых браузерах (Chrome и Safari) между блоками появляется отступ. Как его убрать? Вставляемый код reCAPTCHA: <script type="text/javascript" src="'. $server . '/challenge?k=' . $pubkey . $error…

    Asked by vtg,

    0 votes
    2 answers

  23. Проблема с SWF (флешь ролика) при верстке, происходит белый скачок

    Всем добрый день коллеги, столкнулся с такой проблемой при верстке: При загрузке флешь ролика (.SWF) происходит моргание белым цветом (если не моргнет попробуйте в другом браузере) далее ролик начинает играть. Вот тут вот сама проблема: http://andersstilleben.com/ Сразу отвечу: в ролике белого цвета нет вообще, только черный: #000000 Бит рейт SWF ролика при компиляции 18 кадров, также делал 36 фреймов, проблема не в ролике 100% Проблема наблюдается в бразуерах: Opera, Safari, Chrome и вроде в некоторых IE Код index.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/19…

    Asked by maple85,

    0 votes
    2 answers

  24. Модальное окно

    Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать

    Asked by sparks,

    0 votes
    2 answers

  25. Margin-left для FF

    вопрос решен

    Asked by Tchorteg,

    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