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
-
Объясните отличие
Здравствуйте. Сильно не ругайте, но сколько не читал не могу понять отличия: .class a:hover a.class:hover
0 votes1 answer -
Постояный размер фрейма
Как задать постоянные размеры в dreamweaver? на пример topframe будет с шириной = 900 и высотой = 400 как это можно сделать в коде frameset rows="115*,311*" cols="*" Почему для строк используется 2 значения?
0 votes2 answers -
Картинка в конце ссылки
Может кто подскажет. Необходимо реализовать следующее: Стрелка должна быть частью ссылки. Важно чтоб если ссылка не влазит в одну строку, переносилось последнее слово со стрелкой, а не только стрелка. Пробовал через ::after, но тогда подчеркивание тянется до картинки.
0 votes3 answers -
тег address
существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?
0 votes3 answers -
Форма обратной связи
Доброго времени суток. Очень нужна помощь, на форуме ответа не нашла, простите. Но буду пизнательно если хотябы укажите где читать. Задача такая: Добавить форму обратной связи + возможнсть выбора адресата(и высылать на соответствующие адрес электронной почты) Сайт написан на HTML, соответственно вопросы: Реально ли это сделать? И если да, то как?) Уточню, как сделать форму я нашла, а как возможность выбора адреса сделать?
0 votes2 answers -
Посоветуйте инструмент для нарезки макетов
Интересны ваши мнения о плюсах и минусах вашего инструмента для нарезки макета. Мне нужно будет резать PSD и JPG макеты. Основные плюсы и минусы, которые меня интересуют: -сложность освоения инструмента; -цена инструмента; -удобство и быстрота нарезки при использовании этого инструмента.
0 votes2 answers -
А можно ли
можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.
0 votes1 answer -
появляется пустота
Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?
0 votes4 answers -
Сквозь выпадающее меню проглядывает нижняя строка
http://learn.javascript.ru/play/CkIc0b Нужно чтобы выпадающее меню перекрывало собой нижнюю строчку. Пока что нет новых идей у меня. Где ошибка? Спасибо.
0 votes4 answers -
Проблема с css
Добрый вечер, говорю сразу - я новичок. Короче есть сайт, на страницу http://flagshtoki.com/flagshtoki-winder-2.htm нужно вставить готовую вёрстку. Проблема: нарушение стилей вёрстки при вставке на сайт... Помогите пожалуйста!!! <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href="light.css" rel="stylesheet" type="text/css"> <link href="boxed-light.css" rel="stylesheet" type="text/css"> <link href="glass-blue.css" rel="stylesheet" type="text/css"> </head> <body> <div class="page" style="bac…
0 votes3 answers -
Непонятки z-index
Почему псевдо элементы отображаются выше блоков? http://jsfiddle.net/tMBrK/ Css: .block1 { padding: 0 10px; position: relative; top: -11px; left: -2px; z-index: 9; } .block1::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 8; } .block2 { padding: 0 10px; position: relative; width: 95%; left: 12px; right: 12px; margin-top: -11px; z-index: 7; } .block2::after { content: ""; position: absolute; bottom: 17px; left: 4%; width: 92%; height: 30%; box-shadow: 0 26px 25px rgba(0, 0, 0, 0.7); z-index: 6; } } Html: <div class="block1"></…
0 votes1 answer -
Проблема переноса блоков <div>
Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас дом…
0 votes3 answers -
Непонятные фокусы Стиля Box-Shadow
Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.
0 votes2 answers -
Блок контента выходит за пределы
Люди добрые, помогите пожалуйста, пытаюсь сверстать тему, вроде все встало, но видимо не все(( Суть проблемы: 1. Обертка wrapper заканчивается раньше, чем должна, т.е. перед футером, а в шаблонах прописано, что заканчивается после футера, но мне это не мешает(пока) 2. Содержимое из блока container выходит за пределы и накладывается на футер 3. При включении плагина фотогалереи и вставки миниатюр в container, все, включая текст за миниатюрами "уезжает" в футер. Помогите пжлста, очень прошу. Проблема решена
0 votes0 answers -
Подправить верстку
Здравствуйте Есть сайт http://driver.f-vote.com/index.php/informatsiya - на это странице видно что текст идет на белом фоне дальше идет БГ картинкой и внизу футер, подскажите как сделать что бы Белый фон тянулся до футера и закрыл БГ который по середине видно! Заранее очень признателен так как голову долго уже ломаю.
0 votes2 answers -
\"Слово\" - как убрать слеш
Слова в кавычках из формы обратной связи приходят на email обрамленные слешами. Как этого избежать?
0 votes2 answers -
видео ложиться на видео
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title> <style> iframe { display: none; } label { cursor: pointer; } input { display: none; } #video-1:checked ~ .ser1 { display: block; } #video-2:checked ~ .ser2 { display: block; } #video-3:checked ~ .ser3 { display: block; } #video-4:checked ~ .ser4 { display: block; } </style> </head> <body> <label for="video-1">1 серия</label> <input name="vidos" type="radio" id="video-1"><br/> <label for="video-2">2 серия</label> <input name="vidos" type="radio" id="video-2"><br/&…
0 votes1 answer -
Подменю в резиновой верстке
Всем добрый день! Делал резиновый макет и при создании меню возникли проблемы. Само горизонтальное меню отлично растягивается (применял display: table-cell/table-row), но подменю ен хочет нормально выстраиваться. Получается, что ячейка растягивается на все подменю и это ломает всю навигацию. http://jsfiddle.net/KnEeD/ Если делать через float, то само горизонтальное меню сложнее растянуть на всю ширину окна. Хочется сделать также ширину подменю сделать как у родительского элемента, чтобы она изменялась при растягивании окна. Без явного задания ширины не получается. Как это можно реализовать?
0 votes3 answers -
MP3 плеер
Помогите сделать вот эти плееры или же скопировать. http://sofyasofiya.r...ct=mp3pl&page=7 (от модератора: Осторожно музыка!!!)
0 votes1 answer -
Проблема с масштабированием фона элемента
В общем есть ссылка в виде картинки( реализована с использованием css-спрайта: при наведении меняется бэкграунд при помощи background-position) Соответственно все это дело имеет фиксированный размер. Можно ли как то реализовать масштабирование подобной ссылки с помощью CSS? Или придется использовать javascript?
0 votes1 answer -
отрицательный margin-top в ie8
Добрый день! Не отображает часть блока с отриццательным margin-top в ie8, как возможно реализовать? <div class="slider"> <div id="slides"> <img src="/slide1.jpg" /> <img src="/slide2.jpg" /> </div></div><div class="main"> <div class="transport"> <div class="name">name</div> text </div> <div class="ecsport"> <div class="name">name</div> text </div></div>/* slider */.slider { height: 423px; position: relative; z-index:100!;}/* main */.main {background: #0e6483;color: #fff;font-size: 14px; posi…
0 votes0 answers -
Неправильное отображение списка в IE
Косяк в IE c отображением списков http://www.baltech.ru/catalog.php?catalog=40 помогите справиться, пожалуйста спасибо
0 votes3 answers -
Данные для формы в ссылке
Добрый день! К примеру на сайте есть страница с обычной формой с одним полем для заполнения. Можно ли сделать ссылку на эту страницу чтобы данные для заполнения поля формы были в этой самой ссылке? Заранее спасибо за ответы)
0 votes4 answers -
Странная проблема
Всем привет. Делаю первую свою верстку по макету и столкнулся с непонятной для себя проблемой: на картинке домик должен быть слева перед desctops, а остальные элементы соответственно должны следовать за ним, но он становится по середине и при этом все меню выпадает вниз. Что с этим делать и в чем причина такого поведения? Заранее спасибо. <div class="header-middle"> <div class="header-content"> <ul class="menu "> <li> <div class="menu-icon"></div> </li> <li>&…
0 votes3 answers -
Слайдер
Народ, привет всем! Надо вот такой слайдер замутить, http://take.ms/2Qnih может кто видел похожий плагин?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-