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 ankris,

    0 votes
    6 answers

  2. Иной вариант просмотра изображений

    Не нашел на форуме обсуждения такого варианта просмотра изображений: крупное изображение и несколько маленьких под ним. При нажатии на маленькое изображение оно отображается на месте крупного изображения. Пример реализован здесь: http://cars.auto.ru/cars/used/sale/7839008-ec21.html Попробовал покопаться в коде странице, но он настолько навороченный (для меня), что разобраться до конца не смог даже с помощью Dreamweaver-a. К тому же, освоение CSS начал не так давно (если тут дело вообще в CSS). Может кто подскажет, что необходимо для реализации подобного просмотра изображений?

    Asked by byearnist,

    0 votes
    6 answers

  3. "Резиновое" меню

    Подскажите, как сделать, чтобы меню, представленное на картинке ниже, было "резиновым" и не переносилось на новую строку при маленьких разрешениях ? Ессно, надо делать списком, но вот как сделать, чтобы оно не новую строку не переносилось - хз. Буду рад любому совету.

    Asked by dimacat,

    0 votes
    6 answers

  4. overflow-y:scroll; две полосы прокрутки

    Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…

    Asked by contact,

    0 votes
    6 answers

  5. Затруднения в верстке сайта

    Здравствуйте ув. Форумчане. При верстке одного сайта возникли затрудения, заключающиеся в том, что если кликнуть на якорную ссылку для перехода на соотвествующий раздел, то один из её внешних DIV-контейнеров уплывает вверх вместе со всем содержимым. Не подскажите в каком месте намудрил я? http://78.140.131.160/kuragh/index.html

    Asked by Aleksey,

    0 votes
    6 answers

  6. CMS для интернет-магазина

    Какую CMS систему выбрать для интернет-магазина?

    Asked by TIMA,

    0 votes
    6 answers

  7. Работа с текстовым файлом из html файла

    Здравствуйте Имею набор html файлов у себя локально, а не на сайте. php файлов соответственно нет. Хотел бы улучшить то, что имею Не знаю, как называется то, что мне нужно, поэтому с поиском в гугле туго=) А может это просто невозможно - то, что я задумал?... Расскажите пожалуйста=) 1) есть home.html, в котором есть ссылка на 1.html 2) есть 1.html, в котором есть ссылка на 1.html, 2.html .... 20.html я хочу, чтобы из home.html ссылка была не на 1.html, а на последний из посещенных из (1-20) Вижу реализацию примерно так: 1) при посещении, например, 7.html файл text.txt перезаписывается и в него записывается "7" 2) при открытии home.html он читает text.txt и выдает активную…

    Asked by erros,

    0 votes
    6 answers

  8. Печать гна принтере HTML бланка со штампом

    Все вы знаете, что для качественного отображения на экране монитора картинка должна иметь разрешение, грубо, 100dpi, для вывода на принтер не менее 300dpi, а лучше 600dpi). Есть бланк "счет" в HTML, в котором есть одна единственная картинка - печать организации. Наивно предположил, что вставив в документ большую картинку печати и уменьшив ее с помощью <img width=xxx height=xxx ... > на печати получу качественную картинку, которая при выводе на принтер будет сравнима с качеством хорошей ксерокопии. В итоге на распечатке печать выглядит корявой оцифровкой. Вопрос: что нужно сделать, чтобы при выводе на принтер этого HTML бланка печать организации выглядела хорошо? Э…

    Asked by rdva,

    0 votes
    6 answers

  9. Максимальная высота элемента

    Есть несколько блоков div с одним классом, но они разной высоты, как всем блокам сделать максимальную высоту самого высого из данных блоков. А то при блоки не показываются ровно по рядам, а смещаются, решил проблему указанием высоты блока, но это не очень выглядит. Пример: http://aztshop.ru (каждый товар - блок)

    Asked by Keor,

    0 votes
    6 answers

  10. хрень с IE8

    кто-нибудь, подскажите, пожалуйста есть два дива: у одного ширина 23%, у другого 77%. в Гугл Хром они спокойно вмещаются по горизонтали, а их бордеры сливаются. в IE8 второй див почему-то уходит вниз. вопрос: почему? 1ая картинка - chrome, 2ая - IE8 p.s. если убрать border-left 1px у правой таблицы, то все влезает...

    Asked by p11ot,

    0 votes
    6 answers

  11. Как правильно применять единици измерения при верстке сайта?

    Здравствуйте! Объясните пожалуйста как правильно применять едидици измерения при верстке, чтоб например шрифт отображался одинаково во всех браузерах и на разных разрешениях экрана? Как и когда правильно применять EM, PX, % ? Слышал что профессионалы используют EM но не могу понять как, по идее % и EM это одно и то же.

    Asked by Jaguar,

    0 votes
    6 answers

  12. Помогите адаптировать вкладки под свои нужды )))

    Здравствуйте ! Помогите разобраться с вкладками ! Задача в том, что бы к кнопкам Document1, Document2, Document3, Document4, Document5 привязать выполнение какого либо действия, тоесть не просто вывод текстовой информации а например загрузка картинки или xml файла. Заранее благодарен вам за помощь ! Вот пример самой странички с вкладками http://zzz.ho.ua/ Вот html код: <!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> <title>Dynamic tabs with jQuery - why and how to create them | JankoAtWarpSpeed Demos</title> <sty…

    Asked by 333_org_ua,

    0 votes
    6 answers

  13. Повторение тега "class"

    Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо! Решение: В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так: <a class="iframe" href="page.…

    Asked by yelkin,

    0 votes
    6 answers

  14. expression вызывает зависание IE6

    Здравствуйте, написал следующее под IE6 #last_news .inner { height: expression(this.scrollHeight > 211 ? "211px" : "auto"); } #last_news .content { height: expression(this.scrollHeight > 150 ? "150px" : "auto"); } Этот CSS загружается с помощью условных комментариев. Вешает Internet Explorer 6 ( А вот HTML, для которого он предназначен <div id="last_news" class="cornered"><div class="top"><div class="rt"></div><div class="lt"></div></div><div class="inner"><h3>Заголовок новости </h3><div class="content"><img alt="" src="/sites/all/modules/akado_news/news_stub.png"><p>Текст новости</p…

    Asked by warobushek,

    0 votes
    6 answers

  15. резиновая горизонтальная менюшка

    Каждый делает как то по своему менюшки, плюшки и т.п. Я вот задался впросом, а кто как делает свои горизонтальные менюшки резиновые. Хотелось бы сделать как то иначе, не так как всегда. Пример такой Просьба не предлагать табличную верстку, и вариант когда li с процентной шириной тоже не предлагать. Желательны примеры где в менюшку можно добавить новые элементы свободно, без изменения других.

    Asked by Mr Loga,

    0 votes
    6 answers

  16. Блоки на одном уровне

    кнопки должны быть на одном уровне. http://skrinshoter.ru/s/160418/uh7JFP95?a Когда заголовок становиться больше по высоте - он смещает кнопку вниз. Как этого избежать?

    Asked by yaparoff,

    0 votes
    6 answers

  17. фотографии в галерее

    Вопрос про создание и выравниевании фотографий в моей галерее. Вот сейчас начал париться про правильно создание и ресайз картинок для галерее. Вот сайт, на котором это делаю: http://deluxe-okna.ru/blocks/parts/index.php?part=wedding . В общем я хочу спросить, правильно ли я понял или нет. В общем нельзя делать все фотографии в одну высоту и ширину да? Если фотка шире то она делается так, как мужик с девкой в меня на сайте, если же фотография больше в высоту то наоборот. Если это правильно то у меня вот ещё какой вопрос. Как мне сделать,чтобы фотографии типа мужика с девкой выравнивались по центру дива в высоту? Правильно я мыслю нет?

    Asked by prowoke,

    0 votes
    6 answers

  18. Высота блока с position relative

    Здравствуйте. вот что есть сейчас: у блока menu_text position:relative;он встает на правильное место. Но вот высота у него как 2 блока, ниже меню большое расстояние. Если я этот блок удаляю, то лишнее пространство исчезает. Как сделать так, чтобы блок advert_list начинался сразу после меню? html: <div id="menu_wrapper"> <div id="menu_center"> </div> <div id="menu_text"> <div class="menu_button"> <img src="images/menu_home_page.png"><br> Главная </div> <div class="menu_button"> <img src="images/menu_education.png"><br> Образование </div> <div class="men…

    Asked by Aurica,

    0 votes
    6 answers

  19. проблема с margin

    Использую фишку с контейнером на 100%, футером с отрицательным верхним отступом и hFooter: * { margin: 0; padding: 0; } html,body { height: 100%; width:100%; } .container { background: #999; min-height: 100%; height:auto !important; height:100%; } .hFooter { height: 60px; } .footer { background: #0099CC; color: #fff; height: 60px; margin-top: -60px; } ... <div class="container"> <div class="hFooter"></div> </div> <div class="footer"></div> ... Почему если вставить в контейнер блочный элемент и присвоить ему margin-top, то конструкция не работает, появляется полоса прокрутки и футер съезжает? Если использовать padding-top, то…

    Asked by red!:,

    0 votes
    6 answers

  20. Посоветуйте скрипт

    Здравствуйте уважаемые коллеги,возникла потребность заверстать динамически вот такую штуку http://clip2net.com/clip/m32940/1292844534-clip-10kb.png при нажатии кнопка2 кнопка3 переключались бы вкладки ето вроде на джекуерри было,а вот при нажатии на кнопку1 сворачивалось бы все влево,оставалась бы только эта кнопка,и разворачивалось при нажатии на нее же. Заранее благодарю за советы и примеры похожих скриптов.

    Asked by sertu,

    0 votes
    6 answers

  21. Получение текста в divе

    Всем добрый день. <div id="in1" OnClick="inOut(1)">in 1</div> Возможно ли по нажатию кнопки менять содержимое дива? in 1 заменить на Out 1 Если можно подскажите как.

    Asked by ghost,

    0 votes
    6 answers

  22. центрирование не работает в IE6

    Всем привет. Приводимый код работает корректно везде кроме IE6. Что не так? Описание: в IE6 правый блок, при сжатии окна браузера, перемещается вниз. При широком окне между блоками белая полоса. Как это исправить? html Код: <!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> <title></title> <!--META--> <meta http-equiv = "Content-Language" content = "ru" /> <meta http-equiv = "Content-type" content = "text/html; charset = UTF-8" /> <meta name = "description" content = "Описание в Google..." /> <m…

    Asked by ChipAlina,

    0 votes
    6 answers

  23. Раскрывающиеся списки

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

    Asked by Okula,

    0 votes
    6 answers

  24. Верстка меню с нахлестом

    Вечер добрый возникла проблема с версток меню вида: Хотелось бы решить проблему средствами html, css +кроссбраузерность . Если кто встречался с подобным. дайте совет.

    Asked by lightskcom,

    0 votes
    6 answers

  25. Верстка для Joomla

    Вот пример сверстаного шаблона http://depositfiles.com/files/09jswdpm9, скажите как его передалать что б он подходил для CMS Joomla!

    Asked by OkeY^,

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