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
-
data: URL
<img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…
0 votes3 answers -
Верстка "слайдера"
Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.
0 votes3 answers -
Два inline div'а, дополнение до ширины ячейки
Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…
0 votes3 answers -
Нужны ли такие ссылки?
В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??
0 votes3 answers -
Как верстать?
Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо
0 votes3 answers -
UTF-8 не отображается
Здравствуйте! Изучаю HTML по видеоуроку, там короче такой пример: <html> <head> <meta charset="utf-8"> <title>Шаблон</title> </head> <body> </body> </html> Слово шаблон у него в заголовке отображается нормально. У меня абракадабра! Можете подсказать в чём проблема? Кстати когда charset меняю на windows-1251 всё показывает нормально.
0 votes3 answers -
Специфичность селекторов
Есть следующий код html <!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" xml:lang="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…
0 votes3 answers -
Select видоизменение
Добрый день люди добрые Есть поле select, хотелось бы чтобы при раскрытии, под каждым пунктом было пояснение такого вида: как это можно реализовать? помогите пожалуйста.
0 votes3 answers -
Как разместить элементы?
Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил. Сейчас это так: Код вот такой <div class="share"> <tabla> <tr> <td> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> <noindex> </br> Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше. …
0 votes3 answers -
Можно ли затемнить, или высветлить один край бэкграунда в диве.
Я создал див для шапки сайта и сделал темный фон для нее, можно ли нижний кран высветлить или сделать прозрачным с помощью каскадных таблиц стилей, или только с помощью редактирования фонового изображения в фотошопе. Заранее спасибо.
0 votes3 answers -
деминифицировать js-код
скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?
0 votes3 answers -
открытие результата обработчика формы в iframe
Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…
0 votes3 answers -
Количество текста не увеличивает площадь DIVа
Убрала по максимуму лишнее, боюсь если обрежу больше, выйдет версия не такая как у меня, и потом запутаемся. Как видно из названий, это чат, данный пункт, это там где выдаются сообщения, надо, чтоб при большом сообщение его строка вертикально увеличивалась, до нужных размеров, третий день мучаюсь с позиционированием элементов, вроде всё уже выглядело, как хотелось бы, и тут проблема с растяжкой ((
0 votes3 answers -
поправить слайдер
помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/
0 votes3 answers -
А возможно ли?
Всем привет! Вот мой сайт http://vs-aqua.ru/ а реально ли его перенести на CMS? Просто он мне очень нравится и не хотелось бы его менять. И если да то подскажите пожалуйста дорогие форумчане как это сделать? Заранее спасибо.
0 votes3 answers -
Сьезжает картинка древовидного меню в IE
Добрый день! Имеется такая проблема - во всех браузерах кроме IE нормально отображается деревовидное раскрывающееся меню (на вложеном скриншоте). В IE картинка сьезжает и получается очень некрасиво. Вопрос - где копать и как это можно поправить? адрес страницы с меню - http://www.is2.rivne.com/catalog/ полный код css div.menu-sitemap-tree { font-size:100%; } div.menu-sitemap-tree ul { list-style-type: none; margin: 0; padding: 0 1em 0 0; } div.menu-sitemap-tree ul ul { width: auto; margin:-0.75em 0 0 0; padding: 0 0 0 0.75em; } div.menu-sitemap-tree li { margin: 0 0 -0.85em 0; padding:0; } div.menu-sitemap-tree li li { margin: 0 0 -0.85em 0.5em; padding:0; } …
0 votes3 answers -
в IE7 пропадают объекты, интересный случай
Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…
0 votes3 answers -
Нужна помощь в верстке
Есть вертикальное меню, с фиксированной шириной, а названия пунктов в меню не вмещаются в эту ширину. Получается каша. Как все эти слова выровнять по высоте, чтобы и длинный текст по центру располагался (в две строчки), и короткий тоже выравнивался по вертикали. Вот здесь пример: http://jsfiddle.net/wmEQj/ Заранее спасибо.
0 votes3 answers -
Opera и first-letter
Добрый день. Встретил глюк в opera с first-letter. Есть заголовок: h2:first-letter {font-size:62px;color:#7d070f} Он изменяется при клике на пунктах меню с помощью jquery: $('tab a').click(function() { var str = $(this).text(); $('.change').text(str); }); Во всех браузерах работает, а в Опере буквица не изменяется после первой загрузки. Это глюк оперы?
0 votes3 answers -
синяя рамка у картинке в ие
каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!
0 votes3 answers -
Два DIV с рамкой, не выравниваются друг на друга
Подскажите пожалуйста: Как сделать, чтобы блок с право, выравнивался к левому блоку (чтобы рамка правого блока была на ровне с левым) Макет вот здесь: JSFIDDLE (макет)
0 votes3 answers -
Помогите с PDF пожалуйста?
Пожалуйста, если кто умеет, помогите мне перенести файлы PDF в doc или exl, все перпробовала, разные прогграммы скачала, но ни-чего не получается, может что н етак делаю, уже не знаю Помогите пожалуйста, это надо срочно Спасибо
0 votes3 answers -
Отрицательный правый маржин
Здравствуйте. Подскажите, пожалуйста, один момент. Есть блок шириной 1000px и margin:0 auto. Внутри два блока - левый и правый. Задача - оба блока частично вывести за экран (влево и вправо, соответственно). Выводимые части блоков должны быть видны только в бОльших разрешениях. При этом в разрешении 1024 горизонтального скроллинга быть не должно. Попытка решения. Даю левому блоку отрицательный margin-left. Все прекрасно - блок частично уехал за экран, скроллинга нет, выведенная часть видна в бОльшем разрешении. Даю правому блоку отрицательный margin-right. Блок уезжает, но появляется горизонтальный скроллинг. Попросту основной блок расширяется на величину margin-right. И к…
0 votes3 answers -
Вопрос по верстке дайвами.
Привет всем!.Собственно,я раньше учился верстать на таких известных тегах html как <table> , <tr>, <td> и т.д.,но когда начал изучать css,то понял,что могу обойтись без этих тегов и верстать на дайвах без проблем.Собственно,такой небольшой вопрос: Как сделать так,чтобы форма,сделанная на дайвах,не выделялась как текст?
0 votes3 answers -
Из-за чего может не действовать margin и позиционирование?
Прописываю блоку margin, padding или позиционирование top right и т.д. - блок вообще не двигается ни в одну сторону. Почему такое может бытЬ?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-