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
-
Выравнивание блоков
Здравствуйте, уважаемые. Такова делема: на странице 3 дива: левый, правы и центр. Возникла проблема их позиционирования. Установив: display: inline-block; дивы выравниваются по нижнему краю. Можно ли сделать чтобы выравнивание было по верхнему краю? Или просто ставить position:absolute и подгонять каждый блок по пикселям? И как вообще рекомендуете позиционировать такие вещи?
0 votes2 answers -
Проблема с сайтом
Вот сайт http://diman4ik.mcdir.ru/ как сделать чтобы было именно так? http://s1.ipicture.ru/uploads/20140417/VY25RQ55.png как сделать линии по li ? и как сделать справа стрелочку такую?
0 votes2 answers -
Создание календаря на сайте
Всем привет! Есть цель: сделать календарь на сайт. В календаре ячейки с датами. В каждой ячейке возможность записывать что-либо, максимум 4 записи в один день (в одной ячейке). Соответственно минимум ноль записей, максимум 4. Одна запись – это один цвет. Если в одной ячейке одна запись, то ячейка заливается одним цветом. При нажатии появляется запись. Если в одной ячейки две записи – ячейка делится пополам и каждая половина заливается разным цветом. И при нажатии на каждую из половин появляется соответствующая запись. Так же с 3 и 4 записями. Вопрос: как такое лучше сделать? Т.к. уровень ламерства у меня зашкаливает, буду благодарна за все ссылки и советы, которые мо…
0 votes11 answers -
Неправильно работает :hover в GoogleChrome
Здравствуйте. Столкнулся с такой проблемой. В сверстаном шаблоне некорректно отображаются стили при наведении в Хроме. Блок "Наши Новости" работает правильно - при наведении на блок меняется цвет фона, при наведении на новость меняется цвет её фона, текста и рамки у img. При наведении на блоки "Новости Alfa" и "Новости дилеров" у меня стили :hover срабатвают ТОЛЬКО при наведении на нижнюю (3-ю) новость. В других браузерах соответственно всё нормально. Первый раз с таким сталкиваюсь, предположил что дело в новой версии хрома? Ссылка Кусок кода CSS:
0 votes2 answers -
Проблема с отображением на Opera Mini
Есть сайт который нормально отображается на ПК. Но в Opera Mini всё совершенно некорректно. Как можно это исправить? есть ли чтото наподобие Opera Dragonfly для mini? Сайт:http://secretmoon.ru/ На Opera Mini:
0 votes0 answers -
Кроссбраузерность поиска html5
Здравствуйте. Подскажите как сверстать поиск кроссбраузерным. Нужно чтобы получилось вот так. Желательно обойтись без скриптов (по возможности)
0 votes7 answers -
Редактирование файлов на сайте!
Здравствуйте, нужен совет! Речь идет только о сайте на локальном сервере (использую Denwer)! Мне нужно, чтобы посредством гиперссылки через браузер открывались файлы (.doc, excel и пр.) чтобы была возможность их редактировать и сохранять в тот же каталог из которого они открылись! Подскажите как можно это сделать? Обычно файл через браузер открывается только для загрузки! Заранее благодарю!
0 votes5 answers -
Фокус на инпуте
Добрый день, при нажатии в поле ввода появляется синяя полоска (показано на картинке), как ее убрать? http://i57.fastpic.ru/big/2014/0419/a4/6b725f97539b63128efd210445cdcba4.png
0 votes3 answers -
выровнять по вертикали
Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/
0 votes11 answers -
Почему не работает код?
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div class="img"> .img { background: url("images/1.png") no-repeat; height: 100px; width: 100px; } .img:hover { background: url("images/2.png") no-repeat; height: 100px; width: 100px; } </div> </body> </html>
0 votes4 answers -
IE 8 не читает шрифты
В общем проблема описана в названии. ИЕ 8 не поддерживает шрифты подключил вверху ксс @font-face { font-family: Oswald-Regular; src: url(../fonts/Oswald-Regular.ttf); } вывожу таким образомh2 {font-family: Oswald-Regular; color: #7e7e7e;font-size:12px;}
0 votes9 answers -
Обратная связь
Всем привет. Допустим нужно сверстать landing page.ОК. Ты его полностью сверстал но там есть обратная связь или кнопка сделать заказ. Как сделать там чтобы при обратной связи или при любой действии подобном, на почту приходило письмо? я пробовал через функцию mail() в php, но там проблемы с кодировками есть. Я не силен в таких вопросах. Что делать в таких ситуациях, может скрипты есть готовые какие нибудь или сервисы?
0 votes3 answers -
Вопрос по inframe
Есть картинка фон, поверх нее надо сделать кнопку плэй, тоже в виде картинки с хавером, после нажатия на которую должен активироваться inframe, который будет находиться поверх этого фона
0 votes3 answers -
БЭМ и именование заголовков
Почитал про БЭМ в очередной раз. И задумался над одной вещью. Пусть у нас есть несколько блоков на странице. У каждого блока есть заголовок. Заголовки одинаковые. То есть их можно описать одними и теми же CSS-правилами. С одной стороны, логично заголовки обозначать как элементы блока. А с другой, так как они одинаковые, можно выделить в отдельный блок. Кто что думает по этому вопросу?
0 votes8 answers -
Изогнутое изображение средствами css
Добрый день, господа. У меня тут не большие затруднения с изображением http://s020.radikal.ru/i704/1404/1c/eed2d4f43f8e.png подкиньте идею как лучше сделать данную "закладку"(никак не могу придумать как ее назвать)? а то я в ступоре уже несколько часов Единственное что получилось это <div class="bookmark"><span class="triangle"></span></div>.bookmark { height: 250px; overflow: hidden; position: relative;}.triangle { position: absolute; top: 30px; left: 40px; width: 0px; height: 0px; border-style: solid; border-width: 50px 100px 50px 0; border-color: transparent #8b8ba6 transparent transparent;}
0 votes2 answers -
Как сделать появление картинки на картинке при навидении
Как сделать появление картинки на картинке при навидении. Много раз такое видел на сайтах, а как понадобилось нигде не могу найти. Суть в том, что при наведении на большую картинку, на ней же, в верхнем углу надо показать вторую картинку. Появляющаяся картинка меньше размером и выглядит как кнопка. Посоветуйте где можно посмотреть примеры и почитать. Вот пример, но он не работает http://jsfiddle.net/WMtpL/ Кстати, делаю для сайта _livelyn.net - при наведении на картинку, на ней же в углу должна появится картинка-кнопка добавления в избранное.
0 votes2 answers -
подскажите плагин для всплывающего окна
Есть ли стандартные решения вот для такой вещи?. Если не жалко - дайте ссылочки
0 votes3 answers -
Row span наоборот
Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)
0 votes4 answers -
Сайт тупит при открытии
Добрый день! Я пока только учусь, работаю в шаблонах, может что лишнее или удалил не то, но сайт стал реально тупить, особенно главная и облако тегов не работает, раньше работало!!!! Помогите!!!! http://vanna-servis.com.ua/
0 votes3 answers -
Как задать стиль куска со ссылкой?
Я извиняюсь за такой простой вопрос, но всё же: Есть структура вида <a class="class1" href=> <h2>Text1</h2> <p>Text2</p> </a> Как задать стиль CSS для class1, чтобы при наведении на этот кусок его вид оставался неизменным? Не менялся цвет и не появлялось подчеркивание согласно другим, общим правилам в файле CSS. Про a:link, a:active, a:hover и a:visited читал, но чего-то не понимаю.
0 votes9 answers -
Выравнивание по вертикали
Привет всем. Пятница, вечер, голова не соображает). Прошу помощи. Есть див 300 на 300 пикселов. Внутри него нужно выровнять по вертикали текстовый контент. Три вида текста в трёх спанах. Количество текста в спанах заранее неизвестно. А так как спанов три, то количество комбинаций может быть разным. Несколько вариантов для наглядности набросал. Какие стили нужно задать элементам?
0 votes3 answers -
Сохранить код страницы
Подскажите как взять весь код страницы сайта сохранить его файлом и потом открыть в браузере?
0 votes10 answers -
На чем сделана анимация?
На чем сделана анимация на этой странице? http://game.molodost.bz/registration/
0 votes2 answers -
Скажите, карта расплывается, да?
http://html2css.ru/travel/ Карта внизу расплывчато в хроме выглядит? Вин. 8.1 Или мне мерещится? И ведь мне скажут, да - поправьте, плохо выглядит? Я сделала двойной skew на карте, чтобы реализовать перекос. И придется теперь крутить предпоследний блок - а он скорее всего лесенкой пойдет некрасивой. так? Блин что делать =(
0 votes3 answers -
Верстка бесплатно (для моего портфолио)
Привет, я начинающий верстальщик и ищу верстку для моего портфолио, поэтому бесплатно) Что я умею: HTML 5 валидно верстать;Хорошо знаю css3;Кроссбраузерная верстка (ie8+, все современные браузеры);Люблю js/jquery, смогу найти нужный плагин и кастомизировать его, при необходимости напишу скрипт сам;Знаю, как надо проверять свою работу на качествоСижу на Хабре и форумах по верстке, сверстаю шаблон полностью соответствующий Вашему ТЗ. Знаю bootstrap, если надо сделать по какому-то другому css фреймворку, то разберусь и с ним. Flash не знаю. Верстка сложной титулки займет от 4 до 7 дней. Что нужно, чтобы мы сработались: Вы являетесь веб-сдудией или фрилансером с портфолио;У В…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-