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. Компановка div-ов разной высоты

    Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS

    Asked by artishok,

    0 votes
    9 answers

  2. простая верстка таблицы

    помогите, пожалуйста, сверстать простую страничку, все файлы и картинки, а также скриншоты с проблемами выложила архивом по ссылке _http://www.ex.ua/view_storage/320008669471 файл temp.zip ниже на всякий случай текст html файла. никак не могу избавиться от зазоров между картинками, а в Chrom'e и ie6, вообще третья колонка не отображается. пожалуйста, помогите сдвинуться с мертвой точки... <!DOCTYPE html> <html> <head> <title> table problem</title> <style> body { margin: 0 auto; background-color: gray; } .fonTbl{ padding: 0; margin: 0 auto; border-collapse: collapse; width: 99%; border: 0px dashed white; } .headerTbl …

    Asked by poli2011,

    0 votes
    3 answers

  3. Вертикальное выравнивание - отображение в FF и Netscape

    Столкнулся с непонятной ситуацией: Есть ячейка таблицы в которой нужно выровнять div по нижнему краю. Ячейке задаю позиционирование relative, а блоку absolute с bottom:0. В IE5,7,8 Opera, Chrome все Ок - блок выравнивается по нижнему краю ячейки, но в FF, Netscape, IE6 почему то нет - находится в центре оной. Кто нибудь может подсказать в чем суть - гугл молчит (может плохо искал...) <td height="100%" width="200px" style="position:relative;"> <div style="width:200px; height:auto; position:absolute; left:70px; bottom:0;"> <a href="#">На верх</a> </div> </td>

    Asked by DDS7SDD,

    0 votes
    0 answers

  4. Визуальный HTML редактор шаблона

    Я когда менял в визуальном HTML редакторе название на главной странице, после того как там сохранил. В редакторе шаблоне когда хотел сохранить, потребувалось чтоб внести $POWERED_BY$ а когда я внес ето и сохранил у меня сайт стал как редактор.. даже контейнер с разными категориями с правой стороны,пропал... что мне делать? Как мне всё вернуть обратно в нормально положение?

    Asked by lewuk,

    0 votes
    6 answers

  5. Выравнивание текста относительно картинки

    Пытаюсь создать "менюшку" и ни как не могу разобраться. Есть background, на него сверху накладывается в виде ссылки небольшая картинка и текст. Причём одна из таких "кнопок" содержит текст в 2 строки. Все это сделано в виде списка. Во всех браузерах (кроме IE) отображается нормально. В IE же либо исчезает накладываемая картинка, либо текст в двухстрочной "кнопке" выравнивается по верхней строке. Как решить эту проблему?

    Asked by basov,

    0 votes
    3 answers

  6. Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?

    Скажите пожалуйста, как можно сделать в моем случае <div class="comment"> <div class="author"><div> <div> В классе author через свойства background добавлена картинка. Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.

    Asked by Saturn,

    0 votes
    8 answers

  7. Выравнивание картинки

    Подскажите, как можно выравнять фоновую картинку, за текстом: http://school528.spb.ru/main/newspaper/ Если уменьшить размер экрана, то мы увидим, что права сторона рамки "ездит" Спасибо

    Asked by Select,

    0 votes
    3 answers

  8. div в таблице

    у меня есть вот такой код <table width=100%><tr><td> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> ... </td></tr></table> В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку. Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно. вот на этой странице можно посмотреть как это выглядит.

    Asked by flipper1001,

    0 votes
    4 answers

  9. проблема с высотой (height:100%) при 2 background-image

    Всем привет. Такая проблема возникла, необходимо поставить два баграунда. Один снизу в блоке по центру, простая однопиксельная повторяющаяся полоса, а другой - картинка накладывающийся сверху, необходимо контент наложить на первый, что бы он (первый) продолжался вниз до бесконечности, при: <body> <div class="bg1"> <div class="bg2"> <div class="content"> </div> </div> </div> </body> *{ margin:0;padding:0 } html, body{ height:100%; } .bg2{ background-image: url("../images/background_second.jpg"); background-repeat:no-repeat; /*height:100%;*/ height:100%; } .bg1{ background-image: …

    Asked by hjcnjdobr,

    0 votes
    11 answers

  10. Галерея на JS + выравнивание по центру

    Есть сайт на Drupal 7, в нём модуль Views Slideshow выводит при помощи jQuery Cycle Plugin галерею с меняющимися изображениями (пример можно увидеть по ссылке). Проблема в том, что у меня не получается выровнять эту галерею по центру (по горизонтали). Например, при использовании display: block; margin: 0 auto; галерея выровнена по центру (сразу после открытия страницы), но, буквально через секунду (когда страница сайта загружается полностью) галерея прилипает к левому краю :-(. Как это исправить? Я также пробовал различные способы с указанием процентной записи отступов слева-справа, но они работают некорректно из-за различной ширины изображений в галерее. UPD. РЕШЕНИЕ…

    Asked by vkapas,

    0 votes
    6 answers

  11. отсупы и маркеры

    День добрый, не судите строго, в CSS пишу 5 дней всего, но очень надо. Суть проблемы. Есть модуль меню типа аккордион, (название модуля mod_jv_accordion_menu). Сам модуль отличный но естетсвенно для дизайна сайта CSS немнного изменить пришлось. На данный момент по непонятной мне причине маркер (стандартный из шаблона дизайна, вид картинка) не хочет делать отступ от края блока (сори за мой французский,не знаю всех названий в css). Сейчай у него 10px, а необходимо 0px. В отличии от маркера с текстом такой странности не наблюдается. www.kubess.ru СМ. Блока 1С:Предприятие 8. Прикладываю код: .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 5px; } .jv_aclickm…

    Asked by konda,

    0 votes
    0 answers

  12. 2 и более фоновых изображений

    нужно поставить несколько независмых по местоположению изображения как фоновые. сверху них сверстать таблицей. метод: <table class='img1'> <tr class='img2'> <td class='img3'> </td></tr></table> как бы работает, но раставить другие объекты, на таким образом вставленные изображения, уже невозмжно.

    Asked by deweder,

    0 votes
    1 answer

  13. css, блоки доной высоты

    Имеется 3 блока по вертикали, средний блок с контентом меняет свою высоту в зависимости от объёма содержимого. Как сделать так чтобы левый и правый блоки равнялись на средний. Блоки сами по себе не вложенные друг в друга. если не затруднить как можно подробнее, в гугле читал, но так и не понял

    Asked by artseven,

    0 votes
    8 answers

  14. Сайт. Взгляд глазами админа.

    Здраствуйте! Решил сделать свой сайт. Прочитал книгу о hTMl, CSS создал главную страничку со стилями к ней. Теперь стоит вопрос, как наполнять сайт содержимым? Т.е. по идеи админ видит некую веб-форму, в которой пишет название новости, пишит текст, вставляет картинку и тп. Далее нажимает "Ок" и статья появляется на сайте. Собственно вопрос, как создается подобная форма? Что для этого нужно знать? PHP?JS? или Мб с этим как нибудь связана CMS (WordPress и тп) ? Заранее спасибо

    Asked by OlegLont,

    0 votes
    10 answers

  15. Проблема с 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

  16. Громоздкий код

    Добрый день. Подскажите пожалуйста, есть ли возможность подключать один .html файл внутрь другого. У меня есть много файлов .html, скажем лого, меню, разные колонки и т.д., и я хочу соединить это всё воедино. Конечно можно создать один .html и туда всё скопировать из всех файлов, но тогда мне будет тяжело это редактировать и дописывать новое. Мне надо чтобы файл выглядел приблизительно так: <body> {include file="logo.html"} {include file="menu.html"} {include file="left.html"} {include file="right.html"} {include file="post.html"} {include file="foot-menu.html"} {include file="foot.html"} </body> Я пробовал уже разные варианты, которые нашёл в интернете, но чт…

    Asked by Arinden,

    0 votes
    3 answers

  17. Отступ после 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

  18. Line-height для Textarea в Opera..

    Добрый день! У меня такой вопрос: Можно ли как то кроссбраузерно повлиять на line-height для Textarea в Опере? Также хотелось бы понять - возможно ли как то задать перенос строки для вышеупомянутого случая? (Страница находиться здесь: http://yamaradg.narod2.ru/history/Forma/index.html Скриншот с описанием можно увидеть по следующему адресу: http://yamaradg.narod2.ru/history/forma.jpg ) В дополнение ко всему столкнулься с трудностями в инпутах: в Сафари и Хроме!? Проблема связана всё с тем же line-height!? В остальных браузерах всё в норме... P.S.Заранее Всем очень признателен за помощь...

    Asked by Yamaradg,

    0 votes
    0 answers

  19. Поставить H1 и div в одну строку

    Здравствуйте, нужна помощь по следующему вопросу: Хочу поместить кнопку Google +1 на страницу каждой категории. Как сделать так, чтобы кнопка была справа от заголовка? Вот стиль заголовка категории: h1.archive-title { padding:0 0 15px; margin-bottom:15px; border-bottom: 1px solid #ddd; }Для кнопки я создал стиль: #plusone { float: right; display: inline; }Поставил div с кнопкой рядом с заголовком: <h1 class="archive-title"><?php _e("Рецепты"); ?>: <?php echo single_cat_title(); ?></h1> <div id="plusone"><g:plusone></g:plusone></div>Естественно, так оно не работает. Пробовал прописывать в стиле для h1 (displ…

    Asked by povar,

    0 votes
    8 answers

  20. Расставление img ссылок на едином background'e

    Пришлось немного пописать, и возник один вопросик. Вот,например сделал я лого, на котором есть ссылки на фб вк и тд (к примеру) Ну и собственно вылез вопрос как сделать все три иконки ссылками. Не знаю вообще что делать, пару идей попробывал, типо текст подгонять и потом скрывать его, ничего толком не получилось. Помогите пожалуйста, сегодня нужно! Буду очень признателен

    Asked by oomozar,

    0 votes
    7 answers

  21. Проблема с ссылками в Chrome

    Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…

    Asked by Trayanez,

    0 votes
    4 answers

  22. Повторяющиеся по ширине окна браузера фоны при фиксированном макете.

    В фиксированном макете есть повторяющиеся по горизонтали фоны. во всех браузерах, кроме IE7 (для IE6 верстка не делалась), отображается корректно: в IE7: как видите, отсчет фона начинается от края элемента с фиксированной шириной, а не от края окна браузера. буду благодарна за идеи по устранению этой проблемы. 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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" c…

    Asked by Zzzlaya,

    0 votes
    0 answers

  23. Два div друг под другом с выравниванием по правому краю

    Добрый вечер. Помогите начинающему. Сижу уже второй час над задачкой. Проблема на странице http://vtrailere.ru/treiler-k-filmu-bolshoi-god . Мне нужно чтобы даты выхода в мире и в РФ были друг под другом. Не могу понять помему они сейчас не под друг другом так как они не inline. Заранее спасибо подсказавшему

    Asked by smirn0ff,

    0 votes
    4 answers

  24. Фон с шумом(не картинка)

    Здравствуйте, Мне надо сделать noise на фоне. Как это сделать средствами css3? Если это не возможно, то напишите решение хоть какое-то кроме картинки. Если это javaScript, то, пожалуйста, объясните как это использовать, потому что ранее дел не имел со скриптами. Зарание спасибо.

    Asked by higimo,

    0 votes
    3 answers

  25. Клик меню на :target

    Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

    Asked by gordi,

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