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 class=”1”> </div> <div class=”2”> </div> <div class=”3”> </div> Где блок с классом 1 и 3 имеют фиксированную ширину. Как сделать, чтобы если убрать в коде блок с классом 3, блок с классом 2 заполнял все возможное пространство. Т.е чтобы ширина блока с классом 2 менялась динамически, в зависимости от наличия с левой стороны блока. Спасибо

    Asked by yura_101,

    0 votes
    4 answers

  2. IE6 и трехколоночный резиновый дизайн.

    решено. тему можно удалить.

    Asked by xonix,

    0 votes
    0 answers

  3. IE6 и трехколоночный резиновый дизайн.

    решено. тему можно удалять.

    Asked by xonix,

    0 votes
    3 answers

  4. картинка на фоне блока div

    Всем привет! У меня возникла проблема, не получается поставить картинку на фон блока div... body { margin:9px 9px 0 9px; padding:0; } #level0 { background-image:url(images/uvs_02.jpg); width:100%; } </style> </head> <body> <div id="level0" >Фон УВС</div> </body> </html> подскажите пожалуйста в чем моя ошибка.

    Asked by Tsoy,

    0 votes
    5 answers

  5. проблема с ссылкой

    При наведении курсора на ссылку в подсказке пишетца то что я прописал в title и адрес ссылки,как мне сделать штоб показовало только то что в title?

    Asked by igor10,

    0 votes
    8 answers

  6. Не отображается в опере....вообще

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сайт</title> <style type="text/css"> <!-- тут стили --> </style> </head> <body> <div class="1"> <table> одна </table> <table> вторая </table> <div class="2"></div> </div> <div align="center" class="3 стиль1">/ <a href="kont.html">контакты</a> / <a href="default.html">инфо</a> </div> </body> </html> что не так?

    Asked by rebelXXX,

    0 votes
    1 answer

  7. Не получается обтекание текстом картинки

    Здравствуйте! Я пыталась сделать так, чтобы текст обтекал картинку сверху и слева. Для этого задала img src="Dib.jpg" align="right". Но обтекание получатся слева и снизу. А как же сделать именно сверху и слева?

    Asked by Рося,

    0 votes
    1 answer

  8. Проблема с вложенными дивами

    Доброго все времени суток! Возникла небольшая проблема, ломаю голову никак не могу решить, если кто сталкивался и подскажет буду очень рад: Собственно делаю меню с помощью дивов вот скриншот: http://img9.imageshack.us/img9/24/divmenu.jpg разделитель хочу поставить туда,куда показывает голубая стрелочка. нужно банально сделать разделитель но, но он почему-то перескакивает на следующую строчку.. HTML Код <div class="menu_div"> <div class="menu_glavnaja">Главная</div> <div class="menu_razdelitel"></div> </div> CSS Код: /*Меню*/ .menu_div { margin-left:5px; margin-top:10px; background-image:url(images/menu_bg.png); background-rep…

    Asked by Oleg330,

    0 votes
    5 answers

  9. Вывод в браузер миниатюры

    Вопрос такого плана требуется выводить миниатюры (тумбы) есть два варианта 1 хранить большое и малое изображение малое выводить в тумбы 2 хранить большое изображение и выводить его в DIV шириной малого изображения (вписать) способ вывода ресайзом через скрипт не рассматриваю т к большая нагрузка на сервер.. вот и вопрос какой способ предпочтителен и почему... Забыл сказать что большое изображение используется...

    Asked by Serg_sy,

    0 votes
    3 answers

  10. Задний фон элементов формы

    Суть проблемы в том, что нужно подложить изображение под элементы списка <select>. CSS свойство background работает только если указывать конкретный цвет, а картинку подкладывать упорно не желает. Схожие проблемы с типом radio элемента формы <input>.

    Asked by Karmin,

    0 votes
    2 answers

  11. Таблицы со 100% растягивают всю страницу

    Привет, помогите пожалуйста, целый день туплю на этим: Есть стили колонок (колонок 3): #column {overflow: hidden; zoom: 1; padding: 22px 17px 0 17px;} #l-col {float: left; width: 200px; overflow: hidden; zoom: 1;} #c-col {margin: 0 210px 0 210px;} #r-col {float: right; width: 200px; overflow: hidden; zoom: 1;} Если вставляешь в центральную колонку таблицу с параметром width="100%" то таблица растягивается на столько, что появляется горозонтальная полоса прокрутки. Косяк заметил только в IE8 (возможно и в IE6,7 есть). В нормальных браузерах все отлично.

    Asked by ahromenko,

    0 votes
    4 answers

  12. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как, не используя таблиц или css, сверстать картинку следующего вида:

    Asked by still_2000,

    0 votes
    1 answer

  13. Как сверстать картинку без таблиц и css?

    Добрый день. Подскажите пожалуйста, как не используя таблиц или css сверстать картинку следующего вида:

    Asked by still_2000,

    0 votes
    1 answer

  14. Счётчик посещения страницы

    Здравствуйте! Как сделать счётчик посещения страницы?

    Asked by Николай,

    0 votes
    3 answers

  15. Добавил третью колонку

    Вот я добавил третью колонку и теперь вторая с третьем стали не так реагировать на margin-left как надо. То есть отсчёт идёт не от окна браузера а от правого края первой колонки. Я использовал float: left. Может это так и должно быть?

    Asked by imariki,

    0 votes
    5 answers

  16. Как сделать область страницы ссылкой?

    Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?

    Asked by annalp25,

    0 votes
    2 answers

  17. задание двух и более классов элементу

    столкнулся с такой проблемой: пишем в css: .imp {color:green;} .cent {background:#f90;} .imp.cent {border:2px solid red;}/*ставится красная рамка при одновременном использовании классов imp и cent */ в html: <p class="imp">Сonsectetuer adipiscing elit, sed diam nonummy</p> <p class="cent">Сonsectetuer adipiscing elit</p> <p class="cent imp">Сonsectetuer adipiscing elit</p> в первом случае будет параграф с зеленым текстом. во втором параграф с оранжевым background'ом. а в третьем получится параграф с зеленым текстом, оранжевым background'ом и по правилам css добавляется красная рамка. но всеми любимый IE6 по-своему воспринимает правило…

    Asked by sum41,

    0 votes
    2 answers

  18. Полупрозрачный фон в GIF

    Есть фоновый рисунок у элемента, рисунок в gif формате, как сделать его полупрозрачным через фотошоп?

    Asked by Kenshi45,

    0 votes
    6 answers

  19. Продление футера исходя из кол-ва текста

    Предисловие: Имеется шаб, ксс+пхп. Допустим по центру идёт текст, но при определённом кол-ве символов, когда текст доходит до низа шаба, после определённого кол-ва потом уже не отображается. Что нужно реализовать: Мне нужно чтобы внизу диз сам продолжал клонирование изсходя из кол-ва текста. ТО есть если много текста, то картинка что в бегграунд и вообще низ будет удлиняться вниз.... Надеюсь вы поняли что я хочу =) Подскажите команду или что либо вообще подскажите как такое сделать....дальше сам постараюсь разобраться. P>S> Новичёк

    Asked by Tarum,

    0 votes
    3 answers

  20. Как сделать так чтобы дивы друг на друга накладывались?

    Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.

    Asked by ScorpSatex,

    0 votes
    1 answer

  21. Ajax скрипт календаря

    Ищу готовый скрипт календаря на Ajax, в контейнер (в тело html страницы) выводятся все ссылки на год, т.е. все абсолютно новости на каждый день всего года, такого вида: http://www.mydomain.ru/news/12-01-2009/ http://www.mydomain.ru/news/15-02-2009/ http://www.mydomain.ru/news/20-03-2009/ и т.д. Вот скрин верстки календаря: Нужно без перезагрузки страницы, выбрать любой день, год или месяц и перейти на новость определенной даты, но при этом все новости уже в теле страницы сгенерированы в html, но не видно их для пользователя, но они видны для поискового робота и скрипт их подгружает при выбора в календаре. Буду признателен за помощь!

    Asked by okunev2,

    0 votes
    1 answer

  22. Фоновое открытие сайта

    Здравствуйте. Мне нужна ваша помощь. Какой код или скрипт нужно прикрепить к сайту, чтобы при его открытии открывался второй сайт, как например при нажатии кнопки закрыть на ПОП-ап системах. Заранее спасибо.

    Asked by fan-sumy,

    0 votes
    3 answers

  23. Относительные единицы ЕМ

    Иногда, когда я пытаюсь верстать, я стараюсь всё делать на (ЕМ - относительных единицах), а не на РХ, но тут возникает проблема: Когда я увеличиваю шрифт с помощью CTRL и Колёсика мыши, всё неплохо масштабируется , но когда я пытаюсь изменить размер шрифта Обычным способом: В любом браузере стандартным способом, через Верхние вкладки, Настройка-Размер шрифта и т.д, то тут с моей вёрсткой происходит Ужас, а точнее всё расползается и Сайт выглядит отвратительно, в отличии Если бы я верстал на Пикселях. Поэтому вопросы: 1) Правильно ли я делаю, что верстаю на ЕМ ? 2) Стоит ли придавать значение Обычному способу настройки шрифта, то есть много ли людей по статистике на данный…

    Asked by psywalker,

    0 votes
    14 answers

  24. Помогите с <div> очень горит.

    Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z-index</title> <style type="text/css"> #layer1, #layer2 { po…

    Asked by n_drey,

    0 votes
    3 answers

  25. DIV по середине

    У меня такая проблема как сделать чтобы блок див был по середине в Internet Explorer 8? маргин авто результатов не даёт(((( в этом блоке должен быть весь сайт..... в других браузерах прописывал марген авто и было всё норм....

    Asked by Bleach,

    0 votes
    1 answer

  • Обсуждения

    • 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