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
-
три колонки + шапка и подвал.
<body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…
0 votes4 answers -
Border-image
Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.
0 votes5 answers -
Проблема с FireFox
Опять прошу помощи В общем появляется горизонтальный скролл при сужении в фф... нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы. тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =)))) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <STYLE type="…
0 votes21 answers -
Fontsquirrel пометил шрифт пиратским. Как быть?
Здравствуйте. Скачал шрифт Cambria. Попробовал создать семейство шрифтов в разных форматах на fontsquirrel.com и получил, что шрифт в черном списке. Чем можно еще сгенерить семейство шрифтов в разных форматах на базе truetype шрифта?
0 votes5 answers -
HTML на сайте и в почте
Здравствуйте. Решил обратиться к Вам за ответом, ибо самому знаний не хватает. Вот HTML используется при строительстве сайтов, т.е. в этом случае, как я понимаю, мы может использование все возможности HTML. А еще с его помощью можно оформлять письма (e-mail), так вот и хотел я спросить, при оформлении письма можно ли использовать все возможности HTML? Или в этом случае они ограничены???
0 votes25 answers -
Как задать выравнивание модуля по правому краю?
Есть сайт на Joomla, хочется создать новую позицию модуля (знаю как) и разместить её вверху справа относительно центральной части страницы. Сайт содержит центральную часть фиксированной ширины и шапку на всю ширину. Так вот новый модуль нужно разместить в шапке. Хочется поместить туда иконки "Добавить в избранное", "Карта сайта" и "Контакты".
0 votes2 answers -
Высота div
Здравствуйте. Помогите, пожалуйста, решить такую проблему. Высота правого divа не растягивается под высоту рисунка в н?м. Т.е. если текст будет не слишком длинным, то рисунок вылезет за пределы divа, т.к. его высота divа зависит только от объ?ма текста. Как это можно исправить? <html> <head> <title>Document</title> <style type="text/css"> #menu{ float:left; background-color:#6699FF; width:100px; } #content { background: #e3e8cc; margin-left: 110px; } </style> </head> <body> <div id="menu"> Ссылка 1 Ссылка 2 Ссылка 3 Ссылка 4 </div> <div id="content"> <img src="images/1.jpg" align="left"> L…
0 votes8 answers -
iframe и таблицы
Есть 4 страницы. Основная ниже код. Меняется содержимое в нижней таблице. Информации на 3 странице больше. И получается, что часть текста при открытии не отображается. Люди добрые помогите. Можно ли сделать нижнюю таблицу изменяемой. Т.е. чтоб высота таблицы менялась в зависимости от информации. <table width="940" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="50%" height="50%"><iframe src="страница1" width="100%" height="489px" scrolling="no" align="CENTER" frameborder="no" border="0" framespacing="0"></iframe></td> </tr> </table> <table width="940" border="0" align="center" cellp…
0 votes6 answers -
Динамичное содержание страницы
Как сделать так, что бы информация или часть информации на странице менялись, например, что бы данные брались с другой страницы? Что-то типа такого, вот есть к примеру текст: Ваш рейтинг = "число взятое с другой страницы сайта или другого сайта" Или: Ваши баллы "кол-во взятое с другой страницы" из 10 Что-то типа информации в профиле, например пользователь учавствовал в конкурсе на сайте и в его профиле отображается кол-во достижений, вобщем как сделать, что-то типа этого?
0 votes32 answers -
DIV внутри таблицы не растягивается в IE на 100%
Помогите!!! Таблица из 3-х колонок. В 1-ой колонке div при изменении размеров третьей не растягивается на 100% в IE. В других браузерах - нормально. Код прилагается <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="ru" lang="ru"> <head> <title>Help</title> <style type="text/css"> body { margin:0; padding:0; height:100%; background: white; } table { height: 100%; width: 100%; border-collapse: collapse; } td { height: 100%; border: 1px solid black; } #left { height:100%; background: red; } #…
0 votes2 answers -
Масштабирование "резины"
Не подскажите, как можно ограничить сжатие или растяжение резинового сайта до определённых разрешений по максимуму и минимуму.?
0 votes13 answers -
Firebug во всех браузерах
Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>
0 votes11 answers -
Не работает repeat в IE6!!
Подскажите, пожалуйста, что можно сделать???? Курсач горит((((
0 votes11 answers -
Загрузка определ?нного CSS файла, в зависимости от браузера
Доброго времени суток! Пытался на форуме найти тему - не смог (а вроде где-то видел решение). В общем задача сделать так, чтобы в зависимости от того, каким браузером будет просматриваться сайт, грузилась свой файл CSS. style-ie.css style-ff.css style-opera.css Такое вообще реально реализовать или у меня ложная память, что я видел решение этой задачи?
0 votes7 answers -
Логотип сайта в Экспресс-Панели браузеров
Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…
0 votes8 answers -
Внедрение шрифтовых иконок в макет
Я создал шрифтовые иконки для сайта с помощью http://fontello.com/. У меня ряд вопросов: 1. Как вставить иконку не через свойство content внутри :before? 2. Вот в этой статье с данного сайта сказано, что iOs не поддерживает ttf-шрифты. А на сайте caniuse.com сказано, что поддерживает. Правда там начинается с версии 7.1. Какие именно версии iOs не поддерживают ttf-шрифты? 3. Какой mime-type нужно использовать для шрифтов при его внедрении в css?
0 votes31 answers -
проблема с float: left в IE6
В IE 6 появилась проблема с двумя DIV'ами "col1" и "col2". В Опере и FF все ровно, а в IE 6 ( в других непроверял ) col2 опускается как ступенька ниже на высоту col1 и при этом не заходя за него. Живой пример: http://mobile.viptop.ru/ Может кто с этим сталкивался и знает причину?
0 votes4 answers -
Как стилизовать тег input:invalid?
Всем доброго времени суток! Буду благодарен за помощь в одном вопросе! Есть форма с <input required>. В CSS я прописал стили для тех input которые не заполнил пользователь (использовал input:invalid). Но проблема в том, что при загрузке получается то, что вы можете видеть в jsfiddle: все input с required подсвечиваются. И это понятно ведь они не заполнены. Но как сделать так как на фото? Чтобы подсвечивался незаполненный input только после нажатия на кнопку, а не при загрузке формы? Понимаю, что это можно сделать на JS. Но как я не знаю. Может что-то подскажете? https://jsfiddle.net/Lavrentyev/1nLnjrb4/2/#&togetherjs=LSIgkgrqlh
0 votes2 answers -
Несколько :before или :after на одном элементе?
Сабж. Можно ли в css такое сделать?
0 votes1 answer -
Большая фоновая картинка
Столкнулся с вопросом: есть большая фоновая картинка в шапке, на ней нет ни каких элементов и текста как сделать правильней: создать отдельный блок и впихнуть туда картинку как бэк (читал что рекомендуют все неактивные элементы в бэк пихать) создать блок и туда посредством img впихнуть эту же картинку, но нарезанную на несколько более мелких кусков ?
0 votes10 answers -
Зациклить анимацию картинки css
Добрый вечер , подскажите пожалуйста , как зациклить анимацию картинки , что бы она плавно увеличивалась и уменьшалась до тех пор пока не навести на неё курсор ? Есть такой код css <style type="text/css"> .hovergallery img{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9); -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; /opacity: 0.7;/ margin: 0 0px 0px 0; } .hovergallery img:hover{ -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); b…
0 votes4 answers -
перенаправление "назад" после входа
вот есть у меня страница, на которой ссылка доступна тольго зареганым пользователям. как сделать так, чтобы после входа, юзер перенаправлялся на предыдущую страницу (ту, где он форму входа заполнял). я так понимаю это можно сделать МЕТА-тегом, но как узнать, какая именно страница быда откыта ?
0 votes6 answers -
<xbody>
Зачем нужны теги <Xbody> и что они делают или запрещают делать?
0 votes14 answers -
Блок остается на месте
В общем что имеем: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="a"> <ul> <li></li> <li></li> <li></li> </ul> <div id="b"></div> </div> В каждом ли еще по ul с свойством display:none a - posytion:relative; b - posytion:absolute; bottom:0; Ну в общем стандартное меню. Теперь если задать ul-aм display:block во всех браузерах высота блока a увеличится, ну и соответственно блок b останется верен bottom:0 и уедет вслед за нижней границей. К сожалению ie6 так не делает, в нем не увеличивается блок a. А зна…
0 votes44 answers -
Отступ снизу в IE 6.0
У меня вначале CSS-файла вставлен код для обнуления отступов: * { margin: 0; padding: 0; } Далее идет основной слой, который используется в самом начале страницы: #wrapper { width: 80%; margin: 1% 10% 1% 10%; } Третий параметр, который задает отступ снизу не работает в IE 6.0, т.е. нижняя часть страницы плотно прилегает в нижнему краю браузера. Ставил этот отступ в секцию body - работает, но мне надо сделать это в слое.
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-