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
-
Как поместить контент на фоне слайдера
Здравствуйте. Создан слайдер из трёх слайдов. На слое над слайдером с помощью :before создан контент (один блок, содержащий текст, меню со ссылками и форму). Однако при адаптации под разные разрешения всё очень сильно съезжает и искажается. Есть ли какой-то более рациональный способ разместить слой с контентом над слайдером, чтобы слайды переключались под недвижимым контентом? Подскажите пожалуйста. id="main" это блок, который находится в слое над id="slider" index.html style.css
0 votes0 answers -
Проблемка с divами! подскажите
Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…
0 votes5 answers -
pop-under
Как реализовать всплывающее окно у себя на сайте? По технологии: _popunder.ru _popads.ru
0 votes1 answer -
Стили таблицы - строки и столбцы
У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…
0 votes5 answers -
Объясните что за различия в отображении рамок (IE, FF, Opera 9)
Здравствуйте. Я взял такой код для примера. Объясните пож. что здесь происходит. FF3 - толстая черная рамка вылазит из главной таблицы. IE6, Opera 9.63 - отлично. В чем природа событий таких?? Спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> table, tr, td { margin: 0; padding: 0; border-collapse: collapse; } </style> </head> <body> <table width="600" style="border: 1px solid red;"> <tr> <td …
0 votes4 answers -
Плавающий фрейм
Здравствуйте Хотел спросить может кто знает, как сделать плавающий фрейм т.е iframe независящим от страницы в которой он расположен. Например чтобы содержание фрейма не обновлялось при обновлении самой страницы. Или кто может предложит свой вариант решения проблемы.
0 votes5 answers -
Непонятный отступ в ИЕ между строками.
Вот — http://kasia.com.ua/bb/ . В ИЕ появляется полоска между «шапкой» и «отражением». Я знаю, что можно сделать все дивами, а не таблицами, об этом можно сюда не писать. Это не мое, просто спросили совета.
0 votes1 answer -
Счетчик
Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!
0 votes9 answers -
О параметре CSS - Width
Всем привет! Возник вот такой оч интресующий меня вопрос, все пользуются конечно часто width задавая ширину элементам, но вот мне немного не понятно, скажем так, когда мне нужно чтобы div был на 100% ширины экрана, то я width вообще для него не указываю и он тянется итак на 100% ширины отведенного места, то есть получается значение по умолчанию для width: 100% ? НО на этом же сайте написано что значение по умолчанию auto и что это значение зависит от контента внутри и типа элемента, так почему ж он в auto на всю ширину тогда тянется. В итоге не совсем понятно разница между auto и 100% когда мы ширину для div не указываем вообще, обьясните плиз. То есть когда правильно е…
0 votes6 answers -
Динамический размер 3 вертикальных div
Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей
0 votes5 answers -
(CSS) DIV при высоте 100% вычесть 200px снизу
Привет! Торможу уже второй день с проблемой. У меня есть DIV. Я его растягиваю на 100% по высоте. Но я хочу, чтобы при этом, 200рх снизу оставалось пустым. Это вообще возможно сделать средствами CSS? Пробовал применять такой код, но они не работают: height: 100%; margin-bottom: 200px; и height: 100%; margin-bottom: -200px;
0 votes6 answers -
Посоветуйте сервисы для того,что бы делится кодом
Какие у вас на примете есть? Был бы очень рад,если бы вы написали ваши любимые сервисы!
0 votes12 answers -
Border-image
Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,
0 votes2 answers -
Табы в Opera
Есть код с вкладками: <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Tab 1</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Tab 2</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">Tab 3</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Tab 4</label> <div c…
0 votes2 answers -
Скачит в EI6
Как исправить баг в эксплорере 6 ? Скачит центральный блок по экрану ! #centerColumn { margin: 0 15.4em; padding: 1em .5em 2em .5em; font-size:12px; font-family: Arial, Helvetica, sans-serif; text-align: justify; background-color: #fff; }
0 votes2 answers -
Фрагмент страницы с помощью div - отображается не верно
Уважаемые, помогите пожалуйста со следующей проблемой. Есть страничка (точнее даже кусок страницы). Проблема: в Firefox+Safari+Opera выглядит так, как надо, в IE (ver.6) - нет (расползается). Вот ссылка на страницу: http://85.25.66.242/test/test1.html Также прикрепляю три скриншота. (ниже) Мои мысли (точнее их отсутствие): мне кажется, что это как-то связано с параметром border, потому что если на три пикселя уменьшить внутренний div, что становится в порядке. Хотя пробовал уже выставлять border: 0px; - не помогает. Пробовал переделывать с таблицами - все нормально, но хочу сделать дивами. Подскажите пожалуйста, в какую сторону курить доки? Спасибо. ПыСы. скрины: Firefox…
0 votes1 answer -
убрать рамку вокруг рисунка
подскажите, как убрать рамку рисунка, сам рисунок является ссылкой
0 votes7 answers -
проблема с выпадающим меню
Проблема такая... Выпадающие меню криво отображается в ie, во всех браузерах нормально а в 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> </head> <style type="text/css"> .thisMenu div {float: left; padding:0px;font:arial 14px #fff} .thisMenu div div {clear: both;float: none;} .thisSubMenu {display: none; margin:0px; margin-top:15px; marg…
0 votes4 answers -
Safari (проблемы с SVG)
Столкнулся с интересной ситуацией, я конечно понимаю, что Safari поддерживает нативные градиенты через старый или новый стиль задания градиента, но мне стало интересно как он ведет себя с SVG градиентом генерируемым Colorzilla генератором. Вот пример где все наглядно(открывать в Сафари): ПРИМЕР Как это объяснить я не знаю, помогите пожалуйста)
0 votes2 answers -
respond.js in ie8
помогите пожалуйста понять почему respond.js не применяется к страничке в IE8 вот работающая страничка от разработчиков respond.js а вот моя, к которой применён тот же самый подход. как видите css из файла в ie8 не срабатывает(должна исчезать правая колонка при определённой ширине окна браузера ). в этом проблема извиняюсь за отсутствие jsfiddle, но для ie8 он глючит
0 votes2 answers -
Открытие нового окна/вкладки
При открытии нового окна/вкладки при помощи target="blank" все работает нормально, но если на этой же странице кликнуть следующую ссылку с target="blank", то страница откроется не в новом окне, а в том же, что и первая ссылка. Можно ли открывать сколько угодно ссылок в таком же количестве окон/вкладок?
0 votes3 answers -
Отрегулировать высоту выпадающего списка у select в ie
Всем привет, при верстке сайта столкнулся с проблемой высоты выпадающего списка в IE, элементов в списке много и шрифт у них большой: 25px. В ие при нажатии список растягивается огромной горизонтальной колонкой, это как-то исправляется? Возможно ли это исправить через js?
0 votes2 answers -
Древовидный список
Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…
0 votes1 answer -
Ужасная проблема с div
Как только начинаю задавать фиксированный размер, самым высшим дивам (которые включают в себя дивы колонки, контента, подвала) сайт начинает сильно штормить! А?! Изначально сайт расположен прямо по центру экрана, и если юзать колесико мышки вперед - назад, то сайт приближается и отдаляется, по центру экрана. А после моего вмешательства в размер дивов, сайт прикрепляется к левому верхнему углу, и если юзануть колесико мышки то изображение на экране отдаляется, а т.к. сайт прикреплен к левому верхнему углу то он после прокрутки колесиком скрывается за экраном.
0 votes9 answers -
html lang="ru"
Ранее использовал в своих шаблонах следующие строчки ?<!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" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-