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
-
Помогите с JavaScript'ом!
Есть input type="text". В нем заранее написан текст "лицевой счет". Когда пользователь нажимает на это поле, то данный текст исчезает и можно писать. Мне нужно, чтобы если пользователь не ввел ни одного символа, то при потере фокуса на данном поле там опять появлялась надпись "лицевой счет". НО! Если он ввел хоть один символ, то при потере фокуса на этом поле не должно ничего происходить и введенный текст должен остаться в данном поле и потом, когда пользователь нажмет на это поле еще раз, то текст не должен исчезнуть.
0 votes4 answers -
Навигация
Люди, подскажите, пожалуйста... Для каждого пункта меню нужно создавать отдельную html страничку или можно это сделать как-то попроще? При нажатии на меню у меня будет меняться содержимое только одного div-а.
0 votes8 answers -
Проблема с переносом внутри inline-block
Привет всем. Есть четырёх-колонная страница. В каждой колонке: заголовок и список. Каждый элемент списка состоит из одного input'а типа checkbox и блока с двумя span'ами текста. Страница выглядит вот так. Проблема в следующих участках кода: <li> <input name="" type="checkbox"> <section> <span class="first-line">Текст</span><br> <span class="second-line">Текст</span> </section> </li> li { white-space: nowrap; /* Иначе после input'а section переносится на след. строку */ } input { margin-top: 0.4em; vertical-align: top; } section { display: inline-block; margin-left: 5px; white-space: normal; …
0 votes0 answers -
Режется фон в Опере
Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!
0 votes8 answers -
"Ползунок справа"
Как изменить дизайн ползунка справа в браузерах для прокрутки страниц по вертикали?
0 votes5 answers -
Выравнивание элементов
Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…
0 votes7 answers -
type="text/css"
У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>
0 votes1 answer -
временная линейка в графическом исполнении
видел нразмещают линейки с временным подсчётом, которая показывает, сколько прошло от даты в графичском исполнении. какие сайты предоставляют такой сервис и как это дело называется, чтобы его искать?
0 votes0 answers -
проблема с представлением странице в IE6
Добрый день . Сталкнулся с проблемой браузеров . Во всех(FireFox,Opera,IE7) страница отображается так как задумывалась а вот в IE6 блоки заключенные в дивы расположены совсем не так . вот ссылка на сайт . www.bgraf.biz/main.html
0 votes4 answers -
Как сделать блок одним целым
Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…
0 votes2 answers -
Отображение определенных расширений в окне выбора
Поставил задачу реализовать отображение исключительно .jpeg файлов в окне выбора. Еще хотелось бы разобраться с загрузкой многочисленных файлов в одном окне выбора. Не подскажете, как это делается? Пишу полнофункциональную загрузку фото, вот и хочу затронуть и этот функционал. Заранее при многом благодарен местным Гуру.
0 votes5 answers -
img после input сдвигается
вот код <input type="textarea" cols="15" rows="1"><img src="{THEME}/images/ok.png"/> пробовал выставлять маргины/паддинги и туда и обратно, в любом порядке, пробовал их обьединять в одном блоке. результата нету. как их выставить в одну полосу?) ЗЫ высота картинки 18пх
0 votes2 answers -
Помощь с IE6
Здравствуйте, у меня такая проблема в ие6 - есть блок 1280-1024 в нем еще 3 блока отцентрированы и маргинами расположены где надо по сторонам что бы в итоге получалась цельная картинка из 3 бакграундов. У родительского блока стоит свойство overflow:hidden. суммарная ширина 3 дочерних блоков 1280 при сужении родительского блока во всех остальных браузерах блоки центрируются и скрываются по краям. В ие6 при ширене экрана 1280рх появляется полоса прокрутки которой быть не должно. Как сделать что бы она появлялась только при ширене 1024рх??? Зарание благодарен за ответ.
0 votes7 answers -
Проблема с ИЕ7
Здравствуйте у меня такая проблема, блок опросов отображается нормально во всех браузерах в том числе и в ИЕ7 но при наведении на чекбоксы или лабелы под ними пропадает фон самого блока опросов. Кто сталкивался - подскажите плз как это вылечить, я уже все перепробовал и позишены и !important и т.д.
0 votes11 answers -
Тег select,option вытягивает table в ie 7
Сделал, что то типа: <table> <tr> <td> фотка </td> <td> Название<br /> Описание<br /> Выбор опций <select name="..."> код <option value="..."> код </option> </select> </tr> </td> </table> Так вот в браузере ie 7 (ie 6 тоже) тег select, option вытягивают таблицу вниз насколько позволяют раскрываться эти теги. В остальных браузерах, как всегда, всё отлично. Как исправить это?
0 votes11 answers -
Таблица HTML
Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.
0 votes7 answers -
Форматирование рисунка
Помогите пожалуйста! у меня есть фотка размером 400*200 Как мне сделать так что бы она выводилась на экран с ограничением по ширине и высоте! Т.е. ограничение 200рх Фотка на экране 200*100 Или фотка 200*400 Фотка на экране 200*100 В общем пропорция должна тоже сохранятся!!!
0 votes9 answers -
Проблема при верстке формы
Есть форма: <div class="yapoisk" > <form action="http://ast.ru/poisk.shtml" method="get"> <input type="hidden" name="searchid" value="120203"> <input name="text" class="yapoisk1"> <input type="image" src="/images/searsh.png"></form> </div> .yapoisk{ border: 1px solid #7dbae9; background-color:#7dbae9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ssi/PIE.htc); position: relative; z-index: 100; text-align: center; width: 260px; height: 27px; } .yapoisk1{ border: 1px solid #cee7fa; background-color:#ffffff; width: 210px; margin: 0px 0px 0px 0px; } в IE все норм а в остальных съезжает вн…
0 votes6 answers -
Как создать вертикальное заполнение таблицы
Не могу понять как это осуществить. Задача такова что необходимо сделать заполнение таблицы следующим образом: 1 5 9 2 6 10 3 7 11 4 8 12 Т.е. нужно, чтоб при добавлении новых элементов div заполнение шло по столбцу. Пример горизонтального заполнения: <html> <head> <title></title> <style> .cell{ width:48px; height:50px; font-size:12px; float:left; border:1px solid black; text-align:center; } </style> </head> <body> <div id="table" style="width:200px; height:100px;"> <div class="cell">123</div> <div class="cell">123</div> <div class="cell">123</div> <div class="…
0 votes2 answers -
Установка свойства объектов DOM при помощи CSS
Столкнулся с такой вещью, что при задании у элемента <div>свойства через CSS, не получается потом воспользоваться значением этого свойства в операторе сравнения if языка javascript. То есть, выглядит так, что объекта DOM, с которым работает javascript не создается или свойство этого объекта не определено. Хотел при помощи скрипта javascript (оператор сравнения) выяснить - присвоено ли свойству display значение block. Выглядит так, как будто свойство не определено, хотя задается в CSS. Кто знает, в чем дело?
0 votes7 answers -
Проблема с first-child
Помогите разобраться. Есть два кода в которых используется для снятия левой границы следующая конструкция nav section:first-child ul{ border-left: 0 none; }Первый работает хорошо: <nav> <section> <h3>О КОМПАНИИ</h3> <ul> <li><a href="#">История создания</a></li> <li><a href="#">Персонал</a></li> </ul> </section> <section> <h3>СЕРВИС</h3> <ul> <li><a href="#">Обслуживание</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Предложения</a></li> <…
0 votes11 answers -
Нужна помощь с меню.
Всем привет! http://jsfiddle.net/L7Pts/2/ - float не работает. Убираю у "Пункта" position:relative;или display:inline; и все работает. Кто подскажет, что не так?
0 votes6 answers -
Как в слайдере, поднять табы на верх?
http://cssdeck.com/labs/3d1ayu3a
0 votes9 answers -
Как заставить видео и картинку масштабироваться пропорционально?
Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает пе…
0 votes2 answers -
Интересная реализация фона
Надеюсь, смогу объяснить, чтобы меня поняли: Наткнулся на один сайт (http://sheltertheanimation.com/), на нём есть тег <section>, что используется на сайте. И вот при прокрутке страницы фон этой секции не подвижен, а сами элементы, типо: <h1>, <p> подвижны. У меня просьба и вопрос: Дайте мне ссылку на статью по подобной ситуации, ибо очень заинтересовала, и объясните мне предназначение тега <section>, ведь я мог вместо него использовать тот же самый <div>.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-