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. Побдробная справка по HTML и CSS

    Ребята, нужна побробная справка по HTML и CSS. Со всеми тегами и параметрами. Может кто знает, где можно скачать. Буду премного благодарен.

    Asked by burda_a_m,

    0 votes
    8 answers

  2. Поблема с работой в Safari

    Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…

    Asked by profmodder,

    0 votes
    2 answers

  3. Поблема с фоном

    Подскажите пожалуйста! Я на фоновый рисунок поставил некое изображение, растягивающееся на весь экран (резиновый фон), задал относительное позиционирование (position:relative;) и сдвиг от нижнего края экрана (bottom: 240px;)... Изображение действительно сдвинулось на 240 пикселей от низа, как я и хотел, но под ним образовался пробел (что, в принципе, естественно). Объясните пожалуйста мне - ламеру, как избавиться от пробела или заполнить его! Заранее спасибо! Скрин выше!

    Asked by Ivzhurik,

    0 votes
    8 answers

  4. Поблемы с формой отправки почты с сайта

    Доброе время суток, ув. веб-техники! Я, пока только верстальщик с не большим опытом работы. Передо мной стоит задача, с которой я не могу справиться - интегрировать форму отправки писемь с сайта на определенное мыло. Вот с этих полей (http://joxi.ru/au9FUtg5CbAJNpydQfg) должна быть отправка, после нажатия на кнопку. Мой интерес не только это сделать, но и попытаться разобраться.C Вашей помощью это более реально. Спасибо, за внимание!

    Asked by Artwan,

    0 votes
    2 answers

  5. Побороть ie7

    Есть гор.меню где я использовал список. <ul> <li><a href="#"><i> </i><i> </i>Главная</a></li> <li><a href="#"><i> </i><i> </i>Форум</a></li> <li><a href="#"><i> </i><i> </i>Категории</a></li> <li><a href="#"><i> </i><i> </i>Нажими</a></li> </ul> Каждому пункту списка я проставил float: left; после чего они встали в ряд и начали растягиваться что бы поместить в себя содержимое, т.е. пункт категории шире чем пункт форум(так и задумывалось). Но в IE7 каждый пункт списка ра…

    Asked by rediskavet,

    0 votes
    11 answers

  6. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar,

    0 votes
    7 answers

  7. Поведение div в inline-block

    Доброго времени суток уважаемые форумчане. Недавно начала изучать html/CSS. И при освоении новой порции знаний натолкнулась на эффект который не могу объяснить. А именно. При добавлении в div контейнер содержимого столкнулась с эффектом вылетания div контейнера из общего ряда элементов структурированных с помощью display:inline-block;. И теперь что это такое и как с этим бороться непонятно. Буду премного благодарна если дадите какие-нибудь комментарии по этому поводу. Код можете посмотреть по ссылке: http://cssdeck.com/labs/nz39zp35 Ксения.

    Asked by negra,

    0 votes
    5 answers

  8. Поведение Div в mozilla

    Размещены 2 дива друг в друге. Один должен растягиваться при изменении размеров внутреннего. Какое значение A и B нужно поставить чтобы работало в mozille? В опере и ИЕ все пашет. <div style="position: A; width: 1024px; height: auto; left: 0px; top: 0px; z-index: 0; background: #929292" id="layer4"> <div style="position: B; width: 100px; height: 100px; left: 0px; top: 0px; z-index: 1" id="layer5"> kjhlkjhl lkjhljkh<p>dfg</p> <p>dfg</p> <p>dfg</p> <p>df</p> <p>gd</p> <p>fg</p> <p>df</p> <p>g</p> <p>dfg</p> </div> </div>

    Asked by SibBear,

    0 votes
    1 answer

  9. Поведение FF для вложенного div height:100% с вертикальным скролом.

    Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…

    Asked by Bitmag,

    0 votes
    11 answers

  10. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  11. поведение IMG и текста

    Имеем примерно такой код - 2 блока друг за другом Контейнер в нем еще один в котором лежит картинка и текст. <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой пр…

    Asked by ShumNo,

    0 votes
    2 answers

  12. поведение Input при :hover

    Здравствуйте, Уважаемые! Вопрос следующий есть инпут, при вводе в него значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось

    Asked by veremey,

    0 votes
    14 answers

  13. поведение SELECT, вопрос для гуру html

    Здравствуйте! Вопрос скорее теоретический. На сайте www точка seogenerator точка ru/tools/ ( точка замените точкой) в правой колонке кастомизированный select, который выбирает кодировку. Метод кастомизации основан на том что при задании opacity 0 сам селект не виден, но выпадающий список виден, документированное ли это поведение, или баг, и выпадающая часть тоже должна быть невидима? Желателен пруф на доку. Спасибо!

    Asked by polyanin,

    0 votes
    5 answers

  14. Поведение адаптивного дизайна

    Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.

    Asked by aqua.77,

    0 votes
    3 answers

  15. Поведение блока в зависимости от другого

    Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!

    Asked by Digidie,

    0 votes
    8 answers

  16. Поведение вертикального меню оформленного через списки

    Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…

    Asked by Gilgamesh,

    0 votes
    0 answers

  17. поведение псевдоэлемента в IE

    Вечер добрый Суть такова - имеется раздвижное вертикальное меню, при наведении на пункт возле него появляется плюсик. сделал через псевдоэлемент, плюс появляется и работает как надо в Opera next, Mozilla, Chrome. В IE же при наведении под плюсом появляется подчёркивание, походу потому, что ранее оно задано для span-a, внутри которого пункт меню. я так понял ишак наследует этот стиль и рисует подчеркивание и у псевдоэл., а вот остальные браузеры - нет. подкиньте идейку, как убрать это подчеркивание у IE. пробовал добавлять к span:hover:after {text-decoration:none;} - не работает, к span:after - тоже. сама страница - https://bc9af00d6817e817723349c0695951c9c5303b8c.goog…

    Asked by orange_juice,

    0 votes
    10 answers

  18. Поведение текста в ie

    На сайте poligontr.com.tr в ie8(видимо, и в ie7) текст в пунктах меню заметно дергается при прорисовке поначалу. Вот тут можно посмотреть или посмотреть сам сайт. Как быть? Что делать?

    Asked by denis.southern,

    0 votes
    0 answers

  19. Поведение фона при разных разрешениях

    Здравствуйте. Есть макет сайта, ширина которого 980px, и в нем есть изогнутая смужка под меню (см. фото), размеры которой соответствуют ширине слоя фотошопа - 1200px. Подскажите, как она должна вести себя на дисплеях с разрешением более 1200px в данном случае. Также интересует похожий вопрос касательно фонов. Если в макете слой 1000px шириной и в нем есть фон-картинка, краи которой обрезаны, что мы должны увидеть на дисплеях 1900px.

    Asked by alex_web64,

    0 votes
    4 answers

  20. Повергнуть Myriad Pro

    Myriad Pro очень любят наши ру дизайнеры, словно не замечая миллионы нецензурных коментов по этому поводу. Кто-нибудь сумел разобраться с этой напастью? Как отконвертировать во все форматы этот замечательный шрифт для вэб бесплатно, что бы счастливые верстальщики могли на всех ру сайтах радостно и кроссбраузерно использовать фонт фэйс такого вида: @font-face { font-family:'MyriadPro-Regular'; src:url('../fonts/MyriadPro-Regular.eot'); src:local('O'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.svg') format('svg'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.eot') format('embed…

    Asked by Alarr,

    0 votes
    18 answers

  21. Повернутый текст в IE, помогите пожалуйста

    Уважаемые спецы по HTML верстке! Моя задача - повернуть текст на минус 90 градусов. Код ниже работает как надо в FireFox 10, но в IE6,7,8 и т.д. не работает, хотя уже много рецептов, найденных на разных сайтах, перепробовал. Буду весьма благодарен, если поможете повернуть текст и в IE. <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Vertical text IE test</title> <style type="text/css"> .bookm_t…

    Asked by AlexV,

    0 votes
    2 answers

  22. Повернуть текст ?

    Друзья, подскажите, возможно ли повернуть текст на 90 градусов?

    Asked by Zuma,

    0 votes
    5 answers

  23. Поворот объекта на 90?

    Доброго всем времени суток! Подскажите пожалуйста, как повернуть div на 90? и как повернуть текст (неважно в каком элементе{те в любом}) тоже на 90?? Заранее всем спасибо!

    Asked by Goggi,

    0 votes
    3 answers

  24. Поворот страницы перед отправкой на принтер

    Добрый день, делаю так: <style media=print> div{ position:absolute; /*обязательно*/ FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1,Mirror=0,Invert=0,XRay=0 ,Grayscale=0,Opacity=1.00); } </style> В IE работает, но предварительно спрашивает разрешить ли запуск активного содержимого.. Есть ли возможность повернуть страницу по другому либо избежать этого вопроса на клиентских машинах?

    Asked by h7h2vc,

    0 votes
    1 answer

  25. Поворот текста. -webkit-transform.

    Поворачиваю текст на 90 градусов вот так: <h1 style="-webkit-transform: rotate(90deg); display:inline-block;">Это текст</h1> Но поворачивается текст вокруг центра, и получается какая-то фигня: Было: Стало: Как повернуть текст так, чтобы левый верхний угол исходной совпадал с левым верхним уже повёрнутой: ?

    Asked by Atilla,

    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