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'ах.

    Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </he…

    Asked by InterWen,

    0 votes
    2 answers

  2. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  3. Проблема с дивной таблицей в ИЕ

    Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.

    Asked by tt48,

    0 votes
    13 answers

  4. Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?

    Пример кода как нужно: <!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"> <style type="text/css"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …

    Asked by Semreg,

    0 votes
    3 answers

  5. Якорь на середину другой страницы

    Привет! Такая задача. Ссылка со страницы должна вести на середину другой. Т.е. должна быть ссылкой, ведущей на якорь на другой странице. Возможно ли без Java сделать?

    Asked by Jadd_NS,

    0 votes
    12 answers

  6. как сделать сайт мудьтиязычным в css?

    подскажите плиз... как сделать сайт мудьтиязычным в css?

    Asked by ask1503,

    0 votes
    6 answers

  7. Горизонтальное меню списком, растягивание по ширине страницы

    Задача - создать горизонтальное меню через ul. Подопытный - tubeube.ru/test/css-test.html у меня в FF 3.5 и IE8 меню растянуто на всю страницу, но справа остается отсуп в два пикселя, в O 9.64 отступ вообще пикселей в 50. Во всех браузерах при уменьшении размера окна элемент "Six" съезжает влево вниз. Как сделать "резину", чтобы отступа справа не было и "Six" не съезжал вниз?

    Asked by rdva,

    0 votes
    10 answers

  8. Checkbox в IE

    Паддинги и маргины обнулил, все равно в ие7 квадратик немного съезжает вправо. Это можно исправить?

    Asked by Kenshi45,

    0 votes
    11 answers

  9. flash и гиперссылка

    Как сделать гиперссылку на flash-объекте, что бы она вела на конкретную страницу?

    Asked by kino_Jgor,

    0 votes
    4 answers

  10. Можно ли оперировать с параметрами <BODY>

    Народ привожу скриншот, на одном ооочень интересном для меня и для вас сайте (кто в теме) автор весьма необычно делает макет сайта с фиксированным размером и выровненно посередине, ваши мнения насчет этого, просто я в свое время слышал что лучше вроде особо с боди не опереировать а как вы думаете? причем интересный момент, если мы ставим body { background: silver; width: 700px; margin: 0 auto; } то по идее судя по коду у нас блок BODY должен быть 700 по ширине и по центру страницы так и есть НО в silver цвет в итоге окрашивается всю окно браузера, словно мы поставили background: silver не для body а для HTML на сколько я понимаю именно body находится внутри…

    Asked by TonKhaO,

    0 votes
    14 answers

  11. Таблица стилей для IE

    Всегда работало, а вот теперь ни в какую не хочет заработать строчечка: <!--[if IE 7]><link href="style/ie.css" rel="stylesheet" type="text/css"/><![endif]--> Доктайп XHTML 1.1 Б*я волшебство, полчаса долбил головой стену, только тему создал всё заработало. СРАЗУ.

    Asked by Игорь Ермаков,

    0 votes
    0 answers

  12. position absolute

    Что-то не хотят дивы "закругления" ложиться там где надо в ИЕ раньше 8-ой версии. И не знаю как сделать так, что б когда наводишь на вкладку "Красивые сайты" текст был чёрным ещё до того как курсор точно на тексте будет. Сайтик =) (пока экспереминтирую на таком *** хостинге)

    Asked by Yahoo!,

    0 votes
    10 answers

  13. Почему сносить центральную колонку?

    Зравствуйте! Имею код <div style="width: 100%;"> <div style="width: 120px; height: 150px; background-color: red; float: left;"> 1 </div> <div style="font-size: 40px; float: left;"> dsadsad sad sadas d d ad asdsadsad fdg dfsasds fdg dfdg df gdf gdfg </div> <div style="width: 120px; height: 150px; background-color: red; float: right;"> 2 </div> </div> Если не указать явно ширину центрального дива, то его сносит. Как на картинке Как можно сделать, чтобы не указывая явно ширину не сносило див? Чтобы то, что не влезло в рядок, переходило на следующий ряд. Так: А вообще код правильно написан?

    Asked by sergiyko,

    0 votes
    10 answers

  14. Листаж страницы, навигация. Как это делается?

    Нужно сделать номера страниц, стрелочки, предыдущая/следующая, т.е. листаж страниц. DHTML, JS? Или средствами CSS можно? Может быть есть скрипт готовый несложный. Или где это можно изучить...

    Asked by YanaSt,

    0 votes
    7 answers

  15. Подгон поведения ФайрФокса под ИЕшное.

    Опять я Есть примерно такой код: <html> <head> <style> .set { float: right; width: auto; background-color: red; padding: 5px; } .item { float: left; background-color: yellow; text-align: center; width: 150px; height: 150px; margin: 1px; float: left; } </style> </head> <body> <div class="set"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> </div> </body> </html> Есть два типа поведения в различных браузерах. В ИЕ (тот вариант, который мен…

    Asked by InterWen,

    0 votes
    3 answers

  16. POSITION: absolute в IE7

    Здравствуйте. у меня есть блок div в нем естьвыпадающее меню UL li a при наведениии на ссылку выпадает подсписок ul ul li a. У этого списка абсолютное позиционирование. .topmenu ul li ul { display: none; position:absolute; top:38px; z-index:200; } ниже идет блок в неместь форма jNice в которой для оформления select используется абсолютное позиционирование. .jNiceSelectWrapper { WIDTH: 185px; margin:0 0 3px 0; POSITION: relative; HEIGHT: 20px; } .jNiceSelectWrapper DIV SPAN { OVERFLOW: hidden; WIDTH: 149px; background: url(/images/cms/sait/jform/select.gif) no-repeat left top; POSITION: absolute; color:#333333; font-size:11px; font-family:Verdana, Arial, He…

    Asked by ivanweb,

    0 votes
    1 answer

  17. Firefox - пожиратель рам! Как отучить ФФ есть бордюры?

    <!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"> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana; color: #A1A1A1; font-size: 11px;} .main-table {border: 1px solid red; border-collapse:collapse;} .main-table-td1, .main-table-td2, .main-table-td3 {border: 1px solid red;} .main-table-td1 {width: 322px;} .main-table-td2 {width: 50px;} .main-table-td3 {width: 77px;} </style> </head> <body> <div> <table class="main-table"> <tr> <td class="main…

    Asked by Semreg,

    0 votes
    32 answers

  18. absolute? Фиг вам - fixed!

    Собственно есть проблемка, серьёзная, а решения в инєте нигд ене нашел, может кто-то сталкивался... Есть некоторая верстка, вверху страницы есть хеадер, спозиционированный как absolute. Так вот при переходе по внутренней ссылке на закладку в html документе этот абсолют ведет себя как фиксед, тобиш весь контент, тобиш остается вверху екрана когда должен был бы улететь далеко вверх за границы видимости. Наблюдается в фаерфоксе всех версий, експлорере 6-7(8 не пробовал). В опере все шоколадно. Может кто-то уже лечил?

    Asked by Love_silense,

    0 votes
    26 answers

  19. background repeat не до конца прорисовывает

    Использую стиль для центрального блока: background: transparent url(/images/image03.jpg) repeat-y scroll 0 0; Получается, если страница вписывается в 100% высоту - всё ок, если есть прокрутка вниз, то после 100% высоты css-свойство перестает работать и отображается, как на картинке Подскажите, пожалуйста

    Asked by rolph,

    0 votes
    16 answers

  20. <a> не хочет заполнять собой родительский div

    Вот тут ссылка только под белым текстом, а вот тут ссылка и под красным фоном и под белым текстом. Вопрос: почему в первом случае <a> не заполняет собой пространство родительского div'a? Во втором заполняет. Полагаю, дело в display, но логику понять не могу. Объясните плз?

    Asked by rdva,

    0 votes
    8 answers

  21. Расположить Два фрагмента текста в двух дивах

    Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…

    Asked by ХОЛОДный,

    0 votes
    2 answers

  22. По Джумле есть спецы?

    мне нужно в джумле 1.5. вывести компонент контактов (с обратной связью) в позиции модуля. КАК?

    Asked by piryaz,

    0 votes
    1 answer

  23. Загрузка страницы

    Подскажите, пожалуйста, как правильно дать ответ на след. задачу: При медленной загрузке, страница отображается криво. Уезжает справа налево. Пример, http://news.mail.ru/politics/2920010/ (Например, в FireFox) Но когда страница загружена полностью, все отображается нормально. Можно ли это как-то исправить, или как объяснить это руководителю?

    Asked by dmitriykikas,

    0 votes
    8 answers

  24. срочно нужен очень опытный дизайнер на простой заказ. 1-2 тыс.руб.

    закрыто

    Asked by Вадим,

    0 votes
    0 answers

  25. Проблемы с таблицой

    В общем такая проблема: есть таблица 3х3 с ячейками 1х1, 1х2, 1х3, 2х1, 2х2, 2х3, 3х1, 3х2, 3х3 Можно ли объединить ячейки 1х1,1х2,1х3,2х2,3х2? знаю что 1х1.1х2.1х3 объединяются colspan="n" и знаю что 1х1.2х1.3х! объединяются rowspan="n". Подскажите пожалуйста!!!!

    Asked by Hazam,

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