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. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze,

    0 votes
    8 answers

  2. Отображение текста по наведению (без скрипта)

    хочу добавить функцию отображения текста по наведению без скрипта, с помощью свойства visibility (http://htmlbook.ru/css/visibility), но довести не могу. Затык в том, что текст наложен на хитрую блочную картинку-ссылку, которая также меняет отображение при наведении. Видимо, вместе они начинают каким-то образом конфликтовать... Тестовая страница (блок - Резка керамогранита): http://www.mastermozaik.ru/index/0-45 Упрощенный код (без тайтлов, альтов...): <div class="good400" style="background:url('/Goods/DSCN0594-400-02.jpg');"> <a href="/index/0-16" class="goods400"><div class="goodtext">Отображаемый текст</div></a> </div> css: .goo…

    Asked by Joerrigo,

    0 votes
    4 answers

  3. Отображение тени

    Доброго времени суток увжаемы форумчане. Фозникла задача сделать внутреннюю тень по бокам. box-shadow:inset 0 0 10px gray; - тень вокруг всего объекта. А как сделать только по бокам я не нашёл. Можно закрыть дивами сверху и снизу, но может есть решение по красивее?

    Asked by preslilvs,

    0 votes
    1 answer

  4. Отображение товаров

    Дали мне вот этот магазин на "довёрстку". Все было нормально пока я не столкнулся с необходимостью сделать отображение товаров как на картинке, тоесть красиво расположить форму Select внутри. Вот как надо: Как есть можно посмотреть на сайте. В таблицах я плаваю, при чем плаваю топориком p.s. Особо нервным сайт в ИЕ не открывать, кроссбраузерностью я еще не занимался

    Asked by buddah,

    0 votes
    4 answers

  5. Отображение флєш в браузере Опера

    Первый раз в жизни создал и немного потренировался создавать флэш. При сохранении анимации, программа сгенерировала html-код и сам файл флєш,весящий нкмного. Вот исходник сгенерированный: <HTML> <HEAD> <meta http-equiv=Content-Type content="text/html; charset="> <TITLE>Без названия-9</TITLE> </HEAD> <BODY bgcolor="#FFFFFF"> <!-- URL's used in the movie--> <!-- text used in the movie--> <!--ТСКЕ--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="550" HEIGHT="400" id="Без названия-9" ALIGN="</…

    Asked by people2010,

    0 votes
    1 answer

  6. Отображение фона fieldset в Internet Explorer

    Здравствуйте. Столкнулся с такой проблемой: фон элемента fieldset вылезает за рамку и за legend, но только в IE, остальные браузеры отображают мой код нормально. Как пофиксить? <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </script> </head> <body style="margin:0;padding:0;background:#FFA;" > <div id="content" style="width:100%;margin:0;padding:0"> <fieldset style="background:#AFA; margin:50px;"> <legend style="background:#FAA; margin:10px;">легенда</legend> <p>контент</p> </fieldset> </div> </body…

    Asked by Firefix,

    0 votes
    0 answers

  7. Отображение фонового изображения частично

    Есть изображение: Как сделать, чтобы отображалось, например, в блоке только иконка [В]Контакте? Просто я впервые встретился с частичным отображением фона. P.s. Каждая иконка в изображении 45х45, все изображение 90х90 пикселей.

    Asked by iKNG,

    0 votes
    2 answers

  8. Отображение форм

    Здравствуйте и с Новым годом! У меня возникла такая проблема, правил верстку http://pyra.vov.ru/h_1/reg.html вот что получилось http://pyra.vov.ru/h_1/reg_1.html Но в Хроме и Сафари формы загрузки (фото, лого) не корректно отображаются. Кто подскажет или посоветует, какую литературу? Еше как сделать чтоб в лисице по ширине была одинаковой с другими формами. (Скрипты не загружал) Спасибо тем, кто подскажет.

    Asked by kent,

    0 votes
    2 answers

  9. Отображение частей сайта.

    И так к примеру у меня есть макет,с необычными блоками слева и справа(обведены красным на изображении,изображение см. ниже). Как мне сделать что бы при разрешении экрана меньше чем 1280х1024,эти блоки не отображались? Изображение s48.radikal.ru/i119/1108/63/b23c9bc251cc.png

    Asked by LIFE-STALKER,

    0 votes
    0 answers

  10. Отображение ширины - простой вопрос :)

    Добрый день. Начал изучать CSS столкнулся с проблемой, вопрос наверняка очень простой, но я уже все облазил найти не могу. Я задал блок <div> с идентификатором, в style.css ему прописываю конкретную ширину, но она неправильно отображается в бразуерах - в firefox вообще почти на всю страницу, в opera чуть меньше но тоже не 800px, везде по разному В общем. Притом что там вообще больше элементов нет, подскажите пожалуйста что я пропустил? Код html <!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"> <head> <meta http-equiv="content-type" content="text/html; charset…

    Asked by Olks,

    0 votes
    2 answers

  11. Отображение шрифтов

    В ie7-8 шрифт жирнее, чем в остальных браузерах, чтобы в ie отображалось также, нашел такую фишку: * + html body { filter:0; } Но работает это только для ie7, а в ie8 не работает! и не проходит код на проверку валидатором! Может кто знает как это поправить, что бы шрифт был одинаковым во всех браузерах и код валидным?

    Asked by kking,

    0 votes
    1 answer

  12. Отображение шрифтов Google Chrome, Opera, Yandex

    Здравствуйте! Столкнулся с проблемой различного отображения в браузерах. Но дело не только в различной ширине и высоте, хром, опера и яндекс рендерят как-то не так или я в чём-то ошибся? Сталкивался кто-то? Вот сравнение: https://yadi.sk/i/CQ21YKOaddS2Z

    Asked by Torawhite,

    0 votes
    14 answers

  13. Отображение шрифтов в IE

    Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.

    Asked by Vlad_P,

    0 votes
    5 answers

  14. Отображение шрифтов в IE, Mozilla, Chrome в Windows XP

    Во всех трех браузерах шрифт Tahoma отображается по-разному, с этим можно что-нибудь поделать? В IE8 более-менее, а в Mozilla и Chrome как-то узко и коряво. С этим столкнулся при тестировании на ХР, хотя на Windows 7 все нормально отображается. Скрины прилагаю: Chrome, IE, Mozilla

    Asked by skiph,

    0 votes
    4 answers

  15. Отображение шрифтов в браузере

    Я новичок в вёрстке. На втором учебном макете столкнулась с проблемой, не корректно отображаются пользовательские шрифты. В хроме шрифт отображается корректно в фаерфоксе также в макете используется шрифт "ArbatDi" и "AmazoneBT", которое не отображаются даже в хроме. Что можно сделать, чтобы браузер понял шрифты?

    Asked by lunozwetka,

    0 votes
    7 answers

  16. Отображение элемента поверх всех других

    Добрый день. Как сделать чтобы элемент, который находится внутри другого с overflow: hidden, отображался поверх всех других? <!DOCTYPE html > <html> <head> <style type="text/css"> .inner { position: absolute; top: 150px; left: 150px; } .outer { overflow: hidden; width: 100px; height: 100px; position: relative; } </style> </head> <body> <div class='outer'> <div class='inner'> Content </div> </div> </body> </html> Нужно чтобы Content всегда отображался. Стиль position: fixed для inner не подходит, т.к. в этом случае в моей задаче придётся делать расчёты …

    Asked by kidar2,

    0 votes
    4 answers

  17. Отображении блока в разных браузерах

    Добрый день! Столкнулся с такой проблемой: при верстке макета указал параметры ссылки следующим образом: a.menu_link_2:link,a.menu_link_2:active,a.menu_link_2:visited {font-size:16px; color:#737371; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#272727; border-bottom:1px solid #151515; text-decoration:none; } a.menu_link_2:hover {font-size:16px; color:#ffffff; padding-left:15px; padding-top:5px; padding-bottom:5px; height:30px; width:250px; background-color:#393939; border-bottom:1px solid #151515; text-decoration:none; } В IE 8 отображается прекрасно, ширина и высота впорядке, но в других браузерах проблемно! Сайт на…

    Asked by igrix,

    0 votes
    2 answers

  18. отобразить всплывающюю подсказку справа от селекта

    Всем привет, У меня есть табличка с данными в 4 колонки В некоторых случаях одна колонка широкая и я ее колспаном уcтанавливаю в 3 ячейки. И справа от селекта в этой ячейке хочется отобразить всплывающюю подсказку вроде : <tr> <td style="text-align: right; padding: 1px"> <label for="nsnpas_category_id">Select category: </label> </td> <td colspan="3" style="padding: 1px "> <select class="postform form-control" id="nsnpas_category_id" name="nsnpas_category_id"> <option value="">Select Category</option> …

    Asked by mstdmstd,

    0 votes
    2 answers

  19. Отобразить пропорционально картинку в модальном окне

    Всем привет, Не подскажите, а как лучше отобразить пропорционально картинку(картинка может быть разных размеров и довольно большой и пропорций) в модальном окне, где урл картинки будет присвоен картинке img_category_preview, вроде : <div class="modal fade" id="show_category_image_dialog" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <div class="modal-tit…

    Asked by mstdmstd,

    0 votes
    2 answers

  20. Отпимизация --- сайта

    Где то видел такую тему, человеку очень помогли будем надеяться на тоже . Вот сверстал, как можно сделать его более компактным я в смысле кода. Буду рад если покажите на ошибки, дурные манеры. БЫТ п,с сори если тему создал не там,

    Asked by musulman,

    0 votes
    13 answers

  21. Отпозиционировать картинку поверх таблицы

    Хочу сразу извиниться если вопрос банальным- я только начал изучать html. Какая проблема - картинка очень длинной получается и из-за этого начинает наезжать на творую колонку - а она в свою очередь начинает съезжать. Уменьшить размер картинки - не представляеться возможным. Может можно как-то пустить ее поверх таблиц что-б она не сдвигала все это. Вот скрин Вот код <td valign="top" width="766" height="750"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="766" height="131"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="575" height="131"&…

    Asked by Vcool,

    0 votes
    3 answers

  22. Отправить письмо

    Помогите как можно сделать что-бы на главной странице можно было отправить письмо администрации на пример Имя Фамилия О себе И всё это в табличках и при заполнении этих данных письмо сразу же приходило на моё мыло. Заранее Спасибо!

    Asked by Striker,

    0 votes
    3 answers

  23. Отправка checkbox на email

    Нужно отправить значения 4 чекбоксов на email чтобы в письме было что-то вроде Заказ: Крем 1 Крем 3 Крем 6 Подскажите, пожалуйста, где посмотреть урок по отправке чекбоксов.

    Asked by apexis,

    0 votes
    3 answers

  24. отправка disabled элементов скрипту

    Здравствуйте, столкнулся с тем, что disabled элемент формы при ее отправке не помещается в массив $_REQUEST обрабатывающего php скрипта. Это так и задумано?

    Asked by warobushek,

    0 votes
    1 answer

  25. Отправка email template

    Доброго времени суток. Кто сталкивался, подскажите плз такой вопрос: влияет ли количество картинок в папке с шаблоном на размер письма? Я пользуюсь для отправки письма OutlookExpress. Верстка соответственно выполнена по всем правилам. Вопрос стал, когда наши "гуру" сказали,что в папке с шаблоном должны быть только картинки,указанные в коде. Иначе в письме отправятся ВСЕ картинки из папки. Проверил эту теорию в ауте-отправились только картинки из кода, лишние пошли лесом. Из тех, кто утверждал это, никто не смог сказать в каком именно рассыльщике происходит такое. Может кто-то анализировал данную ситуацию или сталкивался ранее. Отпишите плз. Если что-то непонятно выразил-п…

    Asked by David_Blane,

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