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 с фоном-книгой. Чтобы масштабы не ездили туда-сюда при изменении размеров контента (был вариант сделать фон одной картинкой, но меняются масштабы, плюс для народа с медленным интернетом это издевательство, согласитесь). При уменьшении родительского окна фон в некоторых блоках начинает обрезаться или некорректно масштабируется. Что я делаю не так и почему он так себя ведёт?( Пример можно увидеть на сайте, сделан на скорую руку, чтобы показать проблему. Выписать затем стильки в общий css не проблема, но пока ч…

    Asked by Enkoiu,

    0 votes
    2 answers

  2. Корректное отображение border-botttom

    Добрый день, есть 2 проблемы: 1 - Как сделать так что бы нижний бордер отображался как на макете? 2 - Как сделать так что бы текст выпадающего меню был на ровне с текстом основного меня как на макете? https://jsfiddle.net/85Lvy05r/ Заранее очень сильно благодарю.

    Asked by Kamel515,

    0 votes
    3 answers

  3. Корректное отображение Last-Modified

    Добрый день. Сайт на php не выдаёт Last-Modified: Date: Wed, 13 Apr 2011 10:42:40 GMT Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 Keep-Alive: timeout=5, max=100 Connection: Keep-Alive Transfer-Encoding: chunked Content-Type: text/html; charset=cp1251 Content-Language: ru 200 OK После добавления в страницу кода(в начало документа): <?header("Content-type: text/html; charset=windows-1251"); header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); ?> выводит: Date: [color="#FF0000"]Wed, 13 Apr 2011 10:45:58 GMT[/color] Server: Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 X-Powered-By: PHP/5.2.4 La…

    Asked by Non Stop,

    0 votes
    4 answers

  4. Корректное отображение position в Опере

    Друзья, возникла проблема, которую очень хочу решить. Есть код страницы <html> <head> ... </head> <body> <table> ... </table> <div> <div class="section"> <div class="r-star-shape"> <div class="cn tl"></div> <div class="content" id="left"> </div> <div class="cn bl"></div> </div> </div> <div style="position: absolute;">© 2008—2009 Все права защищены</div> </body> </html> Проблема с самым последним дивом. В IE и в Мозиле он располагается под предыдушим дивом, а вот в Опере его заносит вверх, он становится после <table>. Нагляд…

    Asked by solovets-denis,

    0 votes
    8 answers

  5. Корректное отображение блока

    Добрый день, возникла проблема с блоком .promo_2 http://legrand-servis.com/chto-my-predlagaem В этом блоке задан шрифт 20пик. В блоке module-promo_5 под ним есть span - которому заданы свои стили. Если в блоке .promo_2 отключить размер шрифта, тогда в блоке module-promo_5 span отображается корректно. Подскажите почему размер шрифта влияет на другой блок? Как сделать так что бы и шрифт остался нужного размера и span не прыгал? Спасибо. Разобрался блоку .promo_2.mod_fixed изменил отступ margin-bottom: 50%; )))

    Asked by mrfrunze,

    0 votes
    0 answers

  6. корректное отображение формы

    Добрый день, возникла проблема с формой в футере http://bcplaneta.com.ua/ при расширении экрана от 768х1280 @media (min-width: 768px) and (max-width: 991px) .may-form { display:none; } при этом левая форма не растягивается на все ширину, как исправить? чтоб на всех мониторах с меньшим разрешением отображалась только одна форма и она была на все ширину. Спасибо

    Asked by mrfrunze,

    0 votes
    10 answers

  7. Корректное употребление тега <cite>

    Доброго воскресного утра, быстро раскланиваюсь со всеми и перехожу к сути дела: В справочнике http://htmlbook.ru/html/cite указано что область применения тега <cite> При этом в примере: <p><cite>Айзек Азимов</cite></p> <p><q>Нельзя сказать человеку: «Ты можешь творить. Так давай, твори». Гораздо вернее подождать, пока он сам не скажет: «Я могу творить, и я буду творить, хотите вы этого или нет».</q></p> Тег используется, для указания авторства. Это меня уже смутило. В другом тематичном, русскоязычном источнике xiper.net также поддерживается эта точка зрения .Казалось бы какие могут быть вопросы? Для …

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  8. Корректность отображения

    Здравствуйте! Дело такое: Есть сайт, сверстанный в html+css. Однако, при первоначальном открытии в браузере, дизайн откровенно "ведет" (то картинки вылетают, то они съезжают в сторону). Обычно, после 3-4 обновления (Ctrl+R) в браузере подряд, все становится на свои места, и сайт отображается так, как и должен, согласно верстке. В связи с этим, вопрос такой: Причина такого поведения в тяжести Сайта или в "кривом" коде? Просто, пожалуйста, подскажите, в каком направлении копать? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    7 answers

  9. Коррекция подменю для IE7

    Вопрос вот такой: на этой странице в Пример 2 реализовано меню с подменю. Для вставки мне на сайт кое где подошло бы. Я просмотрела в нескольких браузерах и проблема в том, что в IE7 при наведении курсора и выпадании подменю, только верхняя строка подменю показывается корректно, а следующие под ней строки отображаются под пунктами основных строк меню. Вопрос собственно в том, не подскажет кто, какую коррекцию для IE надо внести там в стили чтобы это исправить?

    Asked by Юлия,

    0 votes
    1 answer

  10. Корсбруезерный div с вложеными div'ами

    В общем есть проблема с div'ом. <!-- // CONTAINER // --> <div id="Container"> <div class="content"> <div class="shadowLeft"></div> <div class="cornerLeft"></div> <div class="content"> <!-- // CONTENT TOP // --> <div id="ContentTop"> <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a> </div> <!-- // MENU // --> <div id="Menu"></div> <!-…

    Asked by giologi,

    0 votes
    2 answers

  11. Корявое отображение сайта на КПК

    Доброго вечера, Кто сталкивался, подскажите пож., есть сайт ecostok.ru, на ПК браузерах отображается все ок, на КПК - просто жуть. Сейчас пытаюсь подогнать под оперу мобайл, но никак не могу понять, почему текст выводится колонкой, а не растягивается на всю доступную ширину экрана. И не важно в каких тэгах находится этот текст.

    Asked by Little Muk,

    0 votes
    3 answers

  12. Косой бакграунд

    Увидел лендинг с таким перекрытием изображений: Как такое можно сделать? Я имею в виду косой слой.

    Asked by Denni,

    0 votes
    3 answers

  13. Костыль для IE

    Обнаружил интересную библиотеку, которая превращает IE6-7-8 в IE9. По заверениям разработчиков девятая версия будет уметь всё, в том числе поддерживать большинство свойств CSS. Ссылка http://code.google.com/p/ie7-js/ Обсуждение библиотеки http://habrahabr.ru/blogs/css/100838/

    Asked by Vlad,

    0 votes
    4 answers

  14. Косые полосы над и под блоком. Но верхняя почему-то налазит на текст

    [Страница, на которой проблема] [Скриншот] Верхняя полоса почему-то налазит на текст предыдущего блока, хотя нижняя отображена нормально. Что делать? z-index в порядке, а всё равно... На главной странице всё нормально [скриншот], копировал оттуда

    Asked by iBars,

    0 votes
    3 answers

  15. Косяк inline-block в ie6

    Есть список новостей. Каждая новость состоит из трех div'ов. Для выравнивания использую inline-block. результат во всех браузерах, кроме ie 6 и 7: Но как всегда ie не хочет по-нормальному отображать. В 6 и 7 версиях заголовок новости немного уходит влево: Подскажите как можно это поправить? Для совместимости использую следующие параметры CSS в соответствующих стилях: display: -moz-inline-stack; display: inline-block; _overflow: hidden; *zoom: 1; *display: inline;

    Asked by MiHALbI4,

    0 votes
    5 answers

  16. Косяк в IE

    В ИЕ изображение не помещается в центр ячейки таблицы, хотя в опере всё ОК. <tr> <td class="prod" colspan="2" width="500" align="center"> <img width="171" height="199" src="images/naslada.gif"></td> <td class="prod" colspan="1" width="300" align="center"> <img width="224" height="110" src="images/kroha.gif" style="position: relative; top: 20"></td> </tr>

    Asked by Chebas,

    0 votes
    3 answers

  17. Косяк в IE

    Как убрать этот косяк? Так отображается только в IE

    Asked by zinnyr,

    0 votes
    3 answers

  18. косяк в ie6 с background-image для body и ul списком

    ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…

    Asked by ppopik,

    0 votes
    1 answer

  19. Косяк в верстке

    Приходится подтирать за верстальщиком да вот только сам не могу понять где ошибка суть ошибки: http://lidersnab39.ru/pages/display/remont основной текст (контент) вылазит поверх, как должно быть думаю и так понятно. пока нет времени все переделывать.

    Asked by sympler,

    0 votes
    2 answers

  20. Косяк в верстке, помогите найти.

    Сказать честно в верстке и веб програмировании я очень слаб, по этому надеюсь на вашу помощь. Проблема из разряда элементарных я так думаю, просто я совсем чайник. Суть проблемы, отпозиционировал дивами спанами текст как надо, везде отображается нормально...но когда открываю в Internet explorer, текст из php улетает в самый низ дива. За кривой код ногами не пинать HTML <div class="name1"> <div class="name2"> <span class="l1"><strong>Текст1</span> <br /> <span class="l2">текст1</strong></div> <div class="name3"><?php echo $heading_title; ?></div> </div> CSS .l1 {font-size: 50px; color: #0000…

    Asked by dram,

    0 votes
    1 answer

  21. Косяк верстки на iPad

    Сайт: zabotuchka.ru На айпаде появляется непонятный косяк: Как исправить?

    Asked by posthack,

    0 votes
    3 answers

  22. косяк отображения в FF

    Добрый день уважаемые форумчане, очень надеюсь на вашу помощь, есть страничка, в ней макет... в опере отображается отлично ) а вот в FF много косяков, если не сложно, подскажите, как добиться правильного отображения в FF? http://sd-chat.ru/koolchat/index.php?inc=i...p;nick=Dominant

    Asked by vitron,

    0 votes
    1 answer

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

    Есть страничка, на которой все элементы имеют абсолютную позицию и их положение отталкивается от bottom: http://red-squadron.ru/halloffame Позиция берется именно от bottom, чтобы страницу можно было дополнять вверх и блоки при этом никуда не ехали. В чем косяк: В FireFox и IE верхние блоки расположены так: http://joxi.ru/5U_gUv3JTJCYEMqnYbA А в Chrome, Safari и Opera они чуть сдвинуты вверх: http://joxi.ru/LlDgUv3JTJC0EBskLr4 А если смотреть блоки ниже, то чем они ниже расположены, тем меньше отклонение. Такое чувство, что в разных браузерах размер пикселя разный... Прошу пояснить в чем тут соль и как это можно исправить.

    Asked by Freakmeister,

    0 votes
    1 answer

  24. косяк с бордером (border) в ie 6

    Всем привет! Мучаюсь с одной маленькой проблемой. во всех браузерах нормально отображается, кроме ie 6 (в более старших версиях все ок) вот скрин как в ие6: вот как в других браузерах: черный фон сделал специально чтобы отчетливо был виден косяк. код html <div class="browseproductcontainer"> <div class="browseimagecontainer"> <img src="http://сайт.ru/2_160x160.jpg height="160" width="160" class="browseProductImage" align="left" title="Костюм Вираж" alt="Костюм Вираж" border="0" /> </div> <div class="browseproductdetailscontainer"> <div class="browseskucontainer">КОС108</div> <h2> <a style="font-size:16p…

    Asked by mustang,

    0 votes
    3 answers

  25. косяк с картинками

    Люди помогите! Почему на данной странице http://artvasiliev.com/still_life_1.htm в IE картинки не загружаются(за место картинок если присмотреться точки), а в лисе все грузится нормально?

    Asked by nicotin,

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