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. Баг tooltip в ИЕ6

    Здравствуйте. Всплывающая подсказка в ИЕ6 работает хорошо до тех пор пока на страничке нет полей формы - на их месте всплывающее окно уходит за эти поля. Перепробовал много различных вариантов, но не нашел исправного. И z-index не помагает Подскажите выход? Пробовал и такой вариант, может кому будет интересен (та же проблема в ИЕ6 с полями формы: <style type="text/css"> #bubble_tooltip{ width:147px; position:absolute; display:none; } #bubble_tooltip .bubble_middle{ padding-left:7px; padding-right:7px; } #bubble_tooltip .bubble_middle span{ position:relative; top:-8px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-si…

    Asked by sirop,

    0 votes
    2 answers

  2. map-карта. Нестыковка в разных браузерах.

    Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" &gt…

    Asked by Carra,

    0 votes
    2 answers

  3. Проблемка с шапкой на сайте.

    Здраствуйте я извиняюсь но попрошу если можно подскажите, почему шапка нашего сайта на мониторах 15, 17 дюймов на полную ширину экрана а у меня на 22 неполностю, тоесть белый фон по сторонам на любом браузере? Как это исправить? Такого вопроса я на форуме не нашёл, возможно невнимательно смотрел, но чесно уже 2 дня ищу. Большое спасибо за помощь.

    Asked by димон 777,

    0 votes
    4 answers

  4. Когда в IE EM, он глух и нем...

    В общем, заурядная задача - сделать между абзацами с 11-пиксельным шрифтом 5-пиксельный отступ - превратилась в... интересную, когда понадобилось исправить пиксели на em-ы (угу, ради 6-го IE, чтоб ему... . 5 на 11 нацело не делится, получается 0,(45). В FF3 и Опере 9 прекрасно работает округление до тысячных - margin: 0.455em 0. На целой странице в два экрана текста - ни пикселя расхождения. А вот в IE (пробовал на 8-м, в режиме 7-го и в новейшем) примерно каждый третий-четвертый абзац слипаются на пиксель ближе. Потому что (как показывают Developer Tools) реально используется значение отступа 0.45em - третий знак тупо отбрасывается. Если через хаки подставить 0.46em (окр…

    Asked by SelenIT,

    0 votes
    5 answers

  5. Лишний отступ в диве

    Друзья, доброго времени суток! У меня проблема. Делаю вёрстку верхнего меню дивами и списком, и непонятно откуда в диве перед списком взялся отступ, видимый в Опере и ФФ, но не существующий в IE7. Суть такая - в сумме ширина вложенных в див элементов списка, заданная конкретными значениями, меньше самого дива (его ширина тоже задана абсолютным значением), но тем не менее див переполняется и крайний левый элемент списка вылетает за пределы дива. Такое ощущение, что внутри дива находится отступ, либо откуда-то берутся поля у элементов списка, ходя в коде я их не задавал. Подскажите, в чём может быть дело? Картинка <html> <head> ..... <style type="text/css"&…

    Asked by StormMan,

    0 votes
    5 answers

  6. Минимальный размер окна сайта

    как сделать чтобы сайт имел ограничение по ширине, чтобы был не меньше 790, т.е. при размере браузера 790, ширина сайта не уменьшалась? вот сам шаблон сайта http://webfile.ru/2627693

    Asked by lorents,

    0 votes
    7 answers

  7. Почему таблица в IE съезжает вниз?

    Помогите понять почему таблица в IE съезжает вниз? Может надо чтото дописать классам чтобы она не съезжала. test.html

    Asked by antonP,

    0 votes
    3 answers

  8. как вписать iframe, не зная его размеры, в td

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>main</title> </head> <body> <table style="width: 100%; " cellspacing="0" cellpadding="0" border="1"> <tr> <td style="background-color: green"> <iframe id="IFrame1" name="IFrame1" src="iframe1.html" hspace="0" vspace="0" frameborder="0" border="0" framespacing="0" marginwidth="0" marginheight="0" style="border-style: solid; border-width: 0px; width: 100%; height: 100%" width="100%" height="100%"></iframe> </td> </tr> <…

    Asked by Ex_Soft,

    0 votes
    3 answers

  9. опять 2 колонки

    Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">…

    Asked by dber,

    0 votes
    2 answers

  10. Информация о разрывах строк, вносимых браузером

    Ищу функцию, которая могла бы взять HTML-документ и расставить в его текстовых блоках разрывы строк, в точности, как это делает браузер. Желательно, что бы эта фунция была полностью реализована в php. Но если у какого-то браузера есть плагин с соответствующей функцией, то тоже пойдет. К примеру в Опере есть плагин DragonFly, который для каждого HTML-блока показывает его реальную ширину, но прежде чем этот параметр увидать, надо на соответствующий блок ткнуть указателем. Такую рутину врядли можно автоматизировать. Вот если бы Опера записывала реальную ширину всех блоков в отдельный лог, то было бы замечательно. Тогда по этому логу можно было бы получить информацию о разрыв…

    Asked by freeneutron,

    0 votes
    10 answers

  11. код сайта для мобилы

    Всем привет. Буду признателен за советы и помощь. Нужно сделать мобильную версию сайта. Где бы код посмотреть? Как это всё работает? С чего начать? Говорю сразу: поиск толком не помог. Ко всем с уважением.

    Asked by stomatolog,

    0 votes
    6 answers

  12. Помогите с hover!

    У мну такая проблема: Есть ссылка -кнопка 1 при наведении курсора должно быть следующее-кнопка 2. Какие стили нужно прописать для hover, подскажите плз....

    Asked by carlositos,

    0 votes
    9 answers

  13. Пустая строка между абзацами

    Здравствуйте уважаемые знатоки. У меня вопрос. Я заказал одному товарищу страничку по типу гостевой, чтобы вбивать туда новости. Он все сделал нормально, за одним исключением. Я просил его, чтобы при вводе текста автоматически между абзацами возникала пустая строка. Ведь это тег Р так действует и только? Так? Я просил забить его в стили, ведь иначе автомата не получится? Так? Но почему-то он не может этого сделать, как будто мы на разных языках говорим. Может я не прав? если решение есть, подскажите его. Страничка расположена по адресу http://regions-realty.ru/news/faq.php Код можете там и посмотреть.

    Asked by beze,

    0 votes
    8 answers

  14. Подсветка рисунка при наведении.

    Как сделать так, чтобы при наведение на рисунок-ссылку он становился чуть светлее?

    Asked by Kenshi45,

    0 votes
    7 answers

  15. Как различать теги INPUT?

    Как указать во внешней CSS, реагировать именно на их определенный тип. К примеру у меня задан такой стиль: TABLE#itemedit INPUT, TEXTAREA{ width: 100%; } Но он применяется ко всем типам INPUT type: text, password, button, submit, reset, radio, checkbox, image, file, а как мне его заставить применяться только к определенным type?

    Asked by PhantomSL,

    0 votes
    4 answers

  16. Не работает бекграунд в ie6

    Здравствуйте уважаемые, помогите пожалуйста разобраться с проблемой, которая возникает пр просмотре веб-страницы через браузер ie6. У веб-страницы не работает бекграунд, вод пример цсс кода для боди: Body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; }

    Asked by misha_evro,

    0 votes
    17 answers

  17. Страница открывается только один раз

    Здравствуйте ! Помогите пожалста чайнику. Делаю на сайте соц. сеть для рыболовов и наткнулся на такую проблему. Страница просмотра профиля участников открывается только один раз. Для того, чтобы просмотреть второй раз, или следующего участника, нужно выйти из сайта и снова войти. Иначе покажет... ( Not Found The requested URL /my_org//vasil was not found on this server. ) Вот код страницы, может кто подскажет в чем дело, что нужно изменить в коде, или в базе данных ? А здесь наглядный пример (испытательный) http://www.rybalka24.de/my_org//index.php <?php ////////////////////////////////////////////////////////////////////////// // my_profile.php // ///…

    Asked by mir10,

    0 votes
    5 answers

  18. Проблема с задним фоном

    Есть фон таблицы: background: #eee url(table-gradient-odd.png) left top repeat-x; Во всех браузерах он прикрепляется к верхнему бордеру, а в опере он как бы частично уходит за этот бордер. Это можно исправить?

    Asked by Kenshi45,

    0 votes
    3 answers

  19. aspx

    Мужчины! Нужно подкорректировать сайт, все страницы там с расширением aspx. Есть какая либо принципиальная разница в верстке или еще какие подводные камни?

    Asked by Angela,

    0 votes
    4 answers

  20. Как скрыть текст, выпирающий за границу блокоа?

    Простой примерчик: <table> <tr> <td> <div style="width: 25px;"> <nobr>Cell 1</nobr> </div> </td> <td>Cell 2</td> </tr> </table>Здесь "Cell 1" вылезла за границу контейнера и залезла на "Cell 2". Хочу сделать так, что бы "Cell 1" отбражалась в контейнере и не отбражалась за его границей. Размеры контейнера при этом строго фиксированы. Перепробовал всякие штуки (z-index, backgound-color), но не добился ожидаемого результата. Кто-нибудь вкурсе, как это лечится?

    Asked by freeneutron,

    0 votes
    9 answers

  21. Стили для select

    Здравствуйте. Никак не получается создать список select без рамки. Подскажите, как это можно сделать? <select size=2 style="width: 100%; margin: 5px; border: 0"> <option value="VAK">Вакансии</option> <option value="ACC">Афоризмы</option> </select>

    Asked by sirop,

    0 votes
    3 answers

  22. Левый DIV фикс.ширины, правый - резина. Как сделать?

    Задача следующая. Надо сделать два слоя рядом. В левом DIV'е будет меню, в правом - весь контент. Левый DIV должен быть фиксированной ширины: 224px, а правый - растягиваться до конца экрана по ширине. При этом чтоб не было горизонтальной полосы прокрутки. Пытался сделать с "границей", но работает не совсем так как надо. Почему-то доходя до определенной ширины DIV с контентом перестает расширяться дальше. При этом получается, что в больших расширениях экрана меню уедет в край, а контент остается чуть более чем до середины экрана. Вот скриншоты: 1024x768 1280x1024 Делал я следующим образом: <html> <head> <title>test</title> <style type="text/cs…

    Asked by Xandr Morris,

    0 votes
    3 answers

  23. Не могу запретить переносы

    Есть страничка с шириной таблицы 100%, если ее сжать, то содержимое растягивается вниз, хотя явно задан запрет на переносы строк в <td>. http://aionzone.ru/themes/aionzone/images/...base/spells.htm

    Asked by Kenshi45,

    0 votes
    4 answers

  24. Очень важно! Искал не нашел...

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

    Asked by Levis,

    0 votes
    1 answer

  25. Цепочка рисунков

    Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?

    Asked by Kenshi45,

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