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. центрирование дива

    У меня есть див, с параметром position:absolute;, как его отцентрировать? Заранее спасибо. И как сделать так, чтобы элементы в диве были по горизонтали?

    Asked by vvsh,

    0 votes
    6 answers

  2. задать class через DOM

    собственно как задать элементу класс (css) через document.getElementById(id).style... ?

    Asked by Shadow,

    0 votes
    1 answer

  3. три колонки - средняя жесткая, боковые тянутся

    Помогите сверстать или дайте ссылку, чего-то не могу найти нигде такого. Шапка и подвал не нужны. Просто три колонки. Средняя по середине - она неизменной ширины. Боковые тянутся, чтобы заполнить всю страницу. Пробую так: <!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=UTF-8"> <style> #pred { float:left; background-color:#0000FF; width:50%; text-align:right; position:relative; z-index:1; } #sled { float:right; background-color:#00FF00; width:50%; text-align:left; position:relative…

    Asked by Колос,

    0 votes
    6 answers

  4. Спрайты,filter и background

    #index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.

    Asked by user,

    0 votes
    2 answers

  5. Не показывается фоновое изображение в FireFox

    Собственно работаю сейчас над сайтом: fashion-ff.ru. Посмотрите в ИЕ и Опере - все отлично. В Лисе - не показывается шапка (2.0.0.17 версия). Кто то сталкивался с такой проблемой??? Уже для всех элементов, которые вложенные идут, приписывал background-color:transparent - ноль результата.

    Asked by titaniMOZG,

    0 votes
    7 answers

  6. Подскажите просмотрщик для стилей.

    Добрый день! Сталкнулась с проблемой неправильного отображения сайта, в одном и том же браузере и одной версии. Может ли такое быть? Может есть просмотрщики для сайтов, чтобы посмотреть в разных браузерах с разными расширениями экрана. Подскажите.

    Asked by luluandra,

    0 votes
    20 answers

  7. Задать стиль каждому второму элементу

    Как задать стиль для каждого воторого элемента, к примеру: <html> <head> <title>Hello world</title> <style type="text/css">tr.eachSecond {background-color:#eef;}</style> </head> <body> <table> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> <tr><td>Hello</td><td>world</td></tr> </table> </body> </h…

    Asked by Sergey Polevich,

    0 votes
    4 answers

  8. Внешний вид таблицы

    Вопрос из серии HTML %) про таблицы Реально ли изменить эти теги или отредактировать их чтобы на сайте таблица выглядела, как в ворде? </div> <table cellspacing="1" cellpadding="1" border="1" style="width: 845px; height: 147px;"> <tbody> <tr> <td style="text-align: center;">Дата регистрации</td> <td style="text-align: center;">Ф.И.О. собственника</td> <td style="text-align: center;">Документ на право собственности</td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> …

    Asked by Mailman,

    0 votes
    16 answers

  9. Смешная ошибка IE с :first-letter и ul

    <p>Заголовок 1</p> <ul> <li>...</li> <li>...</li> </ul> <p>Заголовок 2</p> <ul> <li>...</li> <li>...</li> </ul> В отдельном файле .css P:first-letter{font-weight:bold;} IE7 выдает второй список без маркеров, причем первый список выводится нормально. В опере и файрфоксе все нормально. Если убрать из .css эту строчку, то всё нормально При добавлении между первым списком и вторым абзацем (Заголовок 2) еще одного абзаца с длиной текста более 1 строки, второй список выводится корректно. Самое забавное будет, если размер текста в этом дополнительном абзаце будет чуть короче длины с…

    Asked by lexxpavlov,

    0 votes
    0 answers

  10. Два id

    Можно ли одному элементу задавать два id? Какие могут быть последствия?

    Asked by Колос,

    0 votes
    5 answers

  11. НЕВЕРНОЕ ОТОБРАЖЕНИЕ В IE

    Народ, может кто сталкивался с дурной спецификой отображения совершенно тривиального html-css кода в IE. Что характерно для Opera, Netscape проблем нет, а вот для IE - аж раздражает. Есть кусок простейшего кода, где при увеличении ширины браузера - увеличивается картинка в зависимости от пропорции, которые прописаны в процентном соотношении: <table style="width: 95%" border=1 cellspacing=1 cellpadding=3 class="#" align="center"> <tr style="width: 100%"> <td style="width: 50%"><img src="1.JPG" style="width: 100%" /></td> <td style="width: 50%"><img src="2.JPG" style="width: 100%" /></td> </tr> </table> Т…

    Asked by vahelfe,

    0 votes
    4 answers

  12. Разбиение чисел по 3 разряда

    Можно ли средствами css разбивать числа по 3 разряда? Так чтобы из 12345678 получилось 12 345 678.

    Asked by Sergey Polevich,

    0 votes
    3 answers

  13. Двухколоночный шаблон

    Ссылка Нужно чтобы серое поле слева тянулось по высоте правого блока, или наоборот правое поле белое по высоте серого. Пробовал через border. Но ширину бордера в процентах то не указать. Поля справа и слева резиновые, т.е. в процентах

    Asked by PaLyCH,

    0 votes
    3 answers

  14. Резиновая вёрстка

    В общем верстаю в HTML и CSS. Но умею верстать под определённый размер екрана. Как сделать сайт резиновым? Если можно, то дайте сслки на пособия.

    Asked by AiVeR,

    0 votes
    11 answers

  15. Автоматическое растягивание Div'а + очередность

    Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboar…

    Asked by noran,

    0 votes
    23 answers

  16. Нужно резать строку без пробелов

    Проблема следующая: выводится одна очень длинная строка без пробелов и символов перевода строки. Она выходит за край блока, в котором лежит. Нужно как то блоку этому показать, что строка должна переноситься. FF3 это сам делает, IE понимает word-wrap: break-word; а для FF2 ничего найти не смог.

    Asked by Mutant,

    0 votes
    4 answers

  17. Баг в Opere

    Здравствуйте, возникла проблема которую не смог сам решить http://www.test.html-az.com/tyrs.su/ при увеличении размера окна начинает прыгать в сторону левый блок а при открытии на весь экран остается смещение левого блока. хотелось бы узнать в чем причина. Заранее спасибо.

    Asked by aseran,

    0 votes
    2 answers

  18. Отступ элементов списка (LI) при обтекании картинки (IMG)

    Список обтекает картинку. Смещаю элементы списка относительно заголовка: img { width: 150px; height: 212px; float: left; margin: 0px 20px 20px 20px; } strong { font-weight: bold; font-size: 100%; } ul { margin-top: 0px; } li { margin: 0px 0px 0px 20px; font-size: 75%; } В Firefox всё выглядит отлично: А вот в IE7 - нет: В чём проблема?

    Asked by Cervus,

    0 votes
    13 answers

  19. пхп код 5ти последний статей

    писал пхп код в сайдбаре на 5 последних статей , не вышло... кто поможет? вот код: <!-- begin sidebar --> <div id='menu-right'> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?> <ul> <?php wp_list_pages('title_li=<h2>Главное меню</h2>'); ?> </ul> <h2><?php _e('Рубрики'); ?></h2> <ul> <li id="categories"> <ul> <?php wp_list_cats(); ?> </ul> </li> 5 последних статей ТУТ <li id="archives"><h2><?php _e('Архив'); ?></h2> <ul> <?php wp_get_archives('type=monthly'); ?> </ul> </li> …

    Asked by mephistophile_ua,

    0 votes
    9 answers

  20. Верстка на дивах

    Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.

    Asked by Walk,

    0 votes
    12 answers

  21. Вопрос по формам

    Доброго времени суток! Воспрос такой, можно ли вместо кнопки SUBMIT зделать просто текстовую ссылку с присущими таковой свойствами CSS, hover например, или может сделать как то кнопку из картинки, что бы при наведении картинка кнопки менялась на другую.

    Asked by mozart,

    0 votes
    5 answers

  22. Стили таблицы - строки и столбцы

    У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…

    Asked by erelen,

    0 votes
    5 answers

  23. Прозрачность PNG и IE7

    Значит столкнулся я с такой трудностью: мне нужна полупрозрачная кнопочка, для этого я понятное дело использовал PNG формат. Но есть еще одна беда. Кроме того что кнопочка прозрачная сама по себе, я меняю ее прозрачность с помощью стиля(filter:progid:DXImageTransform.Microsoft.Alpha(и т.д. и т.п.) и именно изза етого 7 експлорер выдает баги, а именно: под пнг картинкой появляется черный фон, после чего любые намеки на прозрачность пропадают. прописывание background:transparent мне не помогло. так же я думал сделать два дива, один из них задает первоначальную прозрачность, а второй уже будет менять просзрачность относительно первоночальной, но в моем случае это не возможно…

    Asked by SleepWalker,

    0 votes
    3 answers

  24. Переключение между стилями CSS одной кнопкой

    Камрады, встала вот такая задачка передо мной, прошу совета или ссылки на примерное решение: На странице сайта ТЗ предусматривается некая кнопка, по нажатию на которую должна смениться таблица стилей без перезагрузки страницы (это НЕ многократно здесь обсужденная ранее "версия для печати" - в моем случае меняется все форматирование страницы). Соответственно есть две таблицы стилей - style1 и style2. Проблема в том, что одна и та же кнопка должна при каждом следующем нажатии переключать эти две таблицы туда-сюда. Я погуглил на эту тему - есть куча решений для случая с выбором стиля из списка (да я и сам так могу сделать), есть решения для включения/выключения CSS вообще, а…

    Asked by Daikengo,

    0 votes
    2 answers

  25. Помогите найти ошибку в CSS

    Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…

    Asked by luluandra,

    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