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
-
IE отказывается грузить большие фоны
У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??
0 votes12 answers -
Красивый Input и IE6
Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS
0 votes3 answers -
frD-Отправка информации из формы
Уважаемые знатоки! Помогите. Сделал сайт в HTML и CSS. Осталось малое получить от пользователя информацию из формы на E-Mail. Поясните на примере, плиз. Допустим код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form action="mailto:vasja@pupkin.ru" enctype="text/plain"> <LABEL for="firstname">Имя: </LABEL> <INPUT type="text" id="firstname"><BR> <LABEL for="lastname">Фамилия: </LABEL> <INPUT type="text" id="lastname"><BR> <LABEL for="email">e-mail: </LABEL> <INPUT type="text" id="email"><BR> <INPUT type="radio" name="sex" value="Мужской">…
0 votes3 answers -
Вывод результата поиска в фрейм
Доброго всем времени суток. Занимаюсь созданием информационной системы и появилась необходимость организовать в ней поиск. В общем то с поиском справился, а вот с выводами результатов поиска справится никак не получается. win = document.open(document.location,document.title,""); Как прописать конструкцию что бы вывод результатов был в фрейм, а не в всплывающее окно? Пробовал top.frames, self.top.frames, location и много других вариантов - не дают результата. Строка поиска находится в одном фрейме, а вывод результата поисков требуется в другом. <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> <…
0 votes9 answers -
сокращение CSS
Где-то тут видел про такое, но не могу найти. Может кто подскажет где эта тема?
0 votes9 answers -
Несколько background'ов для одного элемента
Стоит задача создать блок с 4-мя закругл?нными уголками и чтобы каждая сторона блока отбрасывала тень. Фактически, если сделать это как я умею, то понадобится минимум 8 вложенных сло?в (по одному для каждого background'а). Может быть есть меннее затратный способ такое реализовать, может быть как-то можно использовать для одного несколько background'ов?
0 votes3 answers -
проблема с position:absolute в IE
Привет всем. Столкнулся с проблемой в IE Не могу понять как поправить Есть такой код <!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> <title>HeLlO</title> <meta http-equiv="content-type" content="text/html; charset=cp-1251" /> </head> <body> <style> * {margin: 0;padding: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, c…
0 votes9 answers -
jsbin.com Есть пара вопросв
Недавно узнал про сервис jsbin.com . Посмотрел. Понравилось. Только вот не могу понять: в видеотуториале открывают какую-то консоль и с помощью команд настраивают внешний вид и добавляют свои библиотеки. Насколько я понял, у автора видеотуториалов Хром. А что за консоль? В фаерфоксе есть что-то похожее? В фаербуге не нашел как вводить команды. Можете подсказать? Вижу тут людей много пользуются этим сервисом, должен хоть кто-то знать.
0 votes15 answers -
Толщина границ и линий
Вот код в Dreamweaver CS3 В Firefox чертит жирную линию, а в IE тонкую как я и хочу, как сделать чтобы было одинаково. Каким еще способом можно чертить линии. <!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=utf-8"> <title>Документ без названия</title> </head> <body> <table width="90%" align=center > <tr> <td widht=1 bgcolor=#000000 ></td> </tr> </table> </body> </html>
0 votes5 answers -
Как убить Frame с порнухой
Приятели наловили этого добра, а у всех дети,жены не все есть хорошо когда на столе голые тети с дядями.А сам я не в теме и нет времени букварь листать. Кто может, подскажите как выбить с компа эту радость.Заранее спасибо, верю есть и среди вас хорошие люди
0 votes16 answers -
Центрирование блока меню
Доброго времени суток! Подскажите, пожалуйста, как сделать данное меню по центру или растянуть по ширине ячейки. <link rel="stylesheet" type="text/css" href="../CSS/cssmenustyles.css"> <table width="850" border="0" align="center"> <tr align="center"> <td align="center"><ul id="cssmenu"> <li><a href="#">Текст1</a> </li> <li><a href="#">Текст2</a> </li> <li><a href="#">Текст3</a> </li> <li><a href="#">Текст4</a> <ul> <li><a href="#">Текст5</a>&…
0 votes36 answers -
совмещение фона и изображения
Как, на основной фон наложить обычное белое изображение, через которое хоть не много веднелся бы Основной фон??? Плиззз.
0 votes5 answers -
Помогите пожалуйста
Пожалуйста, помогите переделать! CSS код #menu_cont ul { font-size: 0.85em; margin: 0; padding: 0; list-style: none; } #menu_cont li { display: inline; float: left; } #menu_cont li a { display: block; padding: 7px 20px; color: #003388; background-color: #f5f5f5; margin-right: 2px; } #menu_cont li a:hover { display: block; padding: 7px 20px; color: #333; background-color: #fff; margin-right: 2px; } #menu_cont li span { display: block; padding: 6px 20px; color: #555; background-color: #e8e8e8; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-right: 2px; } HTML код <div id="menu_cont"> <ul> <li><a href="#…
0 votes14 answers -
вставка файла excel в iframe
Всем привет)Мне нужно,чтобы на странице внутри iframe появлялась табличка excel. Сложностей по идее быть не должно: <iframe src="anyfile.xls" width=600 height=500></iframe> но вот какая беда-вместо того,чтобы просто отобразиться во фрейме, файл автоматически запрашивается на скачку, а внутри фрейма остаётся белое поле.Как его заставить просто там отобразиться?
0 votes4 answers -
Картинки вместо текста в навигации
Есть менюшка, которую можно сделать только картинками. Но, можно ли так делать? ведь в этом случае название пунктов меню будет только в классах, из ссылок придётся удалить. Не знаю, может это неправильно по семантике, или для будущего продвижения... <li><a class="home" href="#"></a></li> <li><a class="portfolio" href="#"></a></li> <li><a class="about" href="#"></a></li>
0 votes8 answers -
Emmet в PHPStorm ставит лишние отступы и разрывы строк
пишу вот такую конструкцию: input:button[value=$]*5 ide все понимает правильно, ставит пять кнопок в ряд с названиями от 1 до 5. но, в редакторе код при этом получается с тоннами лишних отступов, лишних разрывов строк и категорически нечитаемый: <input type="button" value="1"/><input type="button" value="2"/><input type="button" value="3"/><input type="button" value="4"/><input type="button" value="5"/>при этом классическое ul>li.item1*5 выстраивает аккуратный столбик с красивыми отступами и переносами строк, точно как в мануале и кнопки мне бы хотелось видеть а таком же аккуратном…
1 vote10 answers -
тень и отступы - не совместимы?
добрый день. верстаю страницу с помощью таблиц. страница располагается по центру следующим образом: вся таблица ширина 100% середина фиксированная. правая и левая колонка - плавающая. необходимо сделать тень от левой таблицы. указываю cellspacing="0" cellpadding="0" в атрибутах таблицы. при этом автоматически убирается все отступы которые указана для текста в таблице и т.д. и позиционирование по центру пропадает. подскажите как можно исправить? или лучше все на слоях сделать? если на них то как там возможно сделать позиц. по центру. страница имеет фиксированную длину и ширину. Спасибо всем. зы. спасибо за сайт.
0 votes16 answers -
Подсчет знаков в тексте
Помогите написать код для того, чтобы можно было автоматически получить количество знаков в тексте, который вставляется в определенное окно. Если же это процесс трудоемкий и утомительный, то где можно найти учебный материал по этой теме
0 votes8 answers -
@font-face
Есть шрифт вот такой, решили вставить его в проект. Генерю CSS и шрифты разных форматов при помощи сервиса fontsquirrel.com. Возникают проблемы с кириллицей причем как-то странно - кириллица не отображается только в ИЕ7 (с латинницей все в порядке). Пока проверял в ИЕ8, ИЕ9 и Хроме, там все нормально (не знаю как в остальных браузерах). В чем может быть проблема в ИЕ7? Вариант отказа от ИЕ7 не подходит ни под каким предлогом. Шрифт заюзать надо позарез. Кто что подскажет? P.S. Хоть в этом сервисе заявлена поддержка ИЕ5+, но в ИЕ6 (на виртуальной машине) у меня ничего не работает, даже латинница. Интересно почему. Поддержка ИЕ6 в общем не особо нужна, но как бонус было бы …
0 votes8 answers -
Изменение кнопки после нажатия
более подходящего места для вопроса не нашел, так как не могу однозначно сказать, за счет какой технологии это делается. Итак, увидел вот в этом магазинчике http://www.defitsita.net/nabor/sportivnomu-bolelshhiku/ гениальную вещь. После нажатия кнопки "положить в авоську" кнопка меняется на "перейти в корзину". Интересно попробовать такое для своего сайта, но не знаю с чего подступиться, рецептов подобных не находил, в поиске тишина, в их коде не разобрался. Это средствами JS делается или как-то можно на CSS?
0 votes3 answers -
sass+compass, проблема с кодировкой
Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?
0 votes4 answers -
проблемы с bootstrap
Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv
0 votes10 answers -
Изменение расположения виджета ВК
Подскажите пожалуйста как изменить расположение виджета ВК группы.
0 votes8 answers -
при инклюде в див таблицы браузеры ведут себя по разному..
почему при инклюде файла див в эксплорере и опере увеличивается, а в мозиле нет? текст тупо идёт дальше, а таблица кончиласть????? вот как надо: http://s61.radikal.ru/i171/0907/3d/ca6b99589081.png вот так оно в эксплорере: (пнг скоро я сделаю нормальным, ща это только время тратить). но! почему табличка в которой новость (кремовая такая табличка) почему она разъехалась??? раньше в опере такое было, исправила. но здесь что??? какой атрибут косячит?? http://s53.radikal.ru/i140/0907/e9/8ea84a3a6c99.png и наконец КАК НЕ НАДО!!!! в лисе: http://s44.radikal.ru/i105/0907/b6/cc6a26624222.png что за бред??? скажите, наверняка вы с этим встречались, какие атрибуты в одном браузере …
0 votes8 answers -
Что из этого список, а что нет.
Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?
0 votes32 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-