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
-
Проблема с float
Здравствуйте! Код: <div class="frame"> <div class="float-block"> <div class="image"></div> <div class="holder">Красивое нарядное платье «Снежанна»</div> </div></div>.frame{ overflow:hidden; height:1%; margin:0 0 30px;}.float-block{ float:left; padding:20px; background-color:red; margin:;}.float-block .image{ float:left; background-color:blue; width:30px; height:30px; margin:0 10px 0 0;}.float-block .holder{ display:block; overflow:hidden; height:1%;}http://prntscr.com/23m7ge Почему «Снежанна» падает вниз , а не растягивает красный блок? Как флотнутый блок высчитывает свой размер?
0 votes4 answers -
src в iframe
Доброго всем дня, В общем нужно как-то проследить загрузился в iframe src и если нет заменить на другой, таймаут пару секунд. Лучше чисто на Java. Спасибо.
0 votes4 answers -
Проблемы с Wordpress темой
Доброго времени суток, помогите разобраться с таинственным поведением верстки после "натягивания" на WP. Верстка делается в соответствии с шаблоном, проверяется PixelPerfect'ом, все супер, но после "соединения" с WP, появляется ряд недочетов, в частности: - межбуквенный интервал в заголовках (в верстке указан 1рх, на WP пришлось уменьшить до 0,6рх - и верстка и тема прошли PixelPerfect), - поведение блоков (позиционирование по правому краю с помощью флоата) ... может что-то пропускаю, может в WP есть таки какой стиль, который перебивает каким то образом стили темы, но вроде бы такого быть не может... раньше замечались расхождения, но под руками не было PixelPerfec…
0 votes1 answer -
сафари для windows
вы поддерживаете сафари для windows?
0 votes4 answers -
Часы. Увеличение размера
Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…
0 votes2 answers -
краевые отступы в bootstrap3
помогите пожалуйста поправить краевые отступы у блоков на этой страничке проблема в том, что они отстоят от края .wrap на большее расстояние по горизонтали чем блоки пояснительная картинка
0 votes3 answers -
Есть ли разница как подключить google fonts
Есть ли разница как подключить google fonts через @import или <link> ?
0 votes3 answers -
sourcemaps in sass
Меня всегда раздражало, что изменения стилей в инспекторе хрома (на вкладке elements) не сохраняются на жесктй диск при использовании препроцессоров. Итак, воспользуемся препроцессором sass (в пререлиз версии 3.3+ есть замечательная штука sourcemaps) и след. инструкцией: http://www.hongkiat.com/blog/editing-css-preprocessor-chrome/ Что имеем в итоге: в инспекторе хрома (на вкладке elements) мы видим не скомпилированный css, а sass. И когда правим его - изменения тут же отражаются скомпилированном css-файле, НО...все это теряет обсолютно любой смысл, т.к. именения стилей в инспекторе хрома (на вкладке elements) НЕ отражаются на самом sass-файле, а только на скомпилированно…
0 votes0 answers -
Задание Шаги из Практикума
http://cssdeck.com/labs/l4ciwczf Вот такой вопрос при псевдоклассе hover перекрашивается в зеленый уголок и перекрашивает родительский div , почему при наведении курсора на родительский div не перекрашиваетя уголок он же дочерний.
0 votes9 answers -
Ризиновый width
Доброго времени суточк, форумчане. Возникли проблемы с созданием плеера , а именно с изменением его ширины . Идеей было : при изменении ширины, изменять размер самого плеера , длину звуковой дорожки , ну и volume . Размеры именно этих эелементов заданы в % , но при малейших изменениях все рушится . Кто знает как решить ту задачу правильно? Вот код http://jsfiddle.net/JTsLh/1/
0 votes1 answer -
Нажатие на ссылку - сдвиг к нужному тексту
Здравствуйте. Какой нужно применить код, чтобы при нажатии на ссылку экран сдвигался к нужному тексту. Спасибо.
0 votes3 answers -
Расширение при помощи background-size:cover;
Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…
0 votes6 answers -
вид текста при изменении масштаба страници
При изменения масштаба странице в браузере ctr+колесико сначала меняется масштаб текста, а потом все элементы на странице, выглядит очень стремно. Как сделать чтобы это происходило одновременно как на всех сайтах?
0 votes2 answers -
Верстка. Картинка по центру div
Здравствуйте, уважаемые гуру! Не могли бы вы подсказать, как выровнять картинку по центру div'а в коде, который будет представлен ниже. Я знаю, что код не совершенен, и если вам будет не трудно, укажите на ошибке и если можно с объяснениями, чтобы я мог исправить их в дальнейшем. Буду очень признателен за помощь. css: body { width:100%; height:100%; } body div#rotator{ float:left; min-width: 60%; max-width: 65%; min-height: 70%; max-height: 80%; } #rotator li img { min-width: 85%; max-width: 100%; min-height: 75%; max-height: 80%; } #rotator div > ul.list{ position: relative; list-style: none; padding: 0px; …
0 votes19 answers -
Как сделать такое меню
Как сделать такую вещь, если навести мышь , то открываются суб категорий: Пример: Окно 1 (Предлогаются категорий Окно 2 : Окно 3: Окно 4) Пример можно увидеть на ebay , если навести мышь на "Fashion" открываются категорий Men's, Women, Kids и так далее.
0 votes1 answer -
Помощь по border
Подскажите пожалуйста, как сделать двойную границу? Т.е. мне надо две линии которые по ширине умещаются в 2px и каждый пиксель разного цвета! Я понимаю, что допустим делается одна линия так border-left: solid 1px #f8d; , а вот как делается еще одна линия возле нее?
0 votes8 answers -
http://htmlbook.ru/practical/hod-konyom
http://htmlbook.ru/practical/hod-konyom Вот что у меня http://cssdeck.com/labs/zzgoaqsz. Это задание только делается при помощи javascript ?
0 votes2 answers -
Практикум Ход конем
http://cssdeck.com/labs/zzgoaqsz Почему не работает visited, если поменять на active или hover то все нормально.
0 votes7 answers -
что делает этот кусок кода?
body:before { content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; } просматривая очередную верстку сайта (иногда поглядываю на забугорную верстку сайтов, с целью узнать что-то новое) и нашел это Что он делает? p.s посмотреть можно здесь https://www.browserstack.com/users/sign_up
0 votes6 answers -
2 inline-block - один слева, другой справа.
Представим блок, внутри которого находятся 2 блока со стилем Inline-block (это им подходит по смыслу). Как мне разместить один блок у левого края, другой у края справа? Если я ставлю правому блоку до кучи стиль float: right, то мое оформление как Inline-block (то есть я не задаю ширину, а только паддинги и блок сам растягивается по соедржимому) почему-то сохраняется, кстати да - ведь так и должно быть? плавающие блоки не растянуты на всю ширину, а автоматом подстраиваются под содержимое... Не хотелось бы выводить элемент из потока, хм... Но видимо другого способа нет? УПД. Проблема еще в том, что эти блоки выравнены вертикально по центру.
0 votes11 answers -
Нужна помощь со слайдером
Здравствуйте. Подключил на страничку Rhinoslider, вставил свое содержимое и контролы. По функционалу все в порядке, единственное, что беспокоит - там с помощью js автоматически добавляется див-контейнер, который все содержимое оборачивает. У него прописаны свои правила позиционирования, которые я могу редактировать только в Firebug. При загрузке страницы у блока со слайдером задано отрицательное позиционирование слева и снизу. Когда я отключаю эти правила в браузере, все становится на свои места. Проверял в хроме, опере и сафари - там все стоит на местах с самого начала. Только в лисе и в ie все не хорошо. (хотя в ie js хоть и не работает как надо, все же блок со слайдеро…
0 votes0 answers -
Проблема в скроллинге
Дело в том, что при написании шаблона всё было нормально. Но при применении аналогичного кода на форуме появляется горизонтальный скролл, а изображения встают в строчку. Ссылка на форум: (для появления бокса кликните на черный медальон) http://fandance.ru/showthread.php?p=14460#post14460
0 votes4 answers -
Помогите настроить слайдер
Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…
0 votes4 answers -
Кнопка
Здравствуйте. Сделал кнопку тегом button, оформил стилями, вставил ссылку. Получилось отлично, кнопка нажимается и переводит по ссылке. Всю малину испортил валидатор, выдавший ошибку. Оказывается тег "а" нельзя вставлять в тег button. Подскажите пожалуйста где об этом узнать подробно и доступно для новичка.
0 votes6 answers -
Спрайты,Формы и Контрформы
Здраствуйте, недавно сегодня познакомился с такими понятиями , как спрайты,формы и контрформы,но есть одна проблема во всём этом я не понимаю как ими пользоваться при помощи background-position,ну в том смысле что применить не могу,да и с оспрайтами тоже как то не очень ,может помочь кто нибудЬ? и объяснить всю подноготную) заранее спасибо огромное)
0 votes21 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-