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. Почему текст вылазит за рамки <DIVa>

    Сверстал страничку, в див инфо поместил еще один див специально для текста, когда ввожу текст он не переносится по строкам, а наоборот вылазит за пределы блока и тянется вправо одной строкой. Помогите как решить эту проблему. Заранее благодарен

    Asked by psy-del,

    0 votes
    3 answers

  2. Как оформить полосу прокрутки в overflow

    Собственно как оформить в цветовой гамме полосу прокрутки? .box { overflow: scroll; width: 450px; height: 200px; padding: 3px; border: 1px solid rgb(20,20,20); }

    Asked by okunev2,

    0 votes
    11 answers

  3. Кто-нибудь знает как побороть svg?

    Сложность в том, что имеется svg объект, убрала из его кода ширину и высоту, теперь нужно расчитать правильно высоту и ширину в em-ах, дабы все это выглядело красиво. В css описываю параметры соответствующие, но выходит, что с некоторых сторон появляется рамка. Кто-нибудь может мне сказать как пиксели перевести в em???? (или это вообще фигня какая-то...В общем помогите, как быть не знаю!)

    Asked by Nomo,

    0 votes
    9 answers

  4. frD-Вертикальный интервал между ячейкам (ПОМОГИТЕ!)

    Мы сделали сайт nrbiz.ru Нарисовали и закинули его в движок, в IE отображение происходит отлично, а во всех остальных меняется интервал , поле меню вертикально растягивается. Подскажите что делать? HTML код страницы привожу ниже, подскажите что прописать в CSS??? <html> <head> <style> a {text-decoration: none; color: FFFFFF } a:hover {text-decoration: underline; color: FFCC33 } </style> <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #ffffff;} .gmtdttl {font-size: 70%; font-weight: bold;color: #0e52ea; text-align:center; background-color: #ffffff} .gmtdtext {font-size: 70%; font-weight: normal; color: #00…

    Asked by snakebuster,

    0 votes
    5 answers

  5. Как сделать слегка расплывчатый шрифт без яваскрипта?

    сабж.

    Asked by Fixer,

    0 votes
    3 answers

  6. Выравнивание div'ов внутри div'а если есть float:left

    Есть такое: Как сделать, чтобы картинки выравнивались по центру относительно container? - не помогает.

    Asked by Satiin,

    0 votes
    7 answers

  7. В Мозилле не отрабатывает padding-left.

    Сайт hotellist.com.ua. Каждая страница, кроме главной, - три таблицы: шапка, контент, подвал. Таблица "контент" состоит из трех столбцов ("left", "1st", "2nd"). Столбец "left" служит для создания вертикальной зеленой полосы. "Ферст" и "секонд" - содержимое. Для "ферста" прописал отступ содержания от границы соответствующей ячейки: "padding-left:5px;". В IE все отлично - отъезжаем на нужные пять пикселей. В Мозилле эта конструкция не отрабатывает и содержимое идет впритык, а если еще и в строке первой буквой идет "у", а она, в силу специфики сайта, идет очень часто, хвостик от "у" вообще выезжает в зеленый столбец. Не смертельно, но снижает читабельность, да и просто, по-…

    Asked by Добрый бобр,

    0 votes
    2 answers

  8. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin,

    0 votes
    13 answers

  9. куда поставить ID?

    Добрый день! Проблема такая. Необходимо к маркированному списку добавить id="afi". Идентификатор задает шрифты и пр. именно для этого списка из 20 строчек. Вопрос: идентификатор надо добавить только к - вот так ?Или помимо этого его надо добавить еще к каждому [*] из этого списка? Спасибо!

    Asked by Vimaz,

    0 votes
    7 answers

  10. Ввод данных в форму и параметр value

    Что нужно сделать, чтобы при вводе данный в форму значение параметра value исчезало, подключать JavaScript?

    Asked by elaphus.vitality,

    0 votes
    6 answers

  11. единицы измерения

    Набрел и не могу понять http://htmlbook.ru/css/text-indent.html что значит там "ем" ? Единица длинаы ? А где их полный список можно посмотреть ? —-

    Asked by HelpIT,

    0 votes
    13 answers

  12. Safari background repeat bug

    У Сафари есть есть баг, связанный с неполной поддержкой background-position. То есть не работает отступ, заданный в пикселях: Код: background:url(../img/bg/image-repeat.gif) repeat-x 0px 28px; Фон начинается с нулевой позиции. Есть решение для неповторяющихся картинок: http://creativebits.org/webdev/safari_back..._repeat_bug_fix Но для повторяющихся изображений, как в моем случае - решений пока не найдено. Вопрос - как обойти этот баг для повторяющихся картинок? Вставлять прозрачный фрагмент - не подойдет, так как этот фрагмент будет повторяться. Заранее спасибо

    Asked by strix,

    0 votes
    5 answers

  13. Как залить background градиентом?

    Видел много сайтов, где на фоне не чистый цвет, а градиент. Можно ли как-нибудь такое сделать с помощью CSS? Может есть возможность растягивать изображение на весь экран?

    Asked by yarikzv,

    0 votes
    2 answers

  14. frD-Реализация элемента дизайна

    Помогите, пожалуйста, найти технологию реализации элемента дизайна, указанного на картинке (окна со скроллингом с раличными элементами внутри). http://www.golovachev.ru/505/111.jpg

    Asked by pbeloysov,

    0 votes
    8 answers

  15. img, вылезающая за пределы div?а в Opera при уменьшении размера окна

    Имеется код: <!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</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…

    Asked by WM,

    0 votes
    2 answers

  16. Значение отступов взависимости от разрешения.

    Подскажите, можно ли как нибудь так прописать в css чтобы значение отступов для браузера различалось при разных разрешениях монитора, Например: чтобы для 800х600 равнялось нулю, а для 1024х768 и выше = 3%. Или без скриптика тут не обойтись?

    Asked by botan,

    0 votes
    10 answers

  17. Проблема с резиновым макетом.

    Можно ли вообще сделать несколько таблиц в одной таблице, чтоб они нормально отбражались на разных разрешениях? То есть, делаю так, таблица, во все окно, width="100%", делю на три столба тоже в процентах, в двух столбах делаю по три таблицы, так же каждая width="100%", в результате на обычном дисплее все нормально, на широкоформатном в правом столбе уходят на уменьшение все три таблицы. Может, вообще таблицами сделать ровно не реально, только слоями, если так то буду пререписывать. Там просто таблицами было бы удобней, много табличной информации.

    Asked by Mants,

    0 votes
    3 answers

  18. помогите сверстать шрифт

    Я создал в фотошопе надпись, выбрав шрифт Compact-Bold размером 20pt, и выбрав anti-aliasing method равный Crisp. А как мне все это записать в css, чтобы было что-то вроде style="font:Compact-Bold;font-size:20pt;color: #386789;"

    Asked by andrey123,

    0 votes
    6 answers

  19. Как растянуть страницу?

    Оброзовалась проблема,нужно растянуть страницу под разрешение экрана,т.е. чтобы страница автоматически растягивалась под разрешение экрана.Стоит фон страницы картинка.

    Asked by vl@dvk,

    0 votes
    9 answers

  20. Эти вредные меню

    Подскажите, как создать такое меню, чтоб при нажатии на его элемент разворачивались еще несколько вложенных пунктов? В общем похожее меню: http://htmlbook.ru/content/

    Asked by Serg_Bloim,

    0 votes
    3 answers

  21. Слой в ячейке таблицы

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

    Asked by Shar,

    0 votes
    4 answers

  22. Проблема с CSS в Smarty

    У меня проблема, Большая... Есть структура: templates/index.tpl css/main.css index.php Код index.tpl <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0.1//EN"> <html> <head> <title>{$page_name}</title> <meta name="robots" content="index, follow"> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta http-equiv="pragma" content="no-cashe"> <link rel="stylesheet" type="text/css" href="/css/main.css"> </head> <body> <h2>{$head_page}</h2> </body> </html> Код main.css h2 { color : red; font-family : 's…

    Asked by shkoda,

    0 votes
    10 answers

  23. Сверстать фоновую страницу

    Страница состоит из тр?х частей(верх центр низ): top content и bottom top и bottom заданы no-repeat, а в contente повторяющаяся картинка repeat-y и при повторении искажается градиент(который присутствует на самой повторяющейся картинке в разделе content) вопрос: Как избежать искажение ?

    Asked by Lazar,

    0 votes
    10 answers

  24. html или javascript?

    Можно ли сделать следующую вещь с помощью только html без javascript? Есть сверстаная дивами страничка, резиновая. При ресайзе она пропорционально изменяет свои размеры. Ее правый и левый край (с тенью) -- размножаемая по вертикали картинка высотой в 1px. Фиксированую высоту я, диву в котором она находится, задать не могу, т.к. она динамеческая. И, в зависимости от размера окна, все время разная. Так вот можно ли как нибудь сделать,чтобы картинка эта размножалась адекватно без скрипта? Здесь много текста стили: .list_left{ background:url(images/list_center_right.jpg) repeat-y; width:30px; float:left; } .list_right{ position:relative; background:url(images/list_cente…

    Asked by Icida,

    0 votes
    4 answers

  25. проблема с display:none

    Здравствуйте всем! Имеется таблица, каждая строка которой представляет собой "подтаблицу", которая при начальной загрузке страницы невидима, т.е. display=none. Есть кнопка, которая по нажатию отображает эту вложенную таблицу, так вот, в IE работает все нормально, но в FF и Опере содержимое подтаблиц вталкивается в первую ячейку, а не распределяется по колонкам. Код таблицы приведен ниже. Название Дата Очки Показать Вложенная таблица 1 1. Строка 1 21.05.2007 14:36 20.00 ... Кто подскажет, в чем причина? Заранее спасибо!

    Asked by a_web,

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