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. Дочерне-родительские селекторы

    Здравствуйте. Пример: <div class="main"> <ul> <li> <a href="http://site.ru">текст ссылки 1</em></a> </li> </ul> </div> Подскажите, как для div.main переопределить свойства, но только если внутри него (и внутри списка) есть ссылка на сайт site.ru? div.main ul li a[href^=http://site.ru] {...} изменить свойства ссылки, а нужно изменить свойства div.main.

    Asked by ExP,

    0 votes
    3 answers

  2. дочерние <div> выходят за пределы родительского

    Подскажите пожалуйста как решить проблему.При неоднократном обновлении окна браузера содержимое странички не стабильно.То-есть иногда правильно отображается иногда неправилно. http://jsfiddle.net/tpt6e0qq/1/ неправильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101186476295497458&oid=117227156135925600779 правильно https://plus.google.com/117227156135925600779/posts/8BQhJfH6BGT?pid=6101172383986281410&oid=117227156135925600779

    Asked by sergeiko,

    0 votes
    2 answers

  3. Дочерние селекторы в IE6

    Доброго времени суток. Это моя первая тема и первое сообщение. Я новичок в изучении HTML верстки и как любой новичок сталкиваюсь с определенными сложностями. Слава богу информации всевозможной на эту тему достаточно много, бери и учись. Очень много полезного узнал именно на сайте _www.htmlbook.ru. На мой взгляд это лучший сайт для начала изучения. Для новичка все разжевано и разложено по полочкам. Выше была присказка, дальше будет сказка)) Задача: Создать выпадающий список 2-3-4...n уровней, методом CSS. В разных источниках, предлагается много разных рабочих вариантов. Попробовав несколько из них, я остановился на одном из них, наиболее универсальном на мой взгляд. Все ра…

    Asked by Selen,

    0 votes
    16 answers

  4. Дочерние селекторы и таблицы

    Имеется HTML-код: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Заголовок страницы</title> <link media="all" rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table class="my"> <tr> <td> Col #1 </td> <td> Col #2 </td> </tr> </table> </body> </html> и CSS-код: table.my > tr > td { color: red; } Не могу понять, почему данная конструкция не р…

    Asked by Vialls,

    0 votes
    4 answers

  5. Дочерние селекторы наоборот

    Добрый день. Прошу совета у знающих людей. Дано меню: <ul> <li> <a id="parent" target="_self" href="">Алкоголь</a> <ul> <li> <a id="parent" target="_self" href="">Виски</a> <ul> <li> <a id="parent" target="_self" href="">Страна</a> <ul> <li> <a class="current" target="_self" href="">Марка</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> Как при наличии id="current" у последнее ссылки присвоить свойства <a id="parent" target="_self" href="">Страна</a> <a id="parent" target="_self" href="">Виски</a> <a…

    Asked by lostprophet,

    0 votes
    3 answers

  6. дочерние селекторы, IE8, * html IE7

    такие вопросы: 1) поддерживает ли IE8 дочерние селекторы? 2) понятна ли строчка * html #container IE8 и IE7? 3) IE8 и IE7 также как и IE6 работают со свойством height (т.е не по стандартам, растягивает блок с ограниченной высотой длинным текстом)

    Asked by sum41,

    0 votes
    3 answers

  7. Дочерние элементы таблиц

    Начал верстать таблицей и решил отказаться от классов. Наваял вот таких крокодилов W3 похвалил, сказал - всё валидно по CSS3. Konqueror 1.5 работает! O9/11, Fx (не помню, но не старый) и IE7 - не работают. Ошибка, кажется, в том, что table>tr>td не считаются дочерними и/или для табличных элементов не определяются first-child. Хочу узнать, есть ли более точная информация или я неправильно всё это понимаю.

    Asked by skvor,

    0 votes
    9 answers

  8. Дочерний DIV на всю длину родителя

    Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> …

    Asked by Electron,

    0 votes
    10 answers

  9. Дочерний блок больше высотой чем у родительского

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

    Asked by ilyas,

    0 votes
    1 answer

  10. Дочерний и смежный селектор CSS в IE7-8

    Добрый день. Для корректной работы меню, на сайте использовал дочерние (.classA > .classB) и смежные(.classA + .classB) css селекторы. В браузерах Chrome, Opera, FireFox, Safari всё корректно отображается. В IE7-8, не смотря на заявленную поддержку оных селекторов, к сожалению, не работают. Вычитал здесь, что для корректной работы нужно выставить верный DOCTYPE. А вот какой не сказано. Отписался автору - пока молчит. Пробовал сам поиграть doctype'ами - эффекта нет. Подскажите, пожалуйста, куда копать и как всё таки заставить IE понимать данные селекторы. Заранее спасибо.

    Asked by Astor,

    0 votes
    7 answers

  11. Древо-меню

    в jquery есть такой параметр, как unique: true - он позволяет оставаться одновременно открытым только одному блоку в древе меню, как можно эту функцию перенести в Javascript?

    Asked by chest,

    0 votes
    2 answers

  12. Древовидная карта сайта

    Можно ли как то реализовать на CSS карту сайта в виде этого:

    Asked by Tmin10,

    0 votes
    15 answers

  13. Древовидная структура комментарием

    Привет всем. Вот захотел у себя в блоге сделать древовидную структуру комментариев. Только не знаю как реализовать, у кого есть какие идеи?

    Asked by vvsh,

    0 votes
    23 answers

  14. древовидная структура ссылок

    Всем привет! Люди плз помогите как в html можно реализовать дерево ссылок. Тость что б в правой части окна было как в винде дерево (при нажатии на + открывалось все что прописано или лутьше все что в нем находится). Возможно ли это вообще?

    Asked by hoot,

    0 votes
    4 answers

  15. Древовидные комментарии

    расскажите кто-нибудь как сделать древовидные комментарии, как например на Яндексе и тут http://habrahabr.ru/blogs/ui_design_and_usability/22820/

    Asked by Deacon,

    0 votes
    11 answers

  16. Древовидные комментарии

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

    Asked by Anarchist,

    0 votes
    3 answers

  17. Древовидный выпадающий список. Помогите

    Товарищи вебмастеры. Помогите профану. Хочу у себя на блоге (Blogspot) в страницу включить древовидный выпадающий список. Можно javascript только вставить в страницу. Доступа к файловой системе и к базам нет. Страница получается статическая а контент довольно длинный будет. Нужно сделать выпадающие списки. Редактироваться это чудо будет ручками, прям в хтмл. Никаких форм. Нужен простой без наворотов скриптик. Подозреваю что он прост. Но не знаю как его реализовать. Например: +Россия ++Город1 Специалист1 Специалист2 .................. СпециалистN ++Город2 Специалист1 Специалист2 .................. СпециалистN +Белоруссия ++Город1 Специалист1 Специалист2 СпециалистN ++Город…

    Asked by Han-uman,

    0 votes
    1 answer

  18. Древовидный список

    Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…

    Asked by Незнайка,

    0 votes
    1 answer

  19. Древовидный список

    Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном прогр…

    Asked by Atmos,

    0 votes
    1 answer

  20. Дрессировка кошек

    Помогите выполнить задачу. Необходимо, чтобы морда кошки оставалась на месте, а при изменении размеров окна зарезалась левая часть фотографии. Пробовал привязывать к правой стороне с отрицательными отступами в процентах, но фотография не всегда была вплотную. Надеюсь понятно выразился. Пример: http://jsfiddle.net/eZ2y2/embedded/result/ HTML: <div id="wrapper"> <div style="height: 1000px;">content</div> </div> <img id="photo" src="http://basik.ru/images/firecat/short.jpg"> CSS #wrapper { width: 400px; background: red; margin: 0 auto; opacity: 0.5; } #photo { border: 1px solid blue; position: fixed; top: 0; left: 0; z-index: -1; he…

    Asked by yarikus,

    0 votes
    10 answers

  21. Дробное значение

    Подскажите, все ли браузеры могут правильно отобразить блок, если ширину ему задать в дробном значении, например: <div class="width:7.5%"></div> ?

    Asked by Nird,

    0 votes
    5 answers

  22. Дробные значения в CSS

    Нужно поделить резиновую страницу на 3 равные части. Примерно вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> </head> <style> body { min-width: 800px; } div.column { width: 33.3%; float: left; height: 500px; /*временно*/ } .first { background: #fc0; } .second { background: #cf0; } .third { background: #0cf; } </style> <body> <div class="column first"> </div> <div class="column second"> </div> <div class="column third"> </div> </body> </html> Проблема в ширине блока. Поставил 3…

    Asked by kvant,

    0 votes
    14 answers

  23. Дробный font-size

    Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }

    Asked by seemax,

    0 votes
    15 answers

  24. Дрожат изображения в Mozilla Firefox 33

    http://www.dev.domstroi69.ru в слайдере дрожат изображения (браузер Firefox 33)(( в других браузерах такого не наблюдается... первый раз с такой проблемой сталкиваюсь, если есть идеи решения проблемы просьба отписаться.

    Asked by Daniil Khanin,

    0 votes
    5 answers

  25. дропдаун меню

    меню при наведении на элемент перекрывает див котрый под ним, подскажите, как исправить? посмотреть можно тут arsenalprint.kz/archive/archive.html если уменьшить высоту блока mainmenu

    Asked by like2dev,

    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