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
-
Помогите определить на что ругается валидатор?
Подскажите, на что ругается валидатор? Я только учусь, сам допереть не могу... Из 64 ошибок осталось только 2...бьюсь третий день выхода не вижу((( буду весьма признателен за подсказку... вот ссылка на валидатор http://validator.w3.org/check?uri=http%3A%...ebelshop.com.ua . Сам адрес сайта vmebelshop.com.ua. Сейчас я привожу в божеский вид главную страницу.
0 votes6 answers -
Приёмы с текстом.
Как написать а*а или а^2, только в рпавильном виде?
0 votes10 answers -
Сохранение положения параметра select
Есть форма на пхп. Там выбор валюты посредством выпадающего select. Жмешь на кнопку рассчитать и выбор сбивается, устанавливается по дефолту первый. Как сделать, чтобы сохранялся выбранный пункт select?
0 votes3 answers -
Резиновые шрифты , реализация без js
Сделал дизайн на разрешении 1024*600 и экране 11''. Потом оказалось, что на большом экране (1600*900, 19'') шрифт в 17px слишком мелкий. Исправил - но на маленьком экране все стало очень крупно. Как сделать резиновый шрифт, не могу нормальный мануал найти... Вот сайт
0 votes1 answer -
Иконки
Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?
0 votes9 answers -
Картинка двигается мышью
Тег <IMG>. Если Захватить мышью картинку, то можно ее двигать. Это нормально? Или я какие-то настройки тега не добавил?
0 votes14 answers -
Страница на DIV.
Не знаю как сделать, чтобы подменю не скрывалось в блоке, а появлялось по верху. В Mozille два вертикальных div-а растягиваются по размеру страницы, а в IE обтягивают текст. Это нормально? <STYLE type=text/css> body { overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #header {padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; overflow: hidden; border: 1px solid #ccc; background-color: #ffd; } #left { padding: 0; margin: 0; position: absolute; top: 100px; left: 20px; bottom: 20px; overflow: auto; width: 200px; border: 1px solid #aff; } #right { padd…
0 votes6 answers -
Src в CSS
Как использовать фон в стилях понятно,а возможно ли в стилях указывать стиль картинки типа: a:hover img{src:images/a.gif;}.
0 votes5 answers -
Disabled в CSS
Может,вопрос и детский,но я не знаю,как его сделать.Есть форма,в которой элементы ставятся в зависимости от условий в disabled.Для form не работает,приходится писать для всех элементов input.В CSS есть такое свойство?
0 votes5 answers -
Ошибка валидации.
Здравствуйте. Сегодня возникла проблема, при проверки валидности сайта: Line 2, Column 1: No explicit character encoding declaration has been seen yet (assumed utf-8) but the document contains non-ASCII. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> Line 2, Column 1: Element head is missing a required instance of child element title. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> И еще три связанных с этим ошибки. Как я понял это из-за пустой строки перед кодом страницы, но в самом коде этой строки нет, она появляется только в валидаторе и исходном коде страницы. Может…
0 votes0 answers -
Зафиксировать (совместить) слои с фоновой картинкой
Доброй ночи, Возникла проблема с совмещением кучи мелких слоёв и фоновой картинки. Вот пример При наведении курсора на белую плашку с номером корпуса здание на фоновой картинке "подсвечивается". Если разрешение монитора 1366*768, то всё смотрится хорошо. Если разрешение менять в большую или меньшую сторону, то белые плашки съезжают со своих мест. Фоновая картинка растягивается под размер монитора. Как зафиксировать белые плашки, чтобы они оставались на своих местах вне зависимости от разрешения монитора? Помогите, пожалуйста, решить проблему. Заранее благодарю откликнувшихся.
0 votes23 answers -
Подскажите как сверстать
как верстать такие блоки??http://www.fotolink.su/v.php?id=50bf14499502c1be5084483d2cbf5c72 http://www.fotolink.su/v.php?id=252bf1a0e5941e24802d1b870c066395
0 votes6 answers -
выстроить иллюстрации по ширине экрана
Голова кругом, а работающего решения нет: Статья оформлена картинками(рисунки,схемы, фотографии). Все картинки имеют подпись(иногда одна подпись на несколько картинок), выравненную по центру изображения. Каритнки текстом не оптекаются. ЗАДАЧА: если подряд идут несколько иллюстраций, блоки (картинка-подпись) должны выстраиваться в линию и, если возможно, центроваться по доступной ширине экрана.
0 votes4 answers -
не работает align
В одном из тегов значение align="center" действует только в самом файле, а если выношу в CSS, то как будто его и нет. Отчего это может быть?
0 votes3 answers -
как расстянуть несколько вложенных div-вов по высоте
Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…
0 votes2 answers -
Кодировка в ссылке
Здравствуйте, снова! Хотелось бы сделать кнопку добавления поста в блог ЖЖ. Но столкнулся с проблемой, поясню на примере. Имеем ссылку: http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML используем так: <a rel="nofollow" href="http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML" target="_blank" title="Опубликовать в своем блоге livejournal.com">тест</a> </div> тест Ссылка и текст генерируются автоматом - различные на каждой странице (средствами PHP). Но вот вопрос: При переходе с сайта с кодировкой UTF - всё без проблем, пост создается, читаемый…
0 votes3 answers -
fancyBox свой html в подпись
Подключил на сайте последнею версию http://fancyapps.com/fancybox/ использую метод следующего типа: <a class="fancybox-effects-a" href="images/gallery/foto-big.jpg" data-fancybox-group="gallery" title="Название фото"><img src="images/gallery/small/foto-small.jpg" alt="Название фото" /></a> Проблема в следующем, как кроме названия фото, там ниже вывести описание фото и лайки со сетей? Буду благодарен за пример кода, спасибо.
0 votes1 answer -
Смена изображения при наведении
Всем привет! У меня имеется элемент, к которому прикреплено изображение в "чёрно-белом формате". При наведении на него мне необходимо, чтобы изображение менялось на "жёлтый формат". Пробовал через :hover - что-то не получается. CSS код: #fdct:hover { position: relative; width: 256px; height: 256px; background-image: url('fdct2.png'); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } #fdct { position: relative; width: 256px; height: 256px; background-image: url('fdct1.png');…
0 votes10 answers -
Семейство шрифтов смотрится по разному в современных FF и Chrome
Здравствуйте. Заметил, что используемое семейство шрифтов Verdana bold сгенерированное на font2web.com выглядит по разному в Хроме 23 и Фаерфоксе 17. Это нормально?
0 votes7 answers -
Как сверстать такой простой сайт с 3-я колонками, заголовком и подвалом?
Если б порядком не замучился, то не стал бы заводить эту простую тему. Везде написано, что сейчас таблицы не нужно использовать для верстки, а нужны Div. Подскажите, как сверстать такой сайт - по типу сайтов с фотками и картинками. По высоте он будет на 100% страницы. Сверху будет заголовок с меню навигации. Снизу будет 3 колонки. В средней колонке будет картинка и она должна вся умещаться. Полос прокрутки в этом блоке быть не должно. Должен изменяться размер исходной картинки в этом блоке. Слева будет динамическое раскрывающееся меню. Оно может быть длинным - там нужна полоса прокрутки. Справа будет доп информация, тоже может понадобиться полоса прокрутки. Снизу буд…
0 votes11 answers -
frD-Меню поехало по ширине
Добрый день! Помогите обуздать меню.... http://xanonline.com/ Фиксированную ширину, чтобы слова вниз переносились....
0 votes3 answers -
проблемы вложенности слоев
Привет. все браузеры вроде отображают правильно, но Opera не хочет растягивать фон заднего слоя полностью, лишь частично. для наглядности вот страница http://rhcp.info/test/ Заднему фону синим цветом соответвует слой <div id="content">: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>xxx </title> <link rel="stylesheet" type="text/css" href="menu.css"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="script.js"></script> <…
0 votes4 answers -
Неубиваемые границы <iframe>'ов в IE7
В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?
0 votes2 answers -
Интерфейсы
Кто что может рассказать про верстку web-интерфейсов? Что это вообще такое, как часто используется и что можно почитать на эту тему? У кого опыт есть? А то что-то в гугле ничего толком не увидел. Спасибо.
0 votes5 answers -
Fixed 0 auto no-scroll
Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-