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. Проблема css только в "Опере"

    Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…

    Asked by rafaello9,

    0 votes
    0 answers

  2. Проблема cо ссылкой

    Доброго времени суток друзья! Первый раз взялся что то пытаться сверстать. Естественно сразу проблема. Вот проблема: В правом нижнем углу фотографии - ссылка(будущий логотип) EnjoyTrip. Собственно проблема в том, что при нахождении курсора чуть ли ни на моём лице, он уже меняется на ссылку. Т.е. находясь очень далеко от ссылки, он её уже видит. Вот код: <!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=utf-8" /><link rel="stylesheet" type="text/css" href="sty…

    Asked by fa_t,

    0 votes
    4 answers

  3. Проблема display flex safari

    Добрый день, такая проблема: устроился на стажировку в веб студию, сразу дали решить/устранить проблему в их уже существующем проекте. - сайт: http://en.uff.fr - суть проблемы: на главной странице внизу, в диве с классом container, расположены на черном фоне логотипы продуктов(svg картинки). Реализовано всё через display:flex. Во всех браузерах отображение правильное кроме safari. Там поведение картинок такое что у них разные размеры и они как-бы *в куче*. Я гуглил эту проблему на англоязычных источниках и единственным советом был просто префикс -webkit-, но это уже учтено и всё равно правильного отображения мы не добились. Есть какой-то способ решить эту пробле…

    Asked by whiteworking,

    0 votes
    2 answers

  4. Проблема div и IE6

    Всем привет. КОД: <body> <div id="conteiner"> <div id="header"></div> <div id="leftbar"></div> <div id="content"></div> <div id="clear"></div> <div id="footer"></div> </div> </body> СSS: #conteiner{ width:930px; margin:0 auto; text-align:left; } #header{ width:930px; } #leftbar{ width:280px; hight:450px; float:left; } #content{ hight:450px; margin-left:280px; } #clear{ height:0; font-size:1px; line-height:0px; clear:both; } #footer{ height:100px; width:930px; } Проблема заключается в том что во всех браузерах кроме IE6 между leftbar и content появляется пробел (margin примерно в 2 пиес…

    Asked by BOLT,

    0 votes
    8 answers

  5. проблема div- вёрстки

    как сделать чтобы меню наезжало на текст, а не вымещал его. Заранее огромное спасибо за ответы ! З.Ы: меню написано на CSS.

    Asked by ayya1,

    0 votes
    2 answers

  6. Проблема div'ов

    Всем привет, зайдите на сайт http://www.webcity.uz через FireFox с FireBugом и наведите курсор на <div id='content'>, Вы увидите что выделится не вся страница(как она должна), а только прямоугольная фигура, т.е как будто все вложенные в него блоки живут своей жизнью, а див контент просто так стоит... а так все работает просто немного смущает что все не на своем месте. Пожалуйста если кто сможет ответить, ответьте

    Asked by lewa_yun,

    0 votes
    2 answers

  7. проблема g.raphael

    Есть замечательная библиотека raphael, g.raphael - основан на графической библиотеки raphael.при подключении первой и работой с ней проблем не возникает, все рисуется.когда подключаю вторую g.raphael все скрипты качал с официальных сайтов и подключал <html> <head> <script src="raphael.js" type="text/javascript"></script> <script src="g.raphael-min.js" type="text/JavaScript"></script> <script src="g.raphael.js" type="text/JavaScript"></script> <script src="g.pie.js" type="text/JavaScript"></script> <script src="g.bar.js" type="text/JavaScript"></script> <script src="g.line.js" type="text/JavaScript…

    Asked by villionk,

    0 votes
    1 answer

  8. Проблема height 100%

    Проблема в том , что я не могу сделать следующую вещь. На рисунке есть два контейнера в контенте, у которых есть Img repeat-y. По мере увелечения контента они расширяются. Я задал им height: 100%. Логично что они растягиваются до конца окна браузера. Но как мне сделать, чтобы они растягивались до начала блока footer, и в то же время не было полосы прокрутки? и footer не уходил вниз...

    Asked by penchukov,

    0 votes
    11 answers

  9. Проблема hover на Ipad при скролинге

    Есть меню, в котором подпункты появляются по hover. Если в Ipad промотать немного, то на том месте, где было меню срабатывает hover. Странное поведение и не понятно почему. Кто сталкивался с такой проблемой?

    Asked by freialex,

    0 votes
    4 answers

  10. проблема IE и white-space:nowrap

    изначально нужно было вывести отзывы пользователей в бегущую строку, проблема возникла на этапе самого вывода, было перепробовано множество вариантов, и с использованием <nobr>, и с white-space:nowrap и display:inline-block; все свелось к тому, что все браузеры отображают отзывы как нужно в одну строку, а IE упорно выводит каждый новый комментарий в новой строке(посмотреть можно тут) сейчас вывод строки выглядит следующим образом <marquee style="white-space:nowrap; display:inline-block; *display:inline; width:100%; padding:4px; border:1px solid #f2f2f2; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; " onmouseout="this.start();" onmouseo…

    Asked by eltoro,

    0 votes
    4 answers

  11. Проблема IE7

    Под вистой на IE7 не слушается таблица стилей (сайт не корректно отображается), в остальных браузерах проблем нет.Стили не отделены в отдельный файл, не знаю, может в этом проблема. Все выглядит так, будто стили вообще не прописаны. Кто-нибудь сталкивался с проблеммой? Подскажите.

    Asked by YeP,

    0 votes
    9 answers

  12. Проблема ie7

    Сразу скажу, код не мой, код ужасный и бестолковый. Так что смотреть код слабонервным не рекомендуется. (Для открытия окна кликните на фотку) Попросили исправить в ие7 лаг при прокрутке. Открывающиеся окошко должно быть фиксированным. но оно как то съезжает вниз при прокрутке. И еще раз, за код меня не ругайте, человек который делал я его даже не знаю.

    Asked by Mr Loga,

    0 votes
    4 answers

  13. проблема iepngfix

    Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…

    Asked by toman,

    0 votes
    6 answers

  14. Проблема Image + line-height в IE6

    Собственно такая же проблема: http://softwaremaniacs.org/forum/web/7441/ Цитата: Есть ли решение?

    Asked by VJiK,

    0 votes
    6 answers

  15. Проблема margin

    Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…

    Asked by HQ_Maker,

    0 votes
    1 answer

  16. Проблема padding

    Проблема такая. Делал табличную верстку, добавил поисковую форму в ячейку. Если зайти через оперу 11.50 - всё ок. Если через firefox 5 или последний хром - она съезжает. Что можете посоветовать? http://19sport.ru/

    Asked by fenzmey,

    0 votes
    6 answers

  17. Проблема relative версткой в ИЕ 7

    Возникает проблема при скролинге в ИЕ7 (в ФФ2, ФФ3, Хроме и Опере все нормально). Хочется сделать чтобы при скролинге в ИЕ 7, контент из зеленого div'а не ползал за скроллингом. Пример ниже. Заранее спасибо. <!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=utf-8" /> </head> <body style="position: relative"> <div style="height: 500px; width: 635px; border: dotted 4px green; overflow: auto;"> <div style="width: 605px;"> <div style="wi…

    Asked by rogoziol,

    0 votes
    2 answers

  18. Проблема span в табличной верстке. IE7

    Вот часть кода: table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr class="price"> <!-- <td style="padding-right:2px; padding-top:7px"><img src="" border="0"></td> --> <td><b>Цена</b></td> <td width="100%" style="padding-left:18px;" class="tablebody"> <span class="price_num"> 1,59 руб. </span> за шт<br> <span class="price_num"><b>159,00 руб. за партию</b></span> </td> <td rowspan='2' width='100px'> <div class='cheet_logo'> <img src="/images/firms/gemar.jpg" border="0" …

    Asked by moskalev_mihail,

    0 votes
    0 answers

  19. Проблема table

    Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы

    Asked by vladan,

    0 votes
    3 answers

  20. Проблема table как фон

    Доброго времени суток Для оптимизации и ускорения загрузки сайта я порезал большие картинки на куски и склеил их с помощью таблицы вот что получилось для примера и понятия <table id="________01" width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img id="img_header_01" src="{THEME}/images/img_header_01.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_02" src="{THEME}/images/img_header_02.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_03" src="{THEME}/images/img_header_03.jpg" width="125" height="69" alt="" /></td> <td> &l…

    Asked by Rams,

    0 votes
    8 answers

  21. Проблема Verdana и Arial в IE7 ..

    Подскажите как такое возможно ? Проблема началась когда я увидел что сайт с которым я сейчас работаю, по разному отображается в IE и Mozilla хотя шрифт везде стоит Verdana ... Попробовав маленький примерчик, я удивился ещ? больше (((( Подскажите пожалуйста в чем засада ?

    Asked by Powerslave,

    0 votes
    13 answers

  22. Проблема yii2

    Друзья возник вопрос при верстке. Как сделать админ панель с редактирование страницы (текст, фотографии, вкладки). Помогите если несложно. Делаю на yii2.

    Asked by Глеб,

    0 votes
    0 answers

  23. Проблема абсолютным позиционированием

    Есть сайт vtrailere.ru. Поставил туда РСЯ и обернул его код дивом с id="rsy" (http://vtrailere.ru/2012/treyler-k-filmu-strast-k-peremene-mest) Написал для этого дива следующий стиль #rsy { position: absolute; top: 100px; } Ждал что этот местоположение этого будет вестись от верхнего левого урая браузера но ничего не произошло. В чем моя ошибка?

    Asked by smirn0ff,

    0 votes
    6 answers

  24. Проблема адаптива на iPhone 6s

    Коллеги, есть сайтик и проблема в отображении его на iphone 6s - будто адаптив не для него. На андроидах порядок, на ipad кажется тоже. Уже голову себе всю сломал, кто поможет (хотя бы скрином)?

    Asked by Jack_V,

    0 votes
    1 answer

  25. Проблема БГ

    Здраствуйте! Прошу вашей помощи в такой проблеме! Есть сайт с фиксированой шириной(980пх)(http://seopremier.com.ua/). Только на главной слайдшоу. БГ сайта должно быть по всей ширине продолжением блоков (образуется контент по середине, а сайт растягивается по всей ширине) Предложите пожалуйста какие-то варианты! Я думал каждый главный элемент (блок) поместить в еще один блок по всей ширине и ему задавать бг, а элементы с контентом прозрачные. Заранее благодарен, Андрей!

    Asked by Vendetta-V,

    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