HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Странная работа JS
Доброго времени суток, форумчане! Столкнулся со следующей проблемой, а скорее вопросом к опытным разработчикам. Сам вопрос в том, что я не могу понять почему так работает: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var body = document.body; var main = document.getElementsByTagName("main")[0]; main.innerHTML += "Hello"; body.innerHTML += "World!"; </script> </body> </html> А так нет: <!DOCTYPE HTML> <html> <head> </head> <body> <main> </main> <script> var b…
0 votes4 answers -
Странная форма картинки
Собственно такая вот проблема, поискав час решений, понял что сам не справлюсь, нужно решение вот такой задачи. Есть картинка http://savepic.su/3458647.png Она уже обрезанная, она кликабельная, их несколько, нужно "обрезать" границы ссылки, чтобы другим ссылкам проблем не доставило, друг на друга накладывать не вариант, спасибо за любую помощь.
0 votes7 answers -
странная ширина границы у дива
https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?
0 votes1 answer -
страннно поведение li
привет! снова с вами http://albione.undersite.ru/quelity.html при наводе на КАЧЕСТВО свеху меню, выпадает подменю в виде ul ну вобчем не понятно почему оно обрубается наполовине, то есть там в подменю 3 пункта а показывается только 2, словно там стоит overflow: hidden с фиксированной высотой, но там ничего такого нет. окромя там стоит для верхних пунктов кьюфон, а сам плагин выпадения менюхи - superfish. помогите плиз!
0 votes7 answers -
Странно себя ведет position: fixed
Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы
0 votes5 answers -
Странное клонирование заголовка
Есть таблица <table id="ComparisonTable"> <thead id="CompTableHeader"> <tr>.....</tr> <tr>.....</tr> <tr>.....</tr> </thead> <tbody> ..... </tbody> </table> Есть JavaScript, с помощью которого я создаю таблицу с дубликатом заголовка и вставляю её перед основной таблицей: function createFixedTableHeader() { var table = document.getElementById("ComparisonTable"); var thead = document.getElementById("CompTableHeader"); if ((table)&&(thead)) { var ht = document.createElement("table"); ht.id = "HeaderTable"; ht.className = table.className; ht.appendChild(thead.cloneNode(true)); //ht.i…
0 votes1 answer -
Странное отображение
Всем привет! У меня странная ситуация, переделал свой сайт - http://vs-aqua.ru/ На компьютере отображение супер, а вот если открыть на айпаде, то весь сайт съезжает влево и сбоку остается свободное место, причем если крутить айпад и сайт должен перевернуться - ему пофиг. Когда вставлял в шапку всякую штуку - у меня появился скролл - убрал его с помощью тега: overflow-x: hidden; body { margin: 0px; padding: 0px; border: 0px; background:#E6E6E6; overflow-x: hidden; Подскажите что не так я сделал? и как можно если что убрать этот скролл без этого тега.
0 votes6 answers -
Странное отображение вложенных контейнеров
По чему то внутренние контейнеры вылазят за пределы внешних, не "растягивая" их. От чего это и как исправить? Исходники тута
0 votes5 answers -
Странное отображение выпадающего меню
Подскажите кто-нибудь пожалуйста. Почему у меня на сайте nala.net.ru (открывайте в IE) выпадающее меню появляется под контекстной рекламой Google, а в Опере ,к приеру, все ок. И как это исправить ?
0 votes2 answers -
Странное отображении текста в поле формы в Firefox
Здравствуйте! Не сталкивался ли кто со странностью в FF, когда текст в поле при заданных размерах шрифта и ширины поля не умещается в видимой части поля ? Вот страница, которая корректно отображается в FF, IE6+, Хром 7, Сафари 4, Опера 10: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>input test</title> <style type="text/css"> #date1, #date2 { font-family: Arial, sans-serif; font-size:12px; width:64px; padding:0; margin:0; bo…
0 votes2 answers -
Странное поведение :active в IE
Добрый день! Вопрос следующий. Есть на странице элемент с псевдоклассом active, при клике на этом элементе должен меняться например цвет фона. Во всех браузерах все работает хорошо, однако в IE всех версий :active срабатывает через раз, т.е. фон сменился, на следующем клике фон элемента не меняется. Т.е. :active срабатывает через раз. Причем onclick срабатывает исправно, на каждом клике. Предложите пожалуйста решение, можно на JS, или подскажите, куда копать..
0 votes2 answers -
Странное поведение <img src = "*путь к файлу*">
Доброго времени суток. Стоит задача отобразить в браузере выбранный docx документ. После выбора документа, docx автоматически преобразуется в html, этот html вставляется в код страницы и все это отображается пользователю. При преобразовании все картинки docx-документа выносятся в отдельные файлы, в html ставятся в нужных местах ссылки на картинки. При отображении полученной страницы картинки не показываются, только их рамки с заданными размерами, как-будто на них даны битые ссылки. Хром при попытке "открыть картинку в новой вкладке" открывает "about:blank". При этом при просмотре кода страницы пути к картинкам верные, файлы точно на месте. Если скопировать путь из кода с…
0 votes2 answers -
Странное поведение after в ie
В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }
0 votes13 answers -
Странное поведение DIV при убирании BORDER
Добрый день уважаемые, столкнулся с непонятно й для меня дилемой. Ниже привожу html и css. На всякий вот прямая ссылка http://shinoda.ru/what_the_fuck/default1.htm Проблема в следующем, в диве с айди header1 когда стоит однопиксельная рамка вокруг блока, ну то есть border: 1px solid "color" - вобчем блок отображается на своем законном месте без каких либо отсутпов, НО если я уберу из #header1 рамку, то чото происходит непонятное, словно у него (header1) появляется верхний марджин. Кто нить сталкивался с подобным??? Скрины в приложении :-) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <h…
0 votes3 answers -
странное поведение FF
В ИЕ все как надо, а в ФФ только при выделении текста: тут.
0 votes7 answers -
Странное поведение hover в хроме
Проблема следующая. При наведении на пункт меню "Услуги" в мазиле выпадает меню второго уровня с перечнем услуг, собственно как и должно. А при наведении на этот же пункт меню в хроме, меню второго уровня так же появляется, но при попытке наведения на одну из услуг меню исчезает. В чем тут проблема? Почему эффект hover пропадает в хроме, а в мазиле работает? Вот сайт: http://www.gruzchiki-tver.ru
0 votes2 answers -
Странное поведение ie6
Первый раз столкнулся с таким странным багом IE6. Есть трёхколоночная вёрстка. Но левый столбец при загрузке встаёт левее, чем нужно. При наведении на ссылку в этом столбце - он возвращается на место. При этом hover стили вообще ни каким образом не трогают позиционирование. Собственно сама вёрстка: http://home.cyxapeff.org/work/nail/ Буду очень благодарен хотя бы за подсказку куда копать.
0 votes9 answers -
Странное поведение input type checkbox
Собственно сабж. http://alpentours.ee/resys/index.php/ru/enquiry/tour проблема такая что ни как не пойму что у меня чек боксы так странно выглядят. Зарание спасибо.
0 votes4 answers -
Странное поведение margn-top в FF
Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…
0 votes3 answers -
странное поведение padding
Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…
0 votes1 answer -
Странное поведение z-index
Сверстал попап http://jsfiddle.net/pbhAb/ Делаю так: затемняющая подложка <div class="popup_overlay"> и внутри нее сам попап <div class="popup"> В итоге, подложка, почему-то затемняет мой попап, но по логие это не возможно. У подложки z-index: 100, а у попапа z-index: 101. Если подложку и попап сделать элемнтами-соседями, то тогда всё в порядке <div class="popup_overlay"></div> <div class="popup"></div> 1) Почему это происходит? 2) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(
0 votes1 answer -
Странное поведение отступов...
<html> <head> <style type="text/css"> body { margin: 0; padding: 0; background: #e5e4e4; } #body { background: #fff; } #head { height: 137px; } #logo { margin-top: 34px; } </style> </head> <body> <div id="body"> <div id="head"> <div id="logo"><a href="#"><img src="logo.gif" width="165" height="69" border="0"></a></div> </div> </div> </body> </html> Хочу отодвинуть логотип (id="logo") от верхнего края шапки (id="head"). Для этого задаю стиль #logo { margin-top: 34px; }. В IE все нормально, а вот в FF, вместо того, чтобы отоднинуться логотипу от края шапки, отодвигается…
0 votes6 answers -
Странное поведение ссылок
Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).
0 votes7 answers -
странное поведение таблиц в IE
Есть вот такой незамысловатый код: <html> <head> </head> <body> <table cellpadding=0 cellspacing=0 style="width:100%"> <tr> <td colspan=3 style="background:#E8E8FF; height:200px;"> <table cellpadding=0 cellspacing=0 style="width:100%" border=1> <tr> <td style="width:310px;">310px</td> <td></td> <td style="width:310px;">310px</td> </tr> </table> </td> </tr> <tr> <td style="width:200px; background:#23AE0A;">200px </td> <td > </td> <td style="width:200px; background:#18B6F1;">200px <…
0 votes5 answers -
Странное поведение тега div
Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…
0 votes8 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-