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. Неправильно вычисляется высота страницы

    Глюк можно увидеть на этих страницах http://www.ulskiy.org.ua/portofolio/outdoor.html http://www.ulskiy.org.ua/portofolio/logotypes.html Лучше всего его видно на http://www.ulskiy.org.ua/portofolio/websites.html Вот таблицы стилей http://www.ulskiy.org.ua/portofolio/greenstyle1.css http://www.ulskiy.org.ua/portofolio/greenwebsites.css http://www.ulskiy.org.ua/portofolio/greenthumbnails.css Вот описание глюка. Сайт состоит из четырех блоков (topheader, menucontainer, contenttext, bttomheader) вложенных в главный блок (contentbody) У блока topheader жестко прописана высота, задано абсолютное позиционирование и он привязан к верхнему левому углу главного блока у блока btto…

    Asked by Casufi,

    0 votes
    3 answers

  2. неправильно настроил анимацию

    помогите пожалуйста решить проблему на страничке при наведении и отведении курсора на блок .pic, внутри него появляется надпись и исчезает. если очень быстро и беспорядочно водить курсором над блоками .pic , то многие надписи не исчезают проблема в том, что мне нужно чтобы после отведения курсора надписи точно исчезали

    Asked by cyklop77,

    0 votes
    4 answers

  3. Неправильно определяется разрешение экрана

    Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

    Asked by alleclf,

    0 votes
    2 answers

  4. Неправильно отображается

    привет <body> <div id="container"> <div id="header"> <img src="img/header.jpg" alt="" /> <div id="navigation"> <div id="content"> <div id="footer"> </body> </html> Вот это у меня в html файле. Далее идет css: body { background: #f3f2f3; color: #000000; font-family: Trebuchet MS, Arial, Times New Roman; font-size: 12px; } #container { background: #FFFFFF; margin: 30px auto; width: 900px; height: 1080px; } #header { background: #838283; height: 200px; width: 900px; } и так далее У меня все блоки криво отображаются! Футера вообще не видно. Скажите пожалуйста, в чем может быть ошибка?

    Asked by bobb,

    0 votes
    2 answers

  5. неправильно отображается ширина div в ie 6

    Привет. Я новичок. Начал изучать верстку div-ами. 1. Нарисовал слой. задал ей рамку, оцентровал. 2. В этом слое далая отступы и обрамляя в рамки создал 3-колоночный шаблон с футером и хедером. 3. Получилась своеобразная капуста из вложенных в друг друга рамок. Вопрос: В ie7, opera 9.x, mozilla, chrome все ок. в ie6 рамки разваливаються и смещаються вниз. Если я делаю ширину таблиц на 1-2px меньше, то все приходит в норму но в остальных браузерах появляеться сдвиг слоев на эти 1-2 px. Решал путем добавление в местах использования float известный fix "display:inline;" не помогло. Попробовал подключить css специально отредактированный под ie6 через <!--[if lte IE 7]&g…

    Asked by ejikiller,

    0 votes
    1 answer

  6. Неправильно отображается MIDDLE в ИЕ6!

    Вот так прописал, но почему то текст в ИЕ выравнивается по верху, а не по середине картинки? <li><a href='/about/vacancies/' class='menuitem' title='Вакансии компании'><img src='/images/template2/images1/bullet.gif' align='middle'>Вакансии</a></li> В чем может быть дело?

    Asked by Vlad111,

    0 votes
    4 answers

  7. Неправильно отображается баннер в ИЕ7

    Добрый день. Помогите, пожалуйста, победить ИЕ7. Третий день уже бьюсь. Суть проблемы: по бокам от центрального баннера отображаются полоски. Их быть не должно. Такая проблема только в ИЕ7, в остальных браузерах нормально. Примеры страниц: http://test.love4lif...eparaty/belara/ http://test.love4lif...eparaty/siluet/ Я пробовал делать костыли в виде цветных border-left и border-right: http://test.love4life.ru/specialistam/preparaty/midiana/ но это очень грубо и не универсально. Заранее спасибо.

    Asked by alxick,

    0 votes
    2 answers

  8. Неправильно отображается всплывающее меню

    Здравствуйте! Товарищи, больше сил нет, с 11 вечера сижу - и никак не получается....Позиционированием пробовал, пробовал выравнивать - не получается....А самое обидное что в ФФ работает, только осел не воспринимает.... В чем собственно проблема - выпадающее меню сделал через css и списки. Но главный пункт - у него является картинка, при наведении на которую и должно всплывать меню. Но в ФФ все работает идеально, а в ИЕ меню раскрывается не вниз, а влево, и уже сил просто нет, что только не продовал - ничто не помогает.... Если сделать первый пункт ссылкой вида <li><a href="/"><img src="menu1.gif" border="0"></a> То в ИЕ тоже начинает вниз открыват…

    Asked by Vcool,

    0 votes
    12 answers

  9. Неправильно отображается код.

    Помогите разобраться с кодом, верстка неправильно отображается в FF и Opera, хотя прекрасно парсится в IE. style.css #main { width : 900px; height : auto; margin : 0 auto; padding : 0 0; } html, body { margin : 0; padding : 0; } #header { width : 900px; height : 295px; margin : 0 auto; padding : 0; } #main_content { width : 900px; height : 456px; margin : 0 auto; padding : 0; background : url(images/fon.jpg) repeat-y; } #red_image { height : 36px; margin-left : 0; margin-bottom : 0; padding : 0; } #head_small { height : 21px; margin : 0; padding : 0; } #left_header_image { margin-top : -4px; margin-left : 524px; width : 2…

    Asked by Mihail Dobkin,

    0 votes
    9 answers

  10. Неправильно отображается на планшетах (полосит)

    Всем привет) обнаружил тут небольшой баг.. никак не могу понять в чём дело.. может кто сталкивался? делаю так таблица в виде рамки растягивается на весь экран пример тут http://lexo.info/x/ имет вид: по углам уголки по бокам фон: лево, право, верх, них если смотреть планшеты apple/samsung появляются полосы вот пример: http://lexo.info/x/Screenshot.jpg код <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46" height="49" nowrap="nowrap"><img src="files/topleft.png" width="46" height="49" /></td> <td width="100%" nowrap="nowrap" background="files/top.png"></td> <td width="46" height="…

    Asked by Lexo,

    0 votes
    5 answers

  11. Неправильно отображается порядок объектов.

    Помогите пожалуйста. Панель отображается под текстом, хотя написана выше него. Иллюстрация проблемы: http://94.19.106.128/test/donate.html. cat donate.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link type="text/css" rel="stylesheet" href="style/style_i.css"/> <style> body { background: url(donate-5.gif); } </style> </head> <body> <link rel="import" href="object/import_panel.html"> <div id="content"> <p>Подкинь монетку<br> <b>MONERO </b>46W3ckYoCvxB5Wh1k9U8M9WhoGFDjxtqNKXZ3Nta3s7dKe5SV8ZcFDh1nfB2mgkZm5MYoTUrfj aQUAGUJNig3sANLxxGzfC<b…

    Asked by miisha,

    0 votes
    4 answers

  12. Неправильно отображается сайт в Хроме

    Если в хроме вбить в адресную строку адрес, то сайт с первого раза отображается криво, как будто часть правил цсс не учитывается, при обновлении страницы все ок. В панели отладки показывает что все файлы грузятся ок. Подскажите пожалуйста почему криво отображается с первого раза? http://elcmarket.ru/ спасибо

    Asked by sub_zero,

    0 votes
    2 answers

  13. Неправильно отображается форма в IE

    Здравствуйте, подскажите как исправить неправильное отображение формы в IE http://narod.ru/disk/47970321001.5526df7b6d27eb321bff3417b66d5d84/style.css.html http://narod.ru/disk/47970461001.898e73a84b2daeaa4cfaf8bf6b1b52b2/value.html.html

    Asked by Rubik,

    0 votes
    0 answers

  14. неправильно отображаються ссылки в Ie

    Есть html файл в нем есть ссылки на внутренние файлы (тоже html) ссылки в коде отображены таким способом <a href="export_archive.html">Export offers archive</a> <a href="bsr/buyers.htm">Registration of the buyer</a> <a href="bsr/sourcingplaza.htm">Company profiles</a> В при загрузке страницы в firefox все ссылки отображаются нормально - http://www.domain.com/export_archive.html http://www.domain.com/bsr/buyers.htm http://www.domain.com/bsr/sourcingplaza.htm А в Internet Explorer: http:///export_archive.html http:///bsr/buyers.htm http:///bsr/sourcingplaza.htm Все html файлы статика и не суппортится движком а создаються вручную. В че…

    Asked by deltrix,

    0 votes
    5 answers

  15. Неправильно отображение картинки при уменьшении окна браузера

    Вот сделал скриншоты проблеммы. Посомтрите пожалуйста, скажите как избавится от такого, а то я уже замучался. Проблемма показана на скриншотах. http://www.sharemania.ru/0175738

    Asked by people2010,

    0 votes
    1 answer

  16. Неправильно отображение плавающего фрейма

    Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…

    Asked by people2010,

    0 votes
    11 answers

  17. Неправильно работает :hover в GoogleChrome

    Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:

    Asked by Kirill M,

    0 votes
    2 answers

  18. Неправильно работает CSS по атрибуту в Chrome

    Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…

    Asked by Mouse-art,

    0 votes
    11 answers

  19. Неправильно работает Math.random()

    Как и любой новичок, шарясь по сайтам с ответами на всевозможные мои вопросы я нашёл код, который должен выводить две картинки в рандомном местоположении(написан здешним Sensei вроде), но он почему-то не работает. Подскажите ошибку. <html> <head> <style type="text/css"> html, body { height: 100%; } img { position: absolute; } </style> </head> <body> <script> var img = document.querySelectorAll('img'), i = 0, max = img.length, left, top; for (; i &lt; max; i += 1) { left = Math.round(Math.random() * (document.body.o…

    Asked by mrloregood,

    0 votes
    2 answers

  20. Неправильно работает в IE

    В Опере все нормально отображается ,а в IE почемуто верхнее меню перекосило. А у бокового картинку вообще не выводит. http://astoria.jino.ru/

    Asked by Astoria,

    0 votes
    9 answers

  21. Неправильно работает меню на SSI

    Неторопливо готовится простенький сайтик на чистом html: http://profi-agit.ru/ Он наполовину пустой, не обращайте внимания. Вопрос в меню. Сейчас его код присутствует в каждой странице, что не очень удобно. Возникла нехитрая мысль вставлять его через SSI, пример тут: http://profi-agit.ru/index1.htm (сейчас только одна эта страница), где в index1.htm подставляется меню из menu1.htm. Всё работает, но есть проблемка - не подсвечивается пункт текущей страницы, как в index.htm. Прочитал это: http://htmlbook.ru/webserver/ssi/ssi-na-praktike => Выделение текущего пункта меню и сделал index2.htm, куда подгружается menu2.htm, где каждый пункт меню выглядит так: <!--#if expr…

    Asked by Pinguin,

    0 votes
    0 answers

  22. Неправильно работают якоря

    Всем привет! Возникла такая проблемка с якорями сайта http://thisissite.esy.es/ Нажмите на сауна, дкакузи и питание. Прокручивают не к якорю а к концу блока.

    Asked by box,

    0 votes
    10 answers

  23. Неправильно растягиваются картинки (только IE)

    Я запарился искать ошибку! Уже час вдупляю в код немогу понять! Во всех браузерах отобржается как надо, а в ИЕ как хочет вот сайт: http://ufoinspace.ru На главной странице последнии статьи, вот не могу их выровнять в ИЕ, они выравниваются по размеру самой длинной картинки, а не по ширине столбца! Вот сокращенный код таблицы со статьями: <table width=90% border=1> <tr><td width=20%><img src='pictures/$val[picture]' width=100%></td> <-- видимо косяк где-то тут --> <td valign='top' align='left'><center><b><a href='articles.php?id=айди' class='articletitle'>название статьи</a></b></center>описание…

    Asked by hecka,

    0 votes
    4 answers

  24. Неправильное отображение списка в IE

    Косяк в IE c отображением списков http://www.baltech.ru/catalog.php?catalog=40 помогите справиться, пожалуйста спасибо

    Asked by roman_rr,

    0 votes
    3 answers

  25. Неправильное вращение в Опере

    Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.

    Asked by partiz,

    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