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. не понятная ошибка

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

    Asked by slo_nik,

    0 votes
    2 answers

  2. Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании

    Вот есть, например, такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> </head> <body> <table> <tr> <td style="background-color:#ff00ff"> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div> </td> </tr> </table> </body> </html> В IE 7 и 8 возникает проблема с наложением слоёв. То есть слой, при нажатии на который дол…

    Asked by Link,

    0 votes
    4 answers

  3. фон родительского блока и дочернего

    Всех приветствую! Помогите разобраться, необходимо, чтобы background родительского слоя был выше background'а дочернего слоя. Проставлены: z-index и position: relative для слоев (z-index род > z-index доч), но однако ничего не работает. Как такое реализовать на css?

    Asked by theo_,

    0 votes
    3 answers

  4. Нижняя граница строки в таблице фоном....

    Хочу сделать нижнюю границу у строки в таблице фоном...... <table cellspacing="0" cellpadding="0" class="table_propetis"> <tr style="background-image: url(images/newsbuttomline.png); background-position: left bottom; background-repeat: repeat-x;"> <td class="table_propetis_param">Вес</td> <td class="table_propetis_value">5 кТн</td> </tr> </table> везде всё чётко...... а IE эту самую нижнюю границу не отображает (((

    Asked by alexander.parphenuyk,

    0 votes
    6 answers

  5. Прокрутка

    Есть такой интересный скрипт пот скрин http://image4all.narod.nnov.ru/images/1210...d3388c9ff98.png Как сделать такую прокрутку.Мне говорили это такое свойство подскажите как сделать?!Это прокруска не всец страницы а например текста в блоке!

    Asked by kayl07,

    0 votes
    4 answers

  6. Проблем с div болком в ie6

    На сайте http://www.ford.ams-auto.ru/news/?id=322 в ie6 средний блок( с новостями) постоянно уходит вниз. Как можно решить данную проблему?

    Asked by Dim,

    0 votes
    4 answers

  7. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  8. Разъясните пожалуйста принцип работы правила css.

    Добрый день! Верстаю свой первый шаблон+выпадающее меню , по ходу дела возникают вопросы касательно css. Прошу помочь разобраться. 1) Как обрабатывается правило вида: ul#direct li:hover li a {...}. Неясность здесь создает псевдокласс hover. 2) Не понимаю принцип работы правила вида: ul#direct ul ul. Для чего указывается ul два раза после ul#direct. Если я правильно понял контекстные селекторы, достаточно указать: ul#direct ul. Однако, если убрать второй ul - работа нарушается. Почему? Спасибо за помощь.

    Asked by denn,

    0 votes
    4 answers

  9. привязка края страницы к координатам

    Только начал заниматся веб програмированием и тут же вбил себе в голову что хочу сделать сайт именно с таким дизайном, а именно. Мне нужно что бы сайт был статичным. У него по краям будут некоторые поля, не содержащие важной информации и мне нужно что бы при уменьшение разрешения они "съедались" а при увеличение показывались настолько насколько увеличилась ширина страници. Этот приём риализован на сайте http://www.worldofwarcraft.ru (я не собираюсь воровать их дизайн, а просто обсуждаю техническое устройство их веб сайта из любопытства) Что интересно полоса прокрутки при уменьшение ширины страници появляется только когда начинает сжиматся уже центральная часть страници с …

    Asked by Barsik,

    0 votes
    12 answers

  10. кнопка

    Народ помогите добавить кнопку в меню сайта.Как это сделать. Даже скажите как правельно это сделать и что где нужно прописать.для этого сайта

    Asked by ppvkomi,

    0 votes
    25 answers

  11. Статистические страницы

    Доброго времени суток гуру форума ))) У меня такая проблема, З.Ы (пишу своими словами, тапками не кидать) Ну вот у меня есть сайт с 1 меню Главная и ссылкой на него glavnaya.html как мне сделать еще 1 меню контакте со ссылкой kontakt.html не копировая glavnaya.html тоесть если ети 2 странички будут то их легко переименовать и редактировать а если таких будет 100 тогда как поступить помогите с решением проблемы ! (извеняюся за непонятность) Заранее спасибо )

    Asked by yaroslav,

    0 votes
    4 answers

  12. две разные ссылки в одном документе

    цвета ссылок меню хочется оставить прежними, изменив при этом только hover отдельных ссылок (вне меню) ссылки меню прописывал в css ,попробовал другим ссылкам поменять цвет через новый класс, ничего не получилось, может ещё как?

    Asked by Melted,

    0 votes
    5 answers

  13. Как запретить перенос текста в определенном фрагменте?

    Есть некоторый текст. Например: Задача запретить перенос строки в фрагменте: [-1 P. Sem.] Т.е. можно чтобы текст переносился вот так: или так: А так нельзя: и так нельзя: Возможно ли как то это сделать? Есть ли какие то специальные теги в хтмл, запрещающие перенос строки в обрамленном фрагменте текста?

    Asked by Semreg,

    0 votes
    43 answers

  14. H1 и Span

    Здравствуйте. Для своего сайта я использую в новостном блоке для названия новости h1 заголовок и пере ним спан, но имея поверхностную информацию о SEO не знаю, правильно ли это. <h1 class="title><span>12.03.12.</span>Название новости</h1> для title прописаны в основном свойства шрифта и бекграунд, а для span цвет. Новостной блок по схожести как на http://tes.ag.ru/

    Asked by Sayitright,

    0 votes
    16 answers

  15. Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...

    Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…

    Asked by Sulpher,

    0 votes
    2 answers

  16. Проблема с размещением картинки относительно текста

    Возникла проблема с размещением картинки относительно текста: <html> <head> <title>Site</title> <style type="text/css"> BODY { font-family: Arial, Helvetica, sans-serif; } .text { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 13px; position: relative; } .top { font-family: Comic Sans MS, sans-serif; color: white; font-size: 32pt; } .pic { color: #2E5C82; } .zag { font-size: large; font-family: Comic Sans MS, sans-serif; color: #2E5C82; } </style> </head> <body> <center> <table><tr><td width=500> <span class="zag"> <p style="text-ali…

    Asked by Zexler,

    0 votes
    4 answers

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

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

    Asked by Spidey,

    0 votes
    6 answers

  18. Старый больной Ослик

    Друзья спасите!!! Понимаю, что надо отказаться от поддержки IE6, но вся работа по кроссбраузерности позади...осталась одна странная засада: в текст в тегах абзаца вставлены обтекаемые текстом картинки, которые в Ослике (!!!) ОСТАЮТСЯ ПОД ФОНОМ. Т.е. весь текст виден, места под картинки предопределены, а сами изображения видно секундочку только при перезагрузке страницы...потом их накрывает фон. Бред. Причем ВСЕ остальные браузеры отображают страницу нормально. Гуглил, но результатов 0. Вдруг у кого такое было... Кстати сказать, если изображения вывести из тега абзаца, то они появляются.

    Asked by carakurt,

    0 votes
    2 answers

  19. Ломается див, если убрать border: 1px;

    В общем прошу прощения - но примера привести конкретного не могу( Несколько раз в процессе верстке встречал (у Оперы и 1 раз у ИЕ), что при каких-то обстоятельствах, если убрать бордер у блока - то он теряет свое текущее местоположение (например может опуститься вниз на 20 пикселей) или т.п., может внутри него контент сдвинуться тоже непонятным образом( Может кто-то знает такой баг и почему так происходит?

    Asked by Razor,

    0 votes
    5 answers

  20. Как сделать такой каркас...

    Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...

    Asked by alexander.parphenuyk,

    0 votes
    11 answers

  21. Установка Opera developer tools

    Вопрос немного нетривиальный и возможно слишкой странный ))) немного полазив по http://dev.opera.com/articles/view/opera-developer-tools/ и почитав инструкции по установки вошел в конфуз, выйти пока не могу!!! говорится перетащите developer tool button в верхнюю часть оперы, ВРОТМНЕНОГИ, где эта кнопка? у меня последняя 10 опера

    Asked by TonKhaO,

    0 votes
    8 answers

  22. ie6

    Приветствую. Вобщем при адаптации верстки под ie6 столкнулся с неприятным моментом. Который меня просто озадачил. Есть CMS, использующая smarty шаблоны. Есть шаблон. Есть ряд страниц. Верстка на одной летит в тартарары, а на другой почти корректно. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ Здесь недорисовывается левое меню. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ здесь же все хорошо

    Asked by =Shaman=,

    0 votes
    5 answers

  23. перекрытие div'ов - первый сделать выше всех (кроме z-index)

    в общем проблема: есть 2 div - сначала один, потом второй, в коде с одинаковыми параметрами стиля: <div style="text-align:center;font-size:16pt;padding:10px 50px;z-index:2222212489;position:fixed;left:0pt;top:0pt;background:#ffffff;text-decoration:none;width:999px;height:999px;">что-то</div> так вот, какой бы z-index у первого ни делал, второй всегда перекрывает первый. задача - как еще можно сделать (кроме z-index), чтобы первый всегда был сверху (читай - виден) независимо от параметров второго зы: important не могу вставлять.

    Asked by crunchar,

    0 votes
    7 answers

  24. форматирование значения кнопки.

    как можно подчеркнуть значение (текст) кнопки? пробовал input.button{text-decoration:underline;}, но сработало только в ие 6, остальные игнорируют. спасибо.

    Asked by html,

    0 votes
    5 answers

  25. Не меняет цвет ссылки в ul li при hover

    Добрый день. Буду благодарен за помощь. Есть горизонтальное выпадающее меню: ... <ul id="nav" class="dropdown "> <li class="dir">Каталог <ul> <li><a href="#">Буры</a></li> <li><a href="#">Шнеки</a></li> <li>Буровая техника</li> <li><a href="#">Комплектующие</a></li> <li><a href="#">Отзывы о продукции</a></li> </ul> </li> ... Есть CSS который описывает внешний вид меню. (#e5cfa1 - светлый бежевый цвет, #332119 - темный коричневый ) ul.dropdown a:link { color: #e5cfa1; } ul.dropdown a:hover { color: #3321…

    Asked by gikach,

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