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. Проблемы с выравниванием картинки справа вверху в Opera

    Недавно решил сверстать шапку слоями, а не таблицами. В IE и Firefox страница выглядит нормально, а вот в Opera правая картинка залазит влево. Может быть кто-то сталкивался с подобной проблемой и подскажет как правильно сделать, чтобы во всех трех браузерах шапка выглядела одинаково хорошо.

    Asked by podlom,

    0 votes
    8 answers

  2. DIV внутри таблицы / не растягивается в Опере

    Всем привет. Проблема в том, что div вложенный в таблицу не хочет растягиваться на 100% по высоте. В IE и FF вс? нормально, а в Опере не хочет. Вот страничка http://xhtml.ucoz.ru/1/ Помогите пожалуйста {... перенесено в Проблемы с версткой lancer}

    Asked by G-Unit,

    0 votes
    3 answers

  3. выравнивание сло?в по горизонтали

    Не могу выровнять слои по горизонтали. Можно как то задать чтобы три колонки на сайте были по центру пространства или лучше , занимали весь родительский слой ? Пробовал выставить ширину в процентах, но что то оно то да не до конца ... Помогите пожалуйста! Сайт:vermiculit.com.ua/test

    Asked by Kos87,

    0 votes
    9 answers

  4. Padding-bottom не работает в ИЕ

    вот кусок html: <span class="contacts"> Цена: <span class="cost">150.00</span> </span> Вот css: span.contacts { background: #f2f2f2; padding: 6px 6px 4px 6px; } span.cost { color: #cf0105; font-weight: bold; font-size: 16px; } Нижний паддинг в Файрфоксе работает нормально, а вот и в ИЕ6 и ИЕ7 - его нет При этом могу выставить и левый и правый и верхний паддинг для ИЕ, а вот нижний не могу.. display: block для .contacts нельзя, т.к. он потянет блок на ширину 100%, а мне надо по контенту. Подскажите, в чем ошибка и как можно решить эту задачу? Заранее благодарен.

    Asked by milax,

    0 votes
    6 answers

  5. Блок с фиксированными width, height но не block.

    Собственно нужен елемент, например div, что-бы при указанных width, height, он держал форму но при этом не было display:block; т.е. могло быть несколько в одной строке. PS Положить block-элементы в таблицу не преблагать. PPS Заранее спасибо.

    Asked by Astraller?,

    0 votes
    0 answers

  6. Табличная верстка

    Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++

    Asked by Sergey1981,

    0 votes
    8 answers

  7. Ссылки по дуге

    Нужно расположить несколько ссылок-картинок (меню) по горизонтальной дуге. Думал сделать так: #menu li { position: relative; display: inline; } #menu li a { display: block; margin-left: 30px; width: 75px; height: 75px; } а уже сами ссылки подогнать по высоте при помощи top: xx; но оказалось, что при помещении блочных ссылок внутри встроенных [*], последние дружно выстраиваются столбиком. В чем моя ошибка?

    Asked by alexlut,

    0 votes
    3 answers

  8. TABLE выходит за DIV в FireFox

    Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%;…

    Asked by ArtZen,

    0 votes
    8 answers

  9. Проблема с картинкой в <DIV>

    Приветствую друзья! Возникла необходимость вставить картинку в , но проблема, слой переводит на другую строку картинку при передачи параметра align="right" в .CSS следующий: .blockHead { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #004685; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 17px; BACKGROUND-COLOR: #EBEEF4 } Высота картинки 15px. Но проблема, крайне нежелеательно вносить изменения в CSS. Может кто сталкивался? Спасибо

    Asked by walek,

    0 votes
    7 answers

  10. Работает ли свойство vertical-align?

    Пишу: p.topic { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #996600; vertical-align: middle } Вставляю в блок, высота которого больше высоты строки, а абзац как выравнивался по верху, так и продолжает. Я так понимаю, что для блок, в котором он лежит - это родительский элемент (см. цитату выше). Или я чего-то не понимаю?

    Asked by alexlut,

    0 votes
    4 answers

  11. отображение слоя с рисунком в нужных пропорциях при измен. разм. окна

    На оглавление отводится слой: ширина 100%. В этом слое рисунок. 760*55 Цель: сделать так, чтобы при изменении окна при смене ширины титула: она меняется нормально, изменялась высота в нужной пропорции разрешения рисунка. Одним словом, чтобы он не сплющивался относительно только одной из осей.

    Asked by NIKKK,

    0 votes
    4 answers

  12. Как сделать меню?

    Проблема следующая: основное меню навигации сделано с помощью CSS так: в слой каждой нав. клавиши загружается картинка как фон. Она отображается блоком. При наведении происходит смещение блока. и т.д. Вопрос. Можно сделать меню по "резиновому шаблону": так, чтобы при увеличении, уменьшении окна браузера соответствующие кнопки меню тоже увеличивались и уменьшались? Если да, скажите как или поделитесь мыслями кода. Голову ломаю уже 2 часа!!!

    Asked by NIKKK,

    0 votes
    3 answers

  13. Динамическая высота страницы в IE

    Добрый день, возникла проблема следующего характера: неправильное позиционирование слоя в IE по нижней границе документа при динамическом изменении высоты страницы. А именно, когда высота документа увеличивается, то слой, привязанный к нижнему краю страницы, остается в IE на своем месте, а контент "заползает" под него (пример смотрите вот здесь: www.lightfood.ru/menu). Есть документ XHTML, в котором есть шапка, контентная часть и подвал. При этом подвал прикрепляется к нижней части страницы с помощью CSS. В FF и Opera все работает корректно, в IE тоже - но только до тех пор, пока страница не начинает увеличиваться по вертикали (в моем случае речь идет о развертывании спис…

    Asked by ashdesigner,

    0 votes
    4 answers

  14. Kосяк с отображением в Firefox'е

    Всем привет :-) Расскажу по порядку: У меня на странице есть меню. Основано оно на том, что при нажатии на заголовок меню, появляются его подменю; примерно так (визуально): -меню1 —подменю1 —подменю2 -меню2 —подменю3 —подменю4 И получается, что при нажатии на "меню1", отображаются ранее скрытые "подменю1" и "подменю2". (style="display:none" --> style="display:block"). При этом, естесственно, что "меню2", находящееся под этим всем делом, сдвигается вниз. Это так и должно быть, но проблема в том, что если "меню1" схлопнуть, то "меню2" не возвращается на свое место, а остается внизу. В случае очередного открытия/схлопывания "меню1" оно сдвигается еще ниже. Этот косяк толь…

    Asked by _EAX_,

    0 votes
    8 answers

  15. Проблема с формой поиска от Google

    Добрый день! Установил поиск от Google (Custom Search Engine). index.html - содержит форму поиска. results.html - список результатов поиска + форма поиска. Суть проблемы: При поиске слов на на английском языке, результаты поиска на стр. results.html - отображаются корректно. При поиске слов на русском языке, результаты поиска не отображаются. Причем, если убрать код формы поиска (search box) на странице results.html, то поиск начинает работать и на русском. Вопрос. Как сделать так, чтобы форма поиска (search box) оставалась на странице результатов поиска? Спасибо за ответы! P.S. Влад, поделитесь опытом, пожалуйста!

    Asked by Grosda,

    0 votes
    5 answers

  16. Расстояние между маркером и текстом

    Дано: список (маркированный. Маркер - картинка). Как можно управлять расстоянием между маркером и текстом рядом стоящим?

    Asked by Onveg,

    0 votes
    9 answers

  17. Не тянеться слой

    Подскажите пожалуйста как сделать так чтоб слой тянулся. В моем случае это линия синего цвета слева от основного текста. Она должна автоматически разтягиваться от вержней синей линии до нижней синей линии. Всю голову себе проморочил и ниче так и не получилось... Вот сайт: vermiculit.com.ua/test

    Asked by Kos87,

    0 votes
    19 answers

  18. проблема с фоном

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

    Asked by FLYERok,

    0 votes
    7 answers

  19. увеличение размера шрифта в браузере

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

    Asked by liza,

    0 votes
    13 answers

  20. элементарная блочная в?рстка -- позиционирование

    Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…

    Asked by az,

    0 votes
    9 answers

  21. Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6

    ф-я max-width, min-width.

    Asked by NIKKK,

    0 votes
    16 answers

  22. Неправельно отображаются таблицы в IE (в остальных правельно)

    В мозиле, опере отобпажение идет правельное привожу скриншот в IE таблицы разной ширины , искал в чем причина не могу найти, вроде везде стоит 100% помогите вот скрин а ниже код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- левая сторона --> <td width="160" valign="top"> <!--Блок поиск --> <TABLE cellPadding=0 cellSpacing=0 > <TR> <TD vAlign=top width=14><IMG alt="" height=12 src="{THEME}/images/1_1.gif" width=14 border=0></TD> <TD vAlign=top width="100%" style="background-image:url({THEME}/images/2.gif)"></TD> <TD vAlign=top width=14><IMG al…

    Asked by lex200,

    0 votes
    1 answer

  23. дублирование текста за блок

    есть блок, который содержит текст, список, текст (отформатированные по float) . В браузерах FF, Opera, Ie7 вс? отображаеться хорошо. а в Ie6 текст дублируеться за блок. Как быть?

    Asked by duffny,

    0 votes
    10 answers

  24. Выделение ссылки в блок

    Вот: Как мне сделать при наведение на ссылку, вокруг не? был бы блок, как на рисунке - черный блок? Как именно сделать блок, чтобы он заливал ячейку в таблице полностью где ссылка и не было бы видно с права и слево фоновых линий (белая полоска) по краям? Плиз не пинайте ногами, подскажите пример! Вот код, куда применяю стиль: <td colspan="2"><a class="top_menu1" href="#">Главная</a></td> вот css: a.top_menu1 { color:#666666; font: 9pt Tahoma; } a:hover.top_menu1 { color:#666666; font: 9pt Tahoma; display: block; }

    Asked by okunev2,

    0 votes
    4 answers

  25. таблица без полей

    Нужно кросбраузерно изобразить таблицу примерно так как рисуют игру "крестики-нолики", без внешней границы. делаю что то вроде <table align="center" cellpadding="0" cellspacing="0"> <tr><td>X</td><td>O</td><td>O</td></tr> <tr><td>X</td><td>O</td><td>X</td></tr> <tr><td>X</td><td>X</td><td>O</td></tr> </table> и использую стили table { border-collapse: collapse; border:1px solid #FFF; } td { padding: 5px; border: 1px solid #999; } В эксплорере работает а в Фаерфоксе сабака не хочет ... Кто то может быть подск…

    Asked by folibis,

    0 votes
    1 answer

  • Обсуждения

    • 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