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
29,542 questions in this forum
-
Типичные ошибки начинающего верстальщика
Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…
3 votes156 answers -
"Помогите мне с ..." — Как правильно оформить вопрос/проблему
Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…
2 votes19 answers -
HTML 5.0
Организация W3C публично представила черновик очередной, пятой версии языка гипертекстовой разметки HTML, который используется в веб-страницах. HTML 5 позволит веб-мастерам рисовать двухмерные изображения средствами языка, эффективнее вставлять на страницы аудио- и видеоклипы. Кроме того, HTML 5 позволяет разработчикам хранить данные на стороне клиента. Из новой версии языка предлагается убрать около 15 тегов. Предыдущая версия языка, HTML 4, вышла десять лет назад, в декабре 1997 года. Работа над HTML 5 ведется с марта 2007 года.
0 votes206 answers -
Если не работает {margin:0 auto;}
Сделал статичный сайт с фиксированной шириной, но почему-то он все не хочет центроваться. Раньше использовал {margin:0 auto;}, но на этот раз он почему-то не работает. Подскажите пожалста какие могут быть причины или какие еще могут быть способы для выравнивания блоков по центру страницы.
0 votes38 answers -
три колонки, минимальная ширина, резиновый дизайн
не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…
0 votes74 answers -
Как показать\скрыть текст по клику?
Есть страничка. В ней список названий. Нужно чтобы при клике на название в этой же страничке под ним показывался дополнительный текст. По повторному клику исчезал. ========================= название1 название2 (клик)(при повторном клике все блаблабла пропадают) блаблабла блаблабла блабла бла название3 ========================= Подскажите пожалуйста.
0 votes36 answers -
закругление углов средствами CSS HTML
Задача: Закругление углов у картинки средствами CSS-HTML Что есть: Есть картинки разных размеров, которые загружаются в статью. Ньюансы: 1. Картинки разных размеров 2. Хотелось бы в див вставлять тег а не бекграундом 3. Некоторые картинки являются ссылками. Те решения что я наш?л: 1. http://www.phpground.ru/forum/post-46.html. Делаем РОдительский див ставим ему размер изображения, ставим ему в бэкграунд само изображение. Внутри этого дива ещ? один див, с кусочками по углам. 2. Что бы как то сделать что бы можно было по фотографии кудато переходить прийд?тся воспользоваться онклик при нажати на дивный блок 3. Пример просто картинки с угалками http://recode…
0 votes61 answers -
Как показать/скрыть DIV ?
как при нажатии на слово-ссылку показать под этой ссылкой текстовый блок <div style='display:none;'>text text text</div> а при повторном нажатии спрятать этот блок?
0 votes14 answers -
Как полностью убрать границы между ячейками таблицы?
при ближайшем рассмотрении видно пустое пространство между линиями(т.е. и между ячейками таблицы) <table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td>Колонка 1</td><td>Колонка 2</td></tr> <tr border="0"><td border="0"> <hr width="100%" color="#00FF00"></td> <td border="0"> <hr width="100%" color="#00FF00"></td> </tr> </table> Следовательно сам вопрос - как сделать, чтобы разрыва между линиями (или между ячейками таблицы, что на мой взгляд 1 и то же) не было видно?
0 votes12 answers -
Как сделать так чтобы элементы DIV перестали переходить на новую строку?
Постановка задачи: Имеется два слоя. Между ними должен находится просто текст (не в слое!! а просто текст). Пример <div id='a'></div>текст<div id='b'></div> Вопрос: Как сделать так чтобы вся эта конструкция находилась в одной строке и слой 'b' не переносился на новую строку?
0 votes19 answers -
Как открыть ссылку в новой вкладке?
Необходимо открывать новую вкладку, а не окно при переходе по ссылке. Как это сделать?
0 votes22 answers -
появление текста при наведении курсора на рисунок
прошу подсказать, как сделать так, чтобы при наведении курсора на картинку в определенном месте появлялся текст??? я так понимаю это реализуется с помощью javascript?
0 votes15 answers -
Верстка div-ми. Как быть с подвалом?
Есть такая проблема. Есть страничка в ней одна колонка (div). Как сделать так чтобы в случае не полной заполнености колонки, низ ее был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. Буду очень презнателен если подскажите или дадите сылки на материал. На каком ресурсе можна посмотреть варианты верстки в одну, две, три колонки, с подвалом и тд.
0 votes53 answers -
Как найти наставника(гуру, учителья, сэнсэя) по вёрстке?
Доброго тебе дня, друг. Данную тему написать меня сподвигло больше кол-во однотипных тем на тему "Ищу наставника", "Нужен учитель" и тому подобное. Одной из причин тому статья "Путь верстальщика" от автора Максима Усачева, в которой он делится своим безценным жизненным опытом. Я постараюсь пролить свет на некоторые важные (в рамках данной темы) моменты из статьи. Макс пришел на форум имея минимум знаний в сфере разработки и имея большое желание учится. Он упоминает про наставника, но большинство читателей, к сожалению, трактуют данную информацию извращенно. Это не путь к руководству, это всего лишь опыт который получил автор статьи. Нужто ты думаешь, что есл…
5 votes117 answers -
валидация документов
Чтобы не задавали вопросов, что такое валидация и чего она дает, написал данный текст. Если у кого возникнут дополнительные доводы, не упомянутые ниже, добавляйте. Валидацией будем называть проверку документа на соответствие веб-стандартам и выявление существующих ошибок. Соответственно, валидным является такой веб-документ, который прошел подобную процедуру и не имеет замечаний по коду. Код веб-страницы должен подчиняться определенным правилам, которые называются спецификацией, ее разрабатывает W3 Консорциум (www.w3c.org) при поддержке разработчиков браузеров. На первый взгляд, кажется, что валидация необходима, ведь речь идет о сокращении количества ляпов разработчиков …
0 votes84 answers -
Как вписать картинку в div?
А можно как-нибудь вписать image в div фиксированного размера (120x120), чтобы image сжимался, не растягивая див и укладываясь в размер 120x120 (сохраняя пропорции). То есть, если изображение маленькое, 10x20, например, чтобы выглядело как 10x20. Если изображение, 120x180, например, чтобы выглядело как ширинаx120. В общем, если картинка маленькая (меньше 120x120), пусть остается маленькой, как есть. А если большая, пусть пропорционально сжимается, не растягивая родительский div. Но при этом css непосредственно картинке задавать нельзя, только внешним дивам У меня получилось так, что див растягивается: <html> <head> <meta http-equiv="Content-Type" con…
0 votes6 answers -
В чем разница Clear:both и float:none
Скажите, в чем разница между Clear:both и float:none
0 votes15 answers -
Как растянуть текст по всей ширине блока
Здравствуйте! Хотел бы спросить как растянуть текст на всю ширину блока. Обычно это делает text-align: justify; но не пойму почему он не работает. Пример: Однострочный текст Январь 21 | Февраль 21 | Март 21 | Апрель 21 | Май 21 | Июнь 21 | Июль 21 все в одну строку, выходит одна неполная строка. Использую text-align: justify; не работает. Увеличиваю строку чтобы было хотя бы полторы строки - тогда работает, первую строку растягивает на всю ширину делая одинаковые отступы между словами, второй кусочек просто висит. Как и долно быть. Как можно растянуть эту строку? Да еще пробовал вордспейс норм впринципе только в ие6 каша выходит, так как вставляет пробелы между "Январ…
0 votes13 answers -
Опять про прозрачный PNG в IE6
Тема добавления рисунка в формате PNG-24 с прозрачными участками в IE6 всячески обсосана и раскрыта. Однако мало где написано, что все приведенные способы не работают для повторяющегося фона. Насколько понял, проанализировав различные статьи, для IE6 вообще нет адекватного решения. Имеется только паллиатив (половинчатое решение говоря бытовым языком) и сводится к трем вариантам. 1. Фон убирается вообще. Это делается либо через скрипты, либо добавлением атрибута _background: none к элементу с фоном. 2. Вместо PNG используем GIF или другой формат, но уже без 8-битной прозрачности. Замена не равнозначная, но что уж есть. background: url(shadow.png) repeat-x; _background: url…
0 votes71 answers -
Отступ между строками таблицы
Как добавить отступ между строками в таблице, но не между ячейками? Заранее спасибо)
0 votes17 answers -
input type='date' - как поменять формат на dd.mm.YYYY?
Стандартный формат этого поля YYYY-mm-dd, но хочется поменять на более нормальный dd.mm.YYYY. Как это сделать?
0 votes4 answers -
Настройка Slick-слайдер
Подскажите пожалуйста, как заменить в слайдере Slick стандартные кнопки навигации на свои кнопки с изображением?
0 votes19 answers -
ЧаВО
Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…
0 votes8 answers -
font-face - подключить шрифт
Привет! Возникла проблема! Есть шрифт (скажем, fnt (даже расширение не знаю.. )), он находится в папке font на сайте.. на сервере он не установлен... как подключить этот шрифт? т.е. чтобы можно было написать font-family: fnt; и он работал! Спасибо!
0 votes27 answers -
Размеры h1-h6 в пикселях
Подскажите, где можно увидеть размеры заголовков h1-h6 в пикселях? И является ли размер этих заголовков постоянной величиной в различных браузерах? И еще вопросы. Какая единица измерения для шрифтов является предпочтительной в css - em или px? На w3school говорится, что вроде бы em предпочтительней. В Photoshop по умолчанию размер шрифтов установлен в pt. В настройках выставил, чтобы показывала программа размеры в пикселях. Теперь он мне размеры показывает по следующей схеме: 12pt=12px,13pt=13px,14pt=14px,... Мне кажется, что Photoshop брешет. Так ли это? И существует ли формула перевода pt в px, наподобие px/16=em ? В Photoshop pt - это пункты? В Firebug padding обознача…
0 votes17 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-