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. Таблица и "контентная" ширина колонок

    Доброго. Есть следующая таблица (все пихнул в один блок да бы не разбивать на части) <!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>grid_one_doc</title> <style type="text/css"> /*** x-grid ***/ .x-grid { border: 1px solid #DCEBF7; } /* defaults & same options */ .x-grid * { margin: 0px; padding: 0px; border: none; } .x-grid table { border-collapse: collapse; border: none; width: 100%; table-layout: fixed; } .x-…

    Asked by klierik,

    0 votes
    2 answers

  2. Проблема с меню

    Ребята, Мозилла на отрез отказывается отображать менюшки(сделанные в Ксаре), ИЕ и Опера без проблем, а вот Мозиллу уговорить не могу, что делать? Помогите чем смогите, пожалуйста!

    Asked by Сеня,

    0 votes
    1 answer

  3. проблема с таблицей

    есть такая конструкция: <table border="1"> <tr> <td height="20"> </td> <td rowspan="3"> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>texta</p> </td> </tr> <tr><td> </td></tr> <tr><td height="20"> </td></tr> </table> Почему то не выдерживается высота верхней и нижней ячеек. там же явно задана высота. По логике должна растягиваться центральная ячейка. Не работает ни в эксплорере ни в Опере max-height не…

    Asked by folibis,

    0 votes
    5 answers

  4. Проблема с позиционированием

    Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…

    Asked by Aemeth,

    0 votes
    14 answers

  5. Внешний вид полос прокрутки

    Хотелось бы изменить внешний вид полос прокрутки. Как это сделать для IE - уже нашел. А для Mozilla что нужно прописать в коде? И можно ли в один css впихнуть и для IE и для Mozilla?

    Asked by styleroom,

    0 votes
    3 answers

  6. Background

    Как сделать так что бы бэкграундная картинка не размножалась а было адно и по цетру?

    Asked by Satyr,

    0 votes
    3 answers

  7. Меню

    Что делать если выподающее подменю уходит под фрейм и из-за этого не видно часть текста (только в Опере). Может нужно настроить чтото в самой Опере .

    Asked by Jon,

    0 votes
    10 answers

  8. Многоуровневое дерево на CSS

    Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u

    Asked by klierik,

    0 votes
    5 answers

  9. Высота слоя

    Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> …

    Asked by Ayaweb,

    0 votes
    4 answers

  10. помогите пожасто!!!!

    как сделать так чтобы при table width="100%" и при изменении разрешения монитора не происходили сдвиги содержимого этой таблицы?

    Asked by master po metallyfe2o3@in,

    0 votes
    11 answers

  11. параметр min-width

    Здравствуйте! У меня две колонки в div с параметром float, но когда окошко браузера уменьшается, то одна колонка съезжает под другую. Я прочитала статью об этом (http://htmlbook.ru/faq/?a=53 ) - все работает, но только когда у колонок нет border'a. Как только ставлю бордер - все по новой. Что делать? Заранее мерси, Наташа

    Asked by Lanfear,

    0 votes
    5 answers

  12. Автоматическая типографика на Php

    Автоматическая типографика на Php: http://pixel-apes.com/typografica Очень интересный и полезный скрипт. Аналог используется нынче Лебедями.

    Asked by Maslakoff,

    0 votes
    4 answers

  13. выровнять высоту div'ов

    У меня 2 дива - слева менюшка с раскрывающимся списком, справа текст. Как сделать, чтобы когда содержимое одного дива увеличивалось (больше текста), второй увеличивался автоматически? Засовывала их еще один div, там делала 100% height, но тогда когда менюшка полностью раскрывается, то выходит за границы дива. (Прокрутку делать не хочу)

    Asked by Lanfear,

    0 votes
    2 answers

  14. Как задать ссылке цвет родительского объекта?

    Подскажите пожалуйста, как в стилях задать ссылке цвет родительского объекта? Например: главнаячтобы при изменении атрибута color в стиле td изменялся и цвет ссылки? А то не хочется менять скрипты и вводить дополнительные идентификаторы.

    Asked by nemecfc,

    0 votes
    14 answers

  15. Высота родительского div'a в FF и Opera

    Подскажите, что надо изменить в коде, чтобы в FF и Opera вс? отображалось также, как в ИЕ. <!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>Untitled Document</title> <style type="text/css"> body {background-color:#000000; margin:0;} #main{background-color:#0000ff; margin:0 auto; padding:5px; padding-top:20px; padding-bottom:20px; width:740px;} #inside{margin:0 auto; width:700px; text-align:center;} #header{margin:0 auto; padding:0;} #h-left{background-color:#FF0000; width:366px; flo…

    Asked by serdeles,

    0 votes
    1 answer

  16. изменение маркеров списка

    Хотел сделать раскрывающийся список с изменяющимся при наведении курсора маркером. Этот код работает в ИЕ и не работает в firefox li a:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li a { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Этот код работает в firefox и не работает в ИЕ li:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Как сделать изменение маркера для обоих браузеров без Ява скрип…

    Asked by Rakhot,

    0 votes
    2 answers

  17. DHTML

    Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>

    Asked by Jon,

    0 votes
    6 answers

  18. Только для Оперы

    Подскажите плиз как прописать стиль, который поймет только Опера и проигнорируют другие броузеры?

    Asked by Ladoga,

    0 votes
    5 answers

  19. Помогите разобратся в FLV ! ( ОЧЕНЬ ПРОШУ )

    Вот в чем проблемма, значит захотел я на сайт поставить flv видео, скачал flv плеер, закачал на сайт, начинаю размещать на сайте вот таким вот кодом: <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" src="http://сайт/video/flvplayer.swf" type="application/x-shockwave-flash" flashvars="file=http://сайт/video/video.flv" width="500" height="400" bgcolor="#FFFFFF" /></center> Видео работает, НО проблемма в том, что видео показывается только в маленьком окошке а не в том расширении что я назначил. Вот фото как показывается видео: Помогите сделать, чтобы видео показывалось в том, расширении что я ему назначил.

    Asked by Dmitri,

    0 votes
    2 answers

  20. флэш как ссылка посредством хтмл

    собсно сабж есть флэш ролик 200 на 200 пикселей, нада сделать его ссылкой, ну или область в каторой он находится вопрос: как?

    Asked by BogusUA,

    0 votes
    5 answers

  21. Поиогите разобраться с в?рсткой

    Как сделать чтобы слой id="direct" отображался внизу рубрикатора, а не под ним. В IE отображается как мне надо. Подскажите в ч?м ошибка. И как можно улучшить код? <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style type="text/css"> #nov_level1 { margin: 2px 20px 0 190px; position: relative; } #nov_level2 { background: #f0f0f0 url('../images/ug_lb.gif') no-repeat bottom left; float: left; width: 100%;…

    Asked by Юрий,

    0 votes
    2 answers

  22. Помогите с версткой

    Уважаемые профи! Помогите девушке-непрофессионалу. Занимаюсь сайтом всего месяц.. Как расзместить шапку сайта с новым логотипом во всю ширину страницы, а колонку с кнопками регионов (header.html), котрая находится справа, поместить вниз под шапку? http://www.faudit.ru/page/index.html !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--<body bgcolor="#ffffcc" topmargin=5 leftmargin=2 marginheight="5" marginwidth="2">--> <frameset rows="120,*,1" frameborder="0" framespacing=0"> <frame name="header" src="../page/header.html" marginwidth="2" marginheight="5" scrolling="no" frameborder="0" noresize> <frameset…

    Asked by INNA,

    0 votes
    4 answers

  23. overflow изменение стандартных элементов

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

    Asked by okunev2,

    0 votes
    12 answers

  24. Автоматическая нумерация строк

    Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!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"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

    Asked by Vlad,

    0 votes
    7 answers

  25. Как сделать, чтобы при наведении на ссылку ничего не появлялось в с...

    Как сделать, чтобы при наведении на ссылку ничего не появлялось в строке состояния? Обычные методы: Не помогают. Все равно адрес появляется.

    Asked by nemecfc,

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