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
-
Сортировка таблицы - мелкая деталь
Как сортировать таблицу на HTML+JavaScript? Несложно нагуглить объяснения и готовые решения с описаниями. Однако все то, что мне удалось найти, рассматривает задачу как единое целое, и ответ на интересующий вопрос приходится "выкавыривать" из описания и примера. (При этом нет уверенности что эта "выковырянная" информация правильная). На самом деле задачу нужно рассматривать как несколько относительно независимых задач 1. Событие, по которому надо сортировать таблицу по той или иной колонке. 2. Применяемый алгоритм сортировки, написанный самостоятельно, или же использовать встроенную функцию 3. Функция сравнения (простые варианты - сравнивать как числа, сравнивать как стро…
0 votes1 answer -
Верстка необычного ul
Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать
0 votes9 answers -
html как правильно
Господа Просвещённые. Подскажите. Вопрос 1. Надо ли заключать в кавычки значение атрибутов или нет потому что валидатор принимает и с кавычками и без. width = "300" width = 300 Вопрос 2. Почему валидатор ругается на атрибут align = "center" что такого атрибута в таблицах больше нет. <table align = "center" имеется в виду http://validator.w3.org
0 votes4 answers -
Проблема с таблицей
Вот код таблицы: http://jsfiddle.net/T466t/ Проблема в белых отступах в ячейках. Под этот случай не подходит ни border-left, т.к. он перекрывет синие полосы в начале и в конце таблицы, ни border-spacin, т.к. не работает в IE нормально(+ тоже перекрывает полосы). На первых порах сделал div'ми с белым фоном и задал им высоту ячейки, но если в ячейке появляется вторая строка с текстом вся верстка едет Мне на ум пришло только два варианта: 1. Обернуть таблицу div и ему сделать синие бордеры, которые будут накладываться на таблицу. Но тогда придется делать две таблицы: 1я с шапкой, 2я с дивом и контентом таблицы. 2. Написать маааленький скрипт на JS, что бы высчитывалась высо…
0 votes6 answers -
проблемы с ie6
ie 6 вообще понимает :hover? При создании списка столкнулся с проблемой <!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=utf-8" /> <title>Документ без названия</title> <style> li a{display:block;} .hidden{display:none;} ul li:hover .hidden{display:block;} </style> </head> <body> <ul> <li><a href="#"> Тест</a></li> <li><a href="#"> Тест</a> <ul class="hidden"><…
0 votes7 answers -
Наполнение контентом
Как правильно при верстке учитывать дальнейшее наполнение сайта контентом? Интересует именно вопрос в плане визуального оформления, т.е. то, что контейнер должен растягиваться по высоте, и вместе со своим содержимым никуда не наползать/не вылезать это понятно. Приведу пример. Допустим у меня есть параграфы в сайдбаре, контентной части, футере. В каждой из этих частей по макету они выглядят по-разному: размер/цвет/выравнивание и т.д. Для этого я ввожу к примеру такие классы для параграфов: aside-text, content-text, footer-text. И каждому понятно свои стили. Но скорее ведь всего контент-мастер(или как он там) не будет этого учитывать, и будет просто через тег p вписывать н…
0 votes7 answers -
Вопрос про баннеры рекламы!
Здравствуйте Все знают что такое баннеры и что такое реклама на сайте! Бывают сайты где более сотни страниц и на всех есть баннер с рекламой! Ситуация в чём например изменился рекламодатель как они меняют рекламу не будет же один ну или десять админов рыться во всём сайте и так практически каждую неделю(ибо рекламодатель меняется довольно часто). ВНИМАНИЕ ВОПРОС: Как управляют этим большим количеством баннеров? Мои предположения смотрят на CSS или базы данных.
0 votes6 answers -
Резиновая верстка
Как сделать ее?Как растягивать сайт на всю ширину?Я верстаю лендинг.
0 votes8 answers -
.htaccess 404
Привет! На сайте есть страница которая обрабатывает 404 ошибки (допустим она называется 404.html) и всё вроде бы работает отлично но вот если обратиться к этой странице напрямую то ответ сервера будет "200 ОК" и это не правильно. Как с помощью .htaccess сделать так чтобы и при прямом обращении был Not Found? Способ послать на этой странице свой PHP заголовок Not Found не интересует и запрет индексирования этой страницы в meta или robots.txt тоже. Мне интересно узнать - можно ли это реализовать только через .htaccess? Спасибо!
0 votes1 answer -
2 блока div на одном уровне, отступ (padding) от границы у второго блока
http://cssdeck.com/labs/xzjihv5y <!doctype html> <html> <head> <meta charset="utf-8" /> <title>PAGE</title> </head> <body> <div class="wrapper"> <div class="menu_sidebar">menu</div> <div class="content_sidebar">content</div> <div style="clear: both;"></div> </div> </body> </html> .menu_sidebar { float: left; width: 250px; } .menu_sidebar, .content_sidebar { padding: 30px; } .wrapper { height: 100%; width: 600px; margin: 0px auto; } body { height: 100vh; margin: 0px; padding: 0px; } div { border: 1px solid gray…
0 votes2 answers -
Элемент находится вне области просмотра в гугле
Сделал мобильную версию сайта. Проверил в разных браузерах. Зашел с телефона - все ОК. Запустил проверку гугла на мобильность а он криво видит контент. что не так?
0 votes3 answers -
Подключение подписки на форму сайта
Здравствуйте. Не могу подключить подписку на уже готовую форму на сайте, создал форму подписки в сервисе sendpulse, но в ней нет "form action=" чтоб от туда скопировать ссылку. Где мне её найти? Прилагаю код формы. Скрытый текст <div id="87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239" style="width: 350px !important;background-color: #f0f5fa !important;border-style: solid !important;border-width: 1px !important;border-color: #00b668 !important;border-radius: 5px !important;font-family: 'MS Serif', 'New York', serif !important;"><style>.87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239_form_line p,.87175e4…
0 votes4 answers -
проблемы с :hover в табах
Здравствуйте. Не могу понять из-за чего такое происходит. :hover работает на всех ссылках в табах, кроме первого таба
0 votes4 answers -
Вопросы по адаптивной верстке
1. Как указывать шрифты? Так? Или когда как? Или как? )) Скрытый текст html { font-size: 14px; } body { font-size: 1em; } .title { font-size: 1.5em; } @media (min-width: 620px) { html { font-size: 16px; } } Или каждому текст. элементу на каждом брейк-поинте указывать отдельно? )) 2. Как перестраивать блоки в адаптиве? Заказчик предоставляет макет отрисованный под один экран(940-1200px), и при этом говорит, что нужен адаптив, а как его делать? Нужно знать еще и основы веб-дизайна, и иметь вкус? Или есть какой-то шаблон которому все зачастую следуют? Скорее всего список не окончательный, будут еще вопр…
0 votes2 answers -
Плавное изменение высоты блоков
Есть макет http://skrinshoter.ru/s/120718/NWdGGpoo При наведении на блок в нем появляется дочерний блок с доп параметрами, при этом он наезжает на внизу стоящего соседа (как это изображено на картинке) и сосед не отскакивает вниз. Также при наведении картинка превращается в слайдер (как я понимаю). Я это реализовал, но это происходит не плавно. Как сделать чтобы это происходило плавно? https://codepen.io/anon/pen/MBwBve
0 votes1 answer -
Не работает скрипт в Firefox
Доброго времени суток, столкнулся с проблемой, скрипт не работает в Firefox но прекрасно работает в Chrome. Суть скрипта, каждые 10 секунд "переключать" рандомную фотку вот скрипт: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <script> $(document).ready(function() { $('#slider4').children('div').each(function(n_div,div) { $(div).children('img').each(function(n_img,img) { if(n_img) $(img).css({'opacity':'0.0'}); else { $(div).attr({'value':(n_img+1)}); $(img).css({'opacity':'1.0'}); } }); }); window.setInterval(function() …
0 votes0 answers -
Мену не растягивается на 100%
Помогите растянуть подуровень мену на 100% Также как и главный уровень... Она не растягивается только в ie в остальных браузерах всё номально Ссылка: http://www.box16.ru/test/pro_dropline.html
0 votes3 answers -
Меню из кнопок, меняющихся при наведении
Я создал таблицу с шапкой, меню навигации и основным полем. Я хочу сделать меню из кнопок, которые немного изменяются при наведении. Когда в меню я делаю только один пункт, у меня всё работает - картинка меняется. Но когда я делаю больше пунктов, они перестают работать - картинки не изменяются. Думаю, что-то не так прописал в атрибутах команды, ещё не совсем в ней разобрался. Прошу помощи! Вот код с таблицей: <table width="980" height="1000" border="1"> <tr> <td height="215" colspan="2"><a href="index.htm"><img src="files/top.jpg"></a></td> </tr> <tr> <td width="180" valign="top"> <a href="index.htm" onmouseov…
0 votes4 answers -
Вывод картинки в iframe по ссылке.
Окно браузера разбито на два фрейма(menu и content).В одном(menu) находятся ссылки,во втором(content) открываются картинки по ссылкам. Можно ли в content разместить iframe(name="IFRAME"),в котором будут открываться картинки по ссылкам?Я в теге<a>указываю target="IFRAME" но картинка открывается в новом окне.
0 votes2 answers -
помогите
как сделать так, что бы блок тексту в документе постепенно увеличивался от размера шрифта 10рх до1000рх?
0 votes4 answers -
Пустые области при горизонтальной прокрутке в iframe
При размещении фотографий в iframe с возможностью горизонтальной прокрутки периодически в конце прокрутки появляется пустая область. Почему? Можно ли это исправить? сайт: pyatina.com.ua
0 votes7 answers -
Появление введённого текста на странице
Здравствуйте! Я самоучка, по этому мой вопрос может показаться вам глупым! Так вот! Нужно сделать так, чтоб на одной странице пользователь заполнял строки, а на другой странице показывалось то, что он написал! Может мне нужно воспользоваться формами? Жду ответа! Заранее спасибо!
0 votes3 answers -
размер изображения
Подскажите пожалуйста, есть две картинки, к примеру 100px на 800px и 800px на 100px, как сделать так чтобы вписать эти картинки в квадраты 200 на 200 пропорционально, сохраняя отношение высоты к ширине, то есть первая бы стала 25px на 200px, а вторая 200px на 25px? и еще пользуясь случаем хочу спросить как правильно указывать src="рисунок.jpg" для кирриллицы? на некоторых хостингах насколько я знаю, так работать не будет, спасибо
0 votes5 answers -
Проблема при печати web-страницы
Всем привет. Подскажите пожалуйста, почему не подтягивается цсс, когда я хочу распечатать web-страницу с браузера, не важно какого. Я побывал другие сайты печатать... все отлично. Я так понимаю что то нужно прописать. Подскажите что именно. Спасибо.
0 votes2 answers -
Картинки вместо bullet points
Собственно как?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-