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. Margin-left для FF

    вопрос решен

    Asked by Tchorteg,

    0 votes
    2 answers

  2. Помогите разобраться в z-index

    Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

    Asked by oke11o,

    0 votes
    4 answers

  3. Фокус на футер после обновления.

    Всем привет. Есть футер на сайте с ссылками, при нажатии на которые страница обновляется. Собственно вопрос в том, как сделать чтобы после обновления полоса прокрутки сайта была внизу(отображался футер). Заранее спасибо.

    Asked by Lakrein,

    0 votes
    4 answers

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

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

    Asked by basov,

    0 votes
    3 answers

  5. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …

    Asked by laird,

    0 votes
    5 answers

  6. позиционирование элемента по центру не зная его размеров

    Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.

    Asked by clgs,

    0 votes
    10 answers

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

    помогите, пожалуйста, сверстать простую страничку, все файлы и картинки, а также скриншоты с проблемами выложила архивом по ссылке _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

  8. Проблема отображения psd в GIMP

    Может быть знаете какой нибудь плагин, позволяющий корректно открывать psd отрисованные в фотошопе GIMPом? Проблема в съезжающих слоях и отсутсвия эффектов.

    Asked by moskalev_mihail,

    0 votes
    4 answers

  9. Увидел одно интересное меню

    Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"

    Asked by OlegLont,

    0 votes
    6 answers

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

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

    Asked by higimo,

    0 votes
    3 answers

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

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

    Asked by Saturn,

    0 votes
    8 answers

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

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

    Asked by artseven,

    0 votes
    8 answers

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

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

    Asked by sparks,

    0 votes
    2 answers

  14. Border - отделение пунктов меню

    День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…

    Asked by konda,

    0 votes
    6 answers

  15. Структура кода

    Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.

    Asked by paracelso,

    0 votes
    21 answers

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

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

    Asked by Select,

    0 votes
    3 answers

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

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

    Asked by lewuk,

    0 votes
    6 answers

  18. Вертикальное выравнивание - отображение в 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

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

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

    Asked by vkapas,

    0 votes
    6 answers

  20. Помогите с тегом <base>

    Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>

    Asked by neznayka,

    0 votes
    9 answers

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

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

    Asked by OlegLont,

    0 votes
    10 answers

  22. Открытия Окна С 2 Сайтами Одновременно

    каким образом можно сделать что бы после нажатия линка на моем сайте открывалось новое окно годе было 2 фрейма: в одном открывался один сайт, а во втором открывался другой ?

    Asked by pribl,

    0 votes
    4 answers

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

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

    Asked by deweder,

    0 votes
    1 answer

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

    День добрый, не судите строго, в 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

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

  • Обсуждения

    • 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