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
29542 questions in this forum
-
Меню
Что делать если выподающее подменю уходит под фрейм и из-за этого не видно часть текста (только в Опере). Может нужно настроить чтото в самой Опере .
0 votes10 answers -
Прошу помощи по Smarty
Беда следующая... Сразу оговорюсь, я в Smarty полный профан, совсем, как и в PHP, но вот такая задача попалась. {if $a}значение = {$a}{/if}. $a может принимать любый значения >=0 и "не определено". Задача у меня, вычленить >=0, делаю так: {if $a>=0}значение = {$a}{/if} на выходе получаю как "значение = число" так и просто "значение = ". Терзают смутные сомнения, что >=0 приравнивается к ">= не определено". Вопрос, так ли должно быть в Smarty? Либо где-то ранее в PHP происходит? Ну, может, кто подскажет, как вычленить все неопределенные значения и скрывать если таковое приходит, хотя, ответа не первые вопросы будет более чем, с удовольствием покапаюсь дальше…
0 votes3 answers -
страница сайта инфицированна
Доброгов ремени суток. У меня проблема с сайтом. А вернее с одной из его страниц. После перехода на определенную страницу, последующие переходы по ссылкам редиректят меня на http://www.spyware-systems.info/0/go.php?sid=2. т.е. я зашел на страницу например "www.yabloki.ru/sorta.php" и потом когда с этой страницы хочу перейти на главную "www.yabloki.ru/index.php" меня переводят на http://www.spyware-systems.info/0/go.php?sid=2 и говорят о том что саит инфицирован. Я сначало сунулся в гугл. Т.к. он ссылаеться на то что именно гугл забанил этот саит. Там ответа не получил. Прождав пару дней я решил удалить эту страницу с FTP переписать ее на локально хосте, загрузил на саит.…
0 votes16 answers -
Позиционирование слоев в разных браузерах
Следующий код в браузере Chrome и Operа отображается по разному: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #id { position: absolute; margin-top: 10%; margin-left: 10%; width: 100px; height: 10%; background-color: black; } #id2 { position: absolute; margin-top: 20%; margin-left: 10%; width: 100px; height: 10%; background-color: green; } </style> </head> <body> <div id="id">First layer&l…
0 votes6 answers -
SVG-sprite in IE11
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …
0 votes2 answers -
<if val=> </if>; <poly name=> </poly>; <key> </key>;
Подскажите что это за теги и где про них можно хоть что-нибудь узнать:; ; ;
0 votes9 answers -
Как всегда, непонятный эффект в IE
Глюк в следующем. Делаю див, в нем по углам размещаю 4 картинки - для эффекта сглаживаемых углов. Картинки размещаю фоном. Во всех браузерах всё выглядит на ура. Далее, помещаю в контейнер еще один блок. В итоге в ИЕ нижние углы смещаются на пиксель вверх. В чем причина такого эффекта? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <div style="position:relative; width:728px; float:left; display:inline; background-color:#bdbfc1; pad…
0 votes18 answers -
Простой шаблон
Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …
0 votes8 answers -
наследование свойств CSS
Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно
0 votes12 answers -
Множественные классы на одном элементе в IE6
На странице http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx про совместимость браузеров IE увидел такое выражение "Prior to Internet Explorer 7, there was a two-class selector limit per element". Что она значит? Если имеется ввиду такая конструкция <div class="name1 name2 name3">text</div> то IE6, как я мог увидеть на тестах, справляется с такими селекторами. Объясните, кто знает о чём речь идёт.
0 votes13 answers -
Не работает "Enter" Internet Explorer
Не могу понять, почему в эксплорере не работает кнопка "Enter" при заполнении формы. Отправлять запрос приходится нажатием на кнопку мышкой. Хотя в Опере или Файрфоксе все нормально. <form action='poisk.php' method=POST> <table border='0' align='center'><tr><td><input name='kod' type='text' value='' MAXLENGTH='50'> </td> <td><input type='submit' name='submit' value=' поиск '></td></tr></table> </form> Что я не так сделал? UP. ссылка - http://autopremium.com.ua/poisk.php (за другое не пинать, пока интересует только эта проблема )
0 votes8 answers -
Форма на css/css3
Здравствуйте. Как сделать подобную форму на css/css3?
0 votes11 answers -
Как создать элементы в меню?
Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?
0 votes8 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Баг масштабирования в IE7
Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).
0 votes1 answer -
Широкий фон
Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.
0 votes8 answers -
При зуме в Chrome появляются лишние пиксели
Доброго времени суток! Есть следующий код html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" /> <!--[if lt IE 9]> <script> var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(','); for (var i = 0; i < e.length; i++) { document.createElement(e[i]); } </script> <![endif]--> <script> function hide_input_value(iv) { if (iv=="Search website") { document.getElementById('field_search').value=""; } } function show_input_value(iv) { if (iv=="") { docu…
0 votes5 answers -
Отпимизация --- сайта
Где то видел такую тему, человеку очень помогли будем надеяться на тоже . Вот сверстал, как можно сделать его более компактным я в смысле кода. Буду рад если покажите на ошибки, дурные манеры. БЫТ п,с сори если тему создал не там,
0 votes13 answers -
Ссылка, картинка, не работает.
Джамбо. Тема очень простая, но что то мне в голову ничего дельного не приходит. Не работает ссылка на картинку, картинка открывается как пустая, но если открыть картинку в новом окне, то загружается нужная страница..Вроде ссылку описываю правильно, единственное, сомневаюсь конечно что это как то влияет, но картинка с ссылкой засунута в див. <a href='http://blablabla.com/'><img src="http://7.arhwus.zxg8.ru/wp-content/uploads/2013/07/logo1.png" class="alignnone size-full wp-image-3738" /></a>
0 votes2 answers -
Перенос списка
Ребят подскажите как можно реализовать перенос списка. Например есть список <ul> в нем 40 <li>, вопрос в том как сделать что бы список переносился в право через каждые 10 элементов <li>, вот так: 1. 11. 2. 12. 3. 13. 4. 14. 5. 15.... 6. 7. 8. 9. 10.
0 votes11 answers -
"Барабашки" в ссылках меню
Время от времени две ссылки в меню перестают адресовать браузеры куда надо (субдомен.сайт.орг), а посылают по чудной (типа хт-4ью-дл.сайт.орг), при этом IE и FF не находят страницу, но показывают в адресной строке верный адрес (субдомен.сайт.орг), а Опера не находит адрес и видит в адресной строке "барабашку" (хт-3ью-дл.сайт.орг). В шаблоне страницы сайта при этом продолжает стоять правильный адрес (субдомен.сайт.орг). Никакие очистки кэша браузеров, баз данных сайта сами по себе не помогают. Лечится просто: меняется в шаблоне адрес на любой другой, после хождения по нему переделывается опять на нужный (субдомен.сайт.орг), вс? начинает работать. Беда только в том, что чер…
0 votes4 answers -
Расположение iframe на странице
Всем привет! Прошу помощи в следующем вопросе: Я хочу расположить фрэйм (с помощью iframe созданный) по центру страницы в самом низу. А он не хочет =/. Стоит в верхнем левом углу и никак. Я еще пробовала задать расположение через div, но идея опять не прокатила. Подскажите, пожалуйста, в чем у меня возможна ошибка, а точнее нехватка знаний? Спасибо.
0 votes2 answers -
Вставить видео на страничку
Добрый вечер! Люди помогите пожалуйста - как вставить видео на страничку.
0 votes8 answers -
Схлопывание margin'ов
Доброе утро. Часто возникают ситуации, когда необходимо отменить действие схлопывания отступов. Тут вроде бы все понятно: флоаты, воерфлоу-хиддены, клеарфиксы, паддинги и бордеры в помощь. Но столкнулся с такой проблемой, когда наоборот очень нужно схлопывание марджинов элементов, что идут в потоке, но из-за некоторой специфики, оно (схлопывание) не всегда возможно. Задача. В потоке идут несколько дивов-контейнеров для последующего контента. Марджины для них заданы как для топ, так и для боттом. Проблема. Все прекрасно работает до тех пор, пока в одном из контейнеров не появляется колонки типа флоат. Следовательно, для корректного отображения родительскому диву необходи…
0 votes17 answers -
Создание таблицы в HTML
Здравствуйте, создаю таблицу в HTML, не получается в конце таблицы равномерно распределить столбцы и ячейки. Подскажите пожалуйста в чем ошибка: Пример нужной таблицы во вложениях Ссылка на код: https://pastebin.com/ZL8GRHU5 Если не отображается ссылка текстовый документ кода во вложениях. Спасибо за помощь. Код.txt
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-