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. Меню с прокруткой

    На главной странице этого сайта есть своего рода меню "Теги HTML", "Свойства CSS". Организованы в окнах с прокруткой. Как такие вещи делаются? Подскажите в каком направлении двигаться плиз...

    Asked by vak,

    0 votes
    11 answers

  2. Пунктирная линия (линия из точек)

    Сорри за кривое название темы, не знаю как называется линия из точек Хотя наверное это больше в css раздел темка, но все же Возникла необходимость сделать с помощью тега сделать пунктирную линию. Т.е линию представляющую собой кучу точек (.........) пробовал <hr nodashed size="1px" style="border:dotted"> но получается прямоугольник) может, тут чего с отступами нужно мудрить, хелп в общем)

    Asked by Furius,

    0 votes
    7 answers

  3. Проблема с фоном

    Люди, как сделать общий bg 2-цветных? Тоесть один цвет на пол ширины слева, другой справа????

    Asked by Sandro,

    0 votes
    4 answers

  4. input как избавится от лишних отступов?

    Есть стиль: input.feedback { width: 271px; height: 24px; border: 1px solid #bbc3c4; font: 8pt Verdana; vertical-align: middle; color: #3B5356; text-align: left; background: #ffffff; } Когда печатаешь текст в поле то он в Опере по горизонтали по центру поля, а когда в ИЕ то он выравнивается по верхнему краю! Как сделать чтобы и в ИЕ и в Опере было одинаково и текст печатался по центру по горизонтали? Анналагично есть стиль кнопки: input.feedback7 { overflow: hidden; width: 137px; height: 21px; border: 1px solid #bbc3c4; color: #56696c; font: 8pt Verdana; font-style: italic; text-align: center; background: #f3f4f4; padding: 3px; } Также…

    Asked by okunev2,

    0 votes
    1 answer

  5. Как сделать все через div?

    Название раздела

    Asked by vadimboy,

    0 votes
    1 answer

  6. Помогите пожалуйста

    Здрасьте! возник вопрос, ребят, кто общался с joomla'й?! вставляю счетчик, а он не отображается, пытался экранировать, ничего не выходит!!!! код счетчика такого рода: может кто-нидь что-то знает!!!???

    Asked by @migo,

    0 votes
    1 answer

  7. css аналог noshade у тега <hr>

    Какой есть css аналог свойства noshade у тега , чтобы не писать постоянно , а грамотно с помощью css?

    Asked by yujin,

    0 votes
    1 answer

  8. Выравнивание внутри ячейки

    Доброе время суток! Не могу решить такую проблему - выравнить по правому краю ячейки в IE6 (в FF все ОК) Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Ronik-IP</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="rip_new.css"> </head> <body> <table align="right" cellpadding = "0" cellspacing = "0" class="bottom_menu"> <tr> <td width="187px" align="right" class="bottom_menu_td"> <a href="/">1111</a> </td> <td wi…

    Asked by NickAssa,

    0 votes
    1 answer

  9. отступы между ячейками

    Проблема в ie и мозилле, при добавлении текста в центральную колонку больше чем определенная высота, слева в колонке с меню, ячейки разъезжаются по вертикали. В опере все впорядке.

    Asked by Barry,

    0 votes
    1 answer

  10. Отцентровка в div

    Есть как внего разместить другой div в середину?

    Asked by koder,

    0 votes
    3 answers

  11. Ошибка в табличной верстке

    Посмотрите пожалуйста, где может быть ошибка. Не могу ширину левого столбца уменьшить, перерыл уже и стили и код. _ttp://mr-group.ru

    Asked by rolph,

    0 votes
    5 answers

  12. передача данных из формы

    Подскажите пожалуйста, существует метод передачи данных из формы в e-mail? Пробовала вот это: Имя: Фамилия: Адрес E-mail: Сообщение: что-то не получаеться. Может это вообще нето?

    Asked by Tan,

    0 votes
    4 answers

  13. Как задать 50% высоту для двух дивов в ячейке?

    Есть ячейка в которой находятся 2 дива с заданным цветом бэкграунда: Как сделать так чтобы каждый див занимал 50% высоты ячейки? Пробывал height:50%; и padding: auto 5px; - не помогает.

    Asked by mckey,

    0 votes
    2 answers

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

    Привет! Начал разбираться с версткой дивами...сверстал нечто..) в IE7 все отображается как мне надо...то есть вверху блок top, в центре контейнер center с двумя блоками, расположенными слева и справа соответственно......в FF отображается не так как мне надо...помогите, пожалуйста, найти ошибку в стилях <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>test</title> <style> #top{ background-color:#009900; width:95%; margin: 0 …

    Asked by Sand,

    0 votes
    1 answer

  15. Исчезновение фона в IE

    Суть проблемы. Верстаю шаблон аля сгругленный. Делаю через DIV. Вот CSS div.module{ background: url(../images/mod_top.gif) top right no-repeat; padding-top: 9px; width: 165px; margin-bottom: 15px;} div.module div { background: url(../images/mod_bot.gif) bottom right no-repeat; padding-bottom: 10px;} div.module div div { background: url(../images/mod_mid.gif) top right repeat-y; padding: 0;} div.module div div div { padding: 8px 0 8px 10px; background: none; } div.module div div div div { padding:0; background: none;} Две проблемы 1) Блок состоит из трех частей. Верх,низ и тянущаяся середина. FF и опера отлично отображает. IE7 не отображает низ блока…

    Asked by PaLyCH,

    0 votes
    5 answers

  16. Проблемы с таблицей при блочной верстке.

    При верстке блоками (div) при позиционировании блоков с отрицательными margin возникает проблема размещения таблицы с шириной 100% в блоке content, он расширяется и появляется полоса прокрутки, а левый блок navigation уходит в право, сайт резиновый с фиксированной минимальной шириной, можно ли как нибудь избежать этого? Html - код <html> <head> <title>Название страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script src="AC_RunActiveContent.js" language="javascript"></script> <link href="css/style.css" rel="stylesheet" type="text/css"> <!--[if lt IE 7]> <script language="J…

    Asked by andrey-007,

    0 votes
    1 answer

  17. Фон и позиционирование

    Возникла проблема при в?рстке, а именно с фоном, при позиционировании #block { border: 1px solid black; width: 300px; } #block .title { background-image:url(images/bg.gif); width: 250px; border: 1px solid red; height: 30px; display: inline; } ... <div id="block"> <img src="images/left.gif" width="7" height="26"/> <div class="title">Заголовок</div> <img src="images/right.gif" width="7" height="26" /> </div> Для того, что бы правая картинка не переносилась на новую строку я использовал свойство display: inline да, картинка не переносится, но title потерял свою ширину и фоновая картинка пропала. Если же изменить в классе tit…

    Asked by icelord,

    0 votes
    3 answers

  18. Фикс фонового png в ИЕ

    Есть png.htc: <public:component> <public:attach event="onpropertychange" onevent="propertyChanged()" /> <script> var supported = /MSIE (5.5)|[67]/.test(navigator.userAgent) && navigator.platform == "Win32"; var realSrc; var blankSrc = "a/spacer.gif"; if (supported) fixImage(); function propertyChanged() { if (!supported) return; var pName = event.propertyName; if (pName != "src") return; // if not set to blank if ( ! new RegExp(blankSrc).test(src)) fixImage(); }; function fixImage() { // get src var src = element.src; // check for real change if (src == realSrc) { element.src = blankSrc; return; } i…

    Asked by okunev2,

    0 votes
    2 answers

  19. Почему содержимое таблиц не переносится при сжатии?

    Почему содержимое таблиц не переносится при сжатии? <?xml version="1.0" encoding="windows-1251"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> </head> <body> <div> <table columns="2"> <tr> <td>Первая ячейка</td> <td>Вторая ячейка</td> </tr> </table> </div> </body> </html>

    Asked by cyborg,

    0 votes
    11 answers

  20. Выпадающий список и DIV

    Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.

    Asked by Николай 2357,

    0 votes
    8 answers

  21. scr img br nbsp

    Люди, а есть ли еще способ, прицельно разместить картинку на штмл страничке, кроме тегов , nbsp и font size (для размера абзацов и пробелов )?

    Asked by shiz,

    0 votes
    4 answers

  22. Как закольцевать музыку в embed?

    Собственно вопрос изложен. Необходимо чтобы музыка постоянно играла на страничке сайта.

    Asked by mal001,

    0 votes
    1 answer

  23. Беда с <Area>

    Asked by shiz,

    0 votes
    3 answers

  24. Вопрос по ссылкам!!!)

    Народ подскажите! Если я делаю сайт альтернативным способом к примеру : первая сылка у меня не альтернативная index.html а дальше ид?т вот так /web1/about/default.htm /web1/about/crew/default.htm /web1/service/default.htm /web1/service/peret/default.htm /web1/materials/default.htm /web1/works/default.htm после возращении по ссылки назад выда?т на экран папки , как сделать чтоб их не было ?) если можно поподробнее Заранее спасибо!!!)

    Asked by Sun,

    0 votes
    4 answers

  25. и мне помешал doctype

    Парни, делаю скругление уголоков дивами и рисунками <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <DIV style='BORDER 0px solid #FF0000; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 550px; BACKGROUND-COLOR:#EEEEEE' > <IMG height=6 width=550 alt='' src='../image/r_corner_grey_up.jpg'> середина блока <IMG height=6 alt="" src="../image/r_corner_grey_bottom.jpg" width=550></DIV> на выхлопе получается фигня : сверху и снизу блока появляются узкие полосы цветы фона. Без доктейпа рисует все как надо как можно обойти засаду не меняя этого доктэйпа?

    Asked by Sserg-135,

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