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. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j,

    0 votes
    9 answers

  2. проблема с верхним/нижним регистром

    Здравствуйте всем. В общем проблема раскрыта в описании темы (при вставке верхнего индекса в html смещаются строчки) код: что получается: а вот мой код CSS: Код: div#txt p { margin:6px 10px 6px 10px; line-height:1.2em; font-size:0.9em; font-weight:normal; } в чем может быть проблема, подскажите пожалуйста

    Asked by antip,

    0 votes
    2 answers

  3. переход от страницы html на страницу php и обратно

    вопрос такой: может ли сайт состоять из страниц php и html? то есть будут внутренние ссылки со страницы html на страницу php и обратно. Это всё дело будет нормально работать?

    Asked by Arkada,

    0 votes
    5 answers

  4. Проблемы с кодом.

    Есть такой код <!--Сделано в CatsHtml--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> </head> <body> <!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>Мой сайт</title> <style type="text/css"> BODY { background: url("pic.gif") repeat-x; text-align: center; } DIV { margin: auto; width: 81%; height: 90%; t…

    Asked by Gardarik,

    0 votes
    7 answers

  5. Подскажите новичку:)

    html <!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=UTF-8"> <link href="style.css" rel="stylesheet" type="text/css" media="screen"/> <title>Мой первый шаблон</title> </head> <body > <div class="body_wrapper"> <div class="conteiner"> <div class="header"> <div class="header_logo"> <h1><span></span></h1> <div class="search"> <form action ="http://www.vkontakte.ru"> <div> <h3>Search:</h3&gt…

    Asked by Xepb,

    0 votes
    9 answers

  6. Всё вроде нормально а вот одна все равно пригает

    По тесту W3 у меня все почти нормально; да вот с одной страницей не смогла справится никак (а то знаю что простой вопрос и форум из за этого не стоило . . .). Данная страница скачет по горизонтали. Помогите пожалуйста, я новичок . . . Вот она, эта страница (без пробелов): w w w .t a m c r e d i t . g e / f i n a n c i a l . h t m

    Asked by Dobo,

    0 votes
    1 answer

  7. Ненумерованый список в ИЕ и Лисе=\

    Здравствуйте! Верстаю несложный шаблончик. Там в шапке есть меню вертикальное, выполненное в виде ненумерованого списка. Так вот это меню в осле и в лисе отображается абсолютно по разному((( Вот так в лисе (нормально): а вот так в горячо любимом осле: Вот кусок css для этого меню: .menubox { float: left; background: #fff url(../images/menubox_1.png) no-repeat left top; width: 292px; height: 349px; } .most_image { float: right; width:588px; height:349px; } #spisok { margin-left: -30px; font-size: 2.8em; font-family:"Times New Roman"; font-weight: normal; font-variant: small-caps; } #spisok ul { list-style-type: square; color: #a8a8a8; } #spisok li a { color…

    Asked by rijy,

    0 votes
    4 answers

  8. Вирус в коде

    Всем добрый вечер. Народ помогите удалить вирус в коде не пойму где он именно?, вот ссылка http://school7tver.ru/ Антивирус Аваст! Вирус HTML:IFrame-FA [Trj] ?

    Asked by SimpsoneJkee,

    0 votes
    20 answers

  9. Можноли что то сделать?

    Установил google Adsense сайт у меня сайт валидный XHTML 1.0 был, как только его установил фаерфокс плагин показывает ошибки фрейма которые видимо сгенерировал гугл, можно-ли что-нибудь сделать, кто нибудь сталкивался?

    Asked by woofs,

    0 votes
    1 answer

  10. Помогите, разобраться с фоном.

    Здравствуйте! Помогите пожалуйста, никак не могу сделать так, чтобы background (картинка, напр. изображение реки) в IE не прокручивалась, и не дублировалась. В Opera это сразу получилось, а IE никак, помогите кто сведует.

    Asked by alexander_21777,

    0 votes
    13 answers

  11. пунктирное подчеркивание у ссылки

    Нужно сделать, чтобы у ссылки было подчеркивание пунктирной линией. Делаю так: a { display:block; border-bottom: 1px dashed white; text-decoration:none; padding:2px; padding-top:20px; color: #ffffff; } Но тогда пунктирная линия растягивается на всю ширину, а не только под текстом. Как сделать, что бы подчеркивался только текст ссылки? Заранее, спасибо

    Asked by top-top,

    0 votes
    8 answers

  12. как сделать чтобы текст в ячейке прокручивался.

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

    Asked by sofo,

    0 votes
    4 answers

  13. Все та же проблема..

    Опять вопрос про height: 100%, а точнее про то, как сделать так, чтобы везде все работало Знаю, что проблема обсуждалась уже многократно, но что-то все никак не выходит, поэтому прошу помощи у тех, кто может помочь Верстаю сайт, задача: header фиксированный, футер тоже, сайт в высоту страницы, в середине content, у которого, в случае необходимости образовывается scroll. Т.е. хедер и футер всегда на странице, а между ними контент со скролом (если не влазит без него)... Вот пример того, что получилось (в IE работает как и задумано): http://show.lanzs.ru/7/ В IE все в порядке, в Opere - через js - при загрузке подгоняет размер content`а, а вот с FF ну никак не получается с…

    Asked by lanzs,

    0 votes
    3 answers

  14. Размер Шрифта (RESIZABLE FONTS)

    как протестировать увеличение шрифта в браузерах и вообще правильно ли я делаю? body {font-size: 100%} #общий_контейнер{font-size: 1em;} ну а в других частях .5 em, .8 em.......... спасибо

    Asked by termoplus,

    0 votes
    15 answers

  15. Как расположить в таблице 3 фрейма

    1. Расположить главную таблицу. 2. В главную таблицу расположить еще одну таблицу, с 3мя ячейками 3. В каждой ячейке должен быть фрейм. Как можно реализовать задуманное?

    Asked by sheyker,

    0 votes
    4 answers

  16. Как фиксить затирание полей формы с селектами в IE6 при скроллинге?

    Собственно такая проблема мучила наверняка каждого. В IE6 при прокрутке, если на странице присутствует форма с селектами (<form/> <select/>).. селект затирается, тупо перестаёт быть видимым. Только ли с position:relative; в стилях это связано?

    Asked by BassEast,

    0 votes
    3 answers

  17. При наведение мыши убирать пунктирное подчеркивание и давать сплошное

    Здравствуйте Имеется меню которое php выводит из smarty шаблона Пункт "Специальные предложения" выделен пунктиром <span id="small_white_bold"><a href="/main/">Главная</a></span> <span id="small_white_bold"><a href="/about/">О компании</a></span> <span id="small_white_bold"><a href="/news/">Новости</a></span> <span id="small_white_bold"><a href="/articles/">Статьи</a></span> <span id="small_white_bold" style="border-bottom: 1px dashed;"><a href="/special/">Специальные предложения</a></span> <span id="small_white_bold"><a href="/contacts/"…

    Asked by f0rym4anin,

    0 votes
    3 answers

  18. Три колонки превращаются в две

    Есть страничка содержащая три колонки. Колонки могут быть разной высоты. Каким образом можно сделать так чтобы при скрытии правой центральная автоматически расширялась вправо?

    Asked by BabyWolf,

    0 votes
    2 answers

  19. Размер шрифта в таблицах.

    Раньше приходилось сталкиваться с тем, что таблицы не наследуют размер шрифта от родителя. Но сейчас что-то любопытное. Одинаковый код на разных хостингах. Размер шрифта прописан только для BODY - 13px; На одном хостинге у текста в таблице шрифт такой же - 13px. На другом 16px (т.е. размер по умолчанию). Как это исправить я понимаю: TABLE{font-size:13px} Но как объяснить это явление? И должны ли таблицы, как все нормальные люди, наследовать шрифт от BODY?

    Asked by Колос,

    0 votes
    6 answers

  20. "АЛЬБОМ" на сайт...

    Здравствуйте дорогие HTML'щики это снова я... Теперь такой вопрос, мне нужно сделать альбом на подобии этого - click Что именно мне нужно... хм... я хочу сделать так, чтобы отображалась картинка, справа кнопка ">", а слева "<" жмём на ">", страница не меняется а вместо картинки той что была появилась следующая. Жмём на "<" появилась та которая была до этого. Желательно чтобы вместо знаков > и < были картинки - < > ; знаю на том сайте что я предложил изменяется страница, мне хочется чтобы изменялась только картинка, возможно ли это??

    Asked by Hawk173,

    0 votes
    6 answers

  21. помогите новичку

    Всем привет! Недавно начал изучать CSS, возникли такие вопросы: 1)чем отличаются Классовые селекторы от ID селекторов? В справочнике прочёл, что CLASS - атрибут элемента в HTML, определяющий его класс, а ID - индивидуально именованный стиль. Но ведь разместить слой можно как через class так и через ID? В чём разница, покажите, пожалуйста, на примере. 2) как сделать рамку страницы с тенью? Проанализировав сайты, выяснил, что дизайнеры создают фон с рамкой 300x300 px, но как они размещают его. Получаются что растягиют? Как это реализовать? 3) И напоследок. Некоторые сайты всю графику помещают в один .gif файл. Слышал, что это делается для экономии времени загрузки, потому …

    Asked by FLYERok!,

    0 votes
    4 answers

  22. Проблема с float: left

    Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…

    Asked by Diver2,

    0 votes
    5 answers

  23. появление текста при наведении курсора на рисунок

    прошу подсказать, как сделать так, чтобы при наведении курсора на картинку в определенном месте появлялся текст??? я так понимаю это реализуется с помощью javascript?

    Asked by textcloner,

    0 votes
    15 answers

  24. Помогите с таблицей

    Здраствуйте . Столкнулся с большой проблемой . Есть таблица width 200 гдето . В ней расположены блоки меню . Вопрос : можно ли как то зафиксировать эту таблицу чтобы она недвигаласть а двигался только шаблон ? Вот примерный скриншот Пример можно увидеть на сайте icondock.com там есть слева блок и он вообще недвигается . Очень очень нужно так сделать и мне. тольо без фреймов а как нибутьть подругому . Заранее всем огромно спасибо !

    Asked by dogbsp,

    0 votes
    7 answers

  25. [22.05.09] Для желающих получить опыт вёрстки

    Ниже расположен список топиков, которые находятся в разделе "Макеты для вёрстки", в которые я предлагаю что-то поверстать, просто так, для души. Верстка, по сути, не очень и сложная, но всегда имеющая пару заморочек, которые неискушенному специалисту поломают немного голову. Список будет расти, и расширятся. Рекомендую просматривать тему, в топике буду писать число последнего обновления. * Макет "Раира" * Формочка * Макет "SrcheMall" - макет предоставил Миша Квакин * Макет "Оранжевый банк"

    Asked by Dimitry Wolotko,

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