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 -
Margin-top и вложеные дивы.
Столкнулся с непонятной для себя проблемой: <!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"> <style type="text/css"> html, body {height:100%} body { padding:0; margin:0; } #outer{ min-height:100%; background-color: #00FF99; width: 850px; position: relative; left: 50%; margin-left: -425px; } * html #outer{height:100%} #header{ width:100%; height:140px; background:#FF0000; margin-top: 100px; } </style> </head><body> <div id="outer"> <div id="header"></div> …
0 votes3 answers -
Адаптивная навигация
Посоветуйте js/jq плагины для создания адаптивной навигации. Нужно что бы изначально была обычная горизонтальная навигация, а на определенной ширине сворачивалась в тоглер. Хорошо бы с какой-то анимацией. Подскажите, что используете вы лично (если используете). Сейчас нашел jQuery-плагин, - Slidebars, но он изначально тоглер .. Как его настроить под мой пример? Спасибо!
0 votes2 answers -
Несколько вопросов по верстке
1)При появлении скролла в опере высота id=1 не 100%, а 1+390+1, (в ИЕ все ок) Скролл появляется когда в id=2 много текста: <table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td rowspan="3" height="100%"> [b]<table id=1 width="50" height="100%" border="1" cellpadding="0" cellspacing="0"> <tr><td height=50%><img src="images/2-2_01.gif" width="50" height="100%" alt=""></td></tr> <tr><td><img src="images/2-2_04.jpg" width="50" height="390" alt=""></td></tr> <tr><td height=50%><img src="images/2-2_06.gif" width="50" height="100%…
0 votes2 answers -
Как растянуть область страницы до предела
Добрый день! Я не совсем опытный сайтописатель, но кое-как создал себе сайт из готового шаблона на Джумле. Обратил внимание, что центральная область моего сайта, если в ней мало текста сжимается до размеров самого текста. Ссылка вот: http://www.wide-format.by/index.php/articles Пробовал ковырять CSS, много всего меняется, а именно эту проблему не получается исправить. Можете ли подсказать, в каком направлении двигаться, чтоб исправить проблему? Какой тэг где прописать или что? Спасибо!
0 votes4 answers -
повтор изображения
Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …
0 votes2 answers -
2 колонки с позиционированием текста внизу в 1 колонке
Всем доброго времени суток. Имеется список вакансий. Должно быть так: На данный момент так: одна вакансия, 2 блока левый блок плавающий. 1) надо сделать левый блок растягивающимся по высоте правого. (в принципе необязательно, я могу сделать нижнюю рамку у контейнера родителя. А с другой стороны, как тогда прибить этот блок к низу родительского блока?) 2) надо прибить текст в левой колонке к низу. html-код <div class="elem"> ... <div class="elem_title"> <a href="?rm=show_vacancy;vacId=3446"> бухгалтер </a> </div> <div class="info_left"> 24.07.2010<br/> <a href="?rm=show_vacancy;vacId=3446"> ... </a>…
0 votes4 answers -
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
Навигация в слайд-шоу
Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2
0 votes7 answers -
Проблема с ссылками
В общем беда такая. Хотел добавить баннер партнерки к себе на сайт. Вставил код как есть. На странице отображается все замечательно, не не работает ссылка вообще, в строке состояния не отображается url страницы. Складывается такое ощущение что я вставил просто изображение без ссылки. Вот примерный код того что хочу вставить: <a href="http://site.ru/?referer=99999" target=_blank><img src="http://site.ru/b/img468x60.gif" width="468" height="60" border="0"></a> Уже вставлял просто текст. Оформлен текст под ссылку, а главное ссылка сама не работает. В общем та же беда Может дело в файле со стилями CSS?! Подскажите кто что знает. А то чет я не могу ни как пон…
0 votes6 answers -
Валидатор
Всем привет! Сделал несколько страниц, все хорошо, но как-только я вставил форму обратной связи, валидатор нашел 4 ошибки. Причем я не понимаю, как их исправить. Где-то в глубине головы мне что-то подсказывает, что это все из-за доктайпа. Но как это исправить, я не нашел решения. Вот ссылка на кричащий валидатор. Вот ссылка на страницу. Оно так-то все работает, но неприятно, когда не все гладко Поможете чем-нибудь?
0 votes13 answers -
не работает pie?
в чем может быть причина, углы не скругляются в ие?путь вроде бы указан правильно ul li{ float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url("../js/PIE.htc"); margin-left: 1px; }
0 votes4 answers -
Нету прозрачности в ie
Здравствуйте. Вот у меня по разному отображаются картинки в шапке. Пропадает прозрачность видимо. Причём это происходит в ie7 и ie8 (под ie6 не верстаю). Просто то, что я гуглил по этому вопросу, всё сводится к фиксу в ie6. Про 7 и 8 написано, что всё нормально должно быть. Вот пример: Ie 7: http://smotr.im/5QgD Chrome: http://smotr.im/5QgE
0 votes18 answers -
Не работают ява скрипт
Не работают ява скрипт на мобильных устройствах. <!DOCTYPE html> <html lang="ua-UA"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/javascript" src="/function.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Управління LED</title> </head> <body onload="load();"> <div class="container"> <div class="row" style="text-align:center;"> <h1 style="margin:50px;">У…
0 votes3 answers -
Выравнивание ширины плавающих блоков
Добрый день. Есть набор из произвольного количества блоков. Каждый блок состоит из: - картинки (всегда одной и той же) - строки текста под картинкой (количество символов ограничено сверху, т.е. всегда не больше некоего заданного числа); суммарная длина строки может быть больше ширины картинки Блоки выводятся один за другим: float: left; padding: 0 2em 2em 0; Картинки в блоках: position: relative; left: -4px; Блоки выводятся внутри ограничивающего контейнера, и мне надо, чтобы они равномерно распределялись по нему. То есть и по ширине, и по высоте они должны быть одинаковыми. (Можно представить себе сетку таблицы, и вне зависимости от количества блоков, размера шрифта и ве…
0 votes1 answer -
Уголок блока поиска у яндекса
Очень интересует реализация технолов Яндекса уголка плашки поиска: Попытался реализовать самостоятельно, но в ИЕ до ума довести так и не смог. Особенно интересно растягивания: Если кто то может объяснить технологию, дать ссылку на урок, или дать код с комментариями - буду очень благодарен. Спасибо.
0 votes9 answers -
Меню В 2 Строчки
Не могу додуматься как на дивах сделать меню в 2 строчки? http://clip2net.com/clip/m51331/1284121087-clip-3kb.png подскажите плиз.....
0 votes7 answers -
Использование colspan делает таблицу на 1 пиксель шире
Дано: <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T" colspan="4"> </td> </tr> <tr class="EMPTY"> <td colspan="4"> </td> </tr> <tr class="TR"> <td class="DOC_E"> </td> <td class="DOC_L"> </td> <td class="DOC_M"> </td> <td class="DOC_R"> </td> </tr> </table> </div> <div class="SECT"> <table class="TBL" cellspacing="0" cellpadding="0"> <tr class="TR"> <td class="DOC_T"> </td> </tr> <tr class="EMPTY"> <td&g…
0 votes6 answers -
Маленький дефект отображения футера в Opera
Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS
0 votes8 answers -
Скрытие блоков в зависимости от ширины экрана
Всем привет. Необходимо скрытие блоков в зависимости от ширины экрана. То есть все блоки выстроены в строку, в каждом блоке по картинке, необходимо чтобы самый правый блок (или несколько правых) скрывался если не вмещается в окно браузера. Что-то никак не могу найти примеров реализации подобного. Подскажите пожалуйста пример.
0 votes15 answers -
Помогите с меню!
Добрый день всем. Помогите сверстать эту менюшку... Теоретически понимаю как... А на практике не выходит. Шрифты: Calibri Regular 17 px Вот что уже сделал, но размеры не те..и вообще бред какой то вышел. <div class="menu_1"> <ul class="menu_cont"> <li class="mc_li mc_li_first"><a href="#">Grammar</a></li> <li class="mc_li mc_1"><a href="#">Reading</a></li> <li class="mc_li mc_2"><a href="#">Listening</a></li> <li class="mc_li mc_3"><a href="#">Writing</a></li> <li class="mc_li mc_4"><…
0 votes2 answers -
Плавная смена изображения
Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?
0 votes7 answers -
въехать в позиционирование дивов
подскажите как быстрее всего въехать в магию позиционирования дивов? стоит только сменить inline-block на block и все тут же разваливается
0 votes11 answers -
PHP в HTML и последствия(
Доброго времени! очень прошу помощи в ршении данной проблемы: есть хтмл файл, который в себе содержит "инклуд" на пхп для вывода картинок. проблема в том, что после того, как я вставил пхп код, в таблице нарушилась структура: <tr> <td height="100" bgcolor="#000000"> <?php $img = include ($_SERVER['DOCUMENT_ROOT']."/primobmx/Scripts/images.php"); echo $img; if (!$img) die("Trouble in image script opening!"); ?> </td> </tr> таблица, которая имеет фиксированную ширину, начала отображать подряд все картинки, моя же задача: http://www.primobmx.com/parts/parts.html . в случае <tr> <?php $img = include ($_…
0 votes3 answers -
ширина вертикального ul
мозг натерла, спасите меня, плиз есть вертикальный список, у которого ширина должна зависеть от текста в li. а ul, зараза, элемент блочный и тянется на всю ширину родителя. а у него рамочки, поэтому ширина растянутая заметна. что плохо. код такой: ul.categories { border: solid 1px #464646; border-bottom: none; width: auto; } ul.categories, ul.categories li { list-style-image: none; list-style-position: outside; list-style-type: none; } ul.categories li { padding: 3px 16px; border-bottom: solid 1px #464646; } ul.categories li a { font-size: 11px; color: #fffffc; text-decoration: none; text-transform: uppercase; } ul.categories li a:hover { color: #ff7800; } …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-