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
-
Выравнивание inline-block по ширине в Chrome и Opera
В Chrome и Opera не работает text-align: justify, если на странице есть форма и стили при этом находятся во внешнем файле (jsfiddle не подходит). Нормально выравниваются те элементы, стиль которых определен прямо в HTML-коде с помощью атрибуте style. Если удалить селекты или форму целиком - все работает нормально. <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body> <form action="action"> <fieldset> <input type="text" name="id00" id="id01"> <select name="id02" id="id03">…
0 votes16 answers -
две картинки в фоне
здравствуйте, возникла проблема. Есть сайт фиксированной ширины, по центру. У body задан отдельный фон в виде картинки. Мне нужно в правый и в левый верхний углы добавить два изображения (т.е. одно с лева, другое с права). Размеры их маленькие, т.е. соединить в одну проблемотично будет, да и надо учесть, что мониторы могут быть разного размера. Пробовал вставлять грубым методом, т.е. перед дивом с основным контентом вставил два дива, в ксс которых указал одному фон и положение с лева, другому фон и положение с права. Но в итоге блок с контентом опускается на ширину этих картинок, что не совсем то, что должно получиться. как мне решить данную проблему? спасибо за …
0 votes3 answers -
Использование шрифтов на коммерческом сайте
Друзья, подскажите на счет шрифтов: Segoe Print и Segoe UI. Могу ли я их использовать на коммерческом сайте? Вроде часть Майкрософт шрифтов полностью бесплатные, но где найти этот список не ясно.
0 votes2 answers -
Вопрос про вёрстку)
Во всех уроках все учат как верстать главную страницу, и вот вопрос появился кроме главной старницы ешё надо их делать или там пхп позаботится об этом?)
0 votes1 answer -
Не могу вставить бхслайдер - слайды сходят с ума
Пытаюсь создать самый простой слайдер на основе бхслайдера. В каталоге самый первый айтем - кнопка заказать - во всплывающем окне вкладка - фотографии. Почему-то картинки ужимаются в 5 раз и выстраиваются в одну строку (. Уже час бьюсь - не понимаю в чем проблема! http://zverushka.bl.ee Я так посмотрю, если окошко браузера ресайзнуть - слайдер становится нормальным, но почему при загрузке такое все кривое? Может потому что окно изначально скрыто? Надо на открытии слайдер активировать? Вопрос только как получить хоть какой-нибудь ссылку на объект из всплыающего окна? afterLoad fancybox callback передает куррент - но я не могу из него получить ссылку на всплывающее окн…
0 votes10 answers -
Пустое пространство
Всем привет! Не могу понять, почему высота футера завист от высоты колонок ? Если поднимаю футер к колонкам вверх, то остается пустота ниже футера, а если уменьшаю длину колонок, то появляется пустота между колонками и футером. Если увеличиваю высоту колонок страница увеличивает длину, а футер залезает на колонки оставаясь на месте. iv#navigation{position:relative; float:left; background:#bef574; width:25%; height:260px; font-size:1.5px; line-height:1.5px; border-radius: 5px; margin:0; top:-186px;padding:5px;} div#navigation p{ list-style-type:none;} div#extra{position:relative; float:right; background:#cfb53b; border-radius: 5px; height:257px; padding:5px;}div#extra{ m…
0 votes5 answers -
Как сделать что бы контент спойлера грузился только после его активации?
Скажите с помощью чего можно это осуществить? На странице есть несколько спойлеров,как сделать что бы контент в них грузился лишь тогда когда спойлер открывает юзер?Точнее что бы грузлось содержимое только того спойлера по которому кликнули. <a href="#1" class="videoA">спойлер 1</a><div class="videoB">содержимое спойлера 1</div><a href="#2" class="videoA">спойлер 2</a><div class="videoB">содержимое спойлера 2</div><a href="#3" class="videoA">спойлер 3</a><div class="videoB">содержимое спойлера 3</div><script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).nex…
0 votes6 answers -
Ошибка с выпадающим меню
Ребят есть меню http://jsfiddle.net/ при наведении мыши на пункт выпадающего меню оно пропадает, никак не пойму где ошибка
0 votes2 answers -
Не отображаются background в IE8
Здравствуйте! Подскажите чайнику почему в IE (смотрел на 8 версии) не отображается background http://www.evernote.com/shard/s353/sh/47f2b3ab-47b2-4167-9458-702d8eafbc8d/5fa3cb41a43d8f5a2ac4ea180824fe4f у характеристик товара - "нагрузка, высота, жёсткость" http://matrasspb.ru/catalog/matrasy-dlya-krovati
0 votes2 answers -
z-index
http://cssdeck.com/labs/rekjsz8p Скажите почему не видно текста ?
0 votes3 answers -
Как вставить баннер?
Хотелось бы добавить баннер, как показано на скрине (выделено красным), но не знаю как. Вот код, подскажите, что добавить: <div id="block_1"><div id="slider"> <div class="bannertop"> <div id="bannertop" > <div align="center"> <div class="presentation"> <div id="slider2" class="sliderwrapper"> <div class="contentdiv"><img src="{THEME}/images/1.jpg" name="b1" alt="" /></div> </div> <div id="paginate-slider2" class="pagination"> <a href="#" class="prev"><img…
0 votes0 answers -
Какой тег использовать для одной строки текста?
Какой тег семантичней использовать для небольших однострочных кусочков текста? К примеру, в шапке есть блок с двумя номерами телефона, один под другим. Каждый номер нужно завернуть во что-нибудь. В <p>? Он вроде по смыслу предназначен для целых абзацев...
0 votes6 answers -
Доступ к DOM в iframe на другом домене. Оба домена мои.
Добрый день. У меня есть 2 домена. Доступ имею к обоим доменам и серверам. На домене 1 есть iframe, который открывает страницы c поддомена 2. Нужно отследить клик в iframe и получить адрес страницы перехода. Т.е нужно получить доступ к DOM документа в iframe. Собственно, возможно ли это, учитывая что оба домена мои. Пробовал прописывать заголовки X-Frame-Options, но они не очень кроссбраузерные и работают как-то не айс. Может есть еще какие-нибудь способы открыть данные iframe на другом домене?
0 votes1 answer -
Творятся странные вещи!Firefox и cssdeck отображают по разному!
Господа,приветствую! Следующий вопрос - почему при одинаковом коде получается разный результат? При загрузке на cssdeck получается вот такой результат http://cssdeck.com/labs/79ssx9ts А при отображении в моем firefox на моем ПК вот такой результат: http://uploads.ru/mojUi.jpg P.s.При загрузке на cssdeck - результат получается отличающимся от моего вида в firefox. Из-за чего такая проблема?Браузер обновил,в других браузерах такой проблемы не наблюдается... Спасибо за ответы!
0 votes5 answers -
Не срабатывает margin-bottom для блока
Добрый день! Подскажите пожалуйста! http://cssdeck.com/labs/5uretdw0 Почему когда я задаю свойство margin-bottom:20px; для project-block (это блок с картинкой + текстом в правой части) ничего не происходит? .inner-block .portfolio-block .content .project-block {margin-bottom:20px;} Разобрался! Нужно было добавить overflow:hidden; Закрывайте!
0 votes0 answers -
Уголок у кнопки
Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)
0 votes17 answers -
Помогите решить проблему с футером
Собственно сабж, когда контент больше чем на страницу, он выезжает...и страница не растягивается мать его, помогите пожалуйста, уже голову сломал.... http://files.mail.ru/2ADE7C5FE52F479D8AF5AEE4D5B6D6A6 ссылка на верстку Заранее большое спасибо
0 votes2 answers -
Господа,почему мой блок не тянется?
Подскажите пожалуйста,почему не тянется правый блок? Вроде нигде фиксированной высоты нет,только min-height http://cssdeck.com/labs/k80artgh Вообще у меня есть блок inner-block и внутри него я разместил 3 блока:menu,logo и portfolio. Моя цель - если увеличивается по высоте блок menu или portfolio,то второй блок становится такого-же размера (это можно отслеживать по бордеру) Заранее спасибо!
0 votes4 answers -
Мозилла выдает ошибку
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
Фриланс верстка
Что нужно использовать ? HTML и CSS. Или необходимо знать еще скрипты ?
0 votes18 answers -
Самоучитель CSS
Здравствуйте! Прочитал Самоучитель CSS в надежде понять код в котором хочу разобраться (код CSS темы WordPress). Очень много почерпнул, за что спасибо автору!!! Для меня осталось не понятным следующие моменты, а точнее такие строки: 1. #container #post-entry article.home-post.alt-post { } почему нет запятых между идентификаторами ? и что значит строка article.home-post.alt-post ? 2. .post-single .post-meta-top { } Можно и без запятых перечислять классы, или это Контекстный селектор ? 3. #post-navigator-single.post-nav-archive { } помогите расшифровать ! 4. .widget-area #sponsorlinks { } помогите расшифровать !
0 votes1 answer -
горизонтальная линия через заголовок
помогите пожалуйста решить проблему на страничке требовалось встроить заголовок, слева и справа от которого проходит горизонтальная линия. я сверстал его так. но если контент-менеджер увеличит количество букв в заголовке, то заголовок может поломаться или занять по горизонтали места больше, чем задумал дизайнер подскажите пожалуйста правильный способ вёрстки подобного заголовка ps другими словами. сейчас длина блока .h1 - 813px. нужно чтобы при изменении количества букв, эта длина не изменялась
0 votes8 answers -
Непонятная область блока
Приветствую! Интересная штука. Когда водишь мышью над третьим пунктом меню (Logout), попадается непонятная невидимая область, принадлежащая второму пункту (Gallery). И она довольно большая. Это хорошо видно по ховер эффекту изменения цвета иконки второго пункта. Такое действо происходит в Хроме, Опере, Сафари. А в Фаерфоксе - нет. Что это? http://tellmeof.cc.ua/DarkVertMenu/darkvertmenu.html
0 votes2 answers -
списки с иконками. выравнивание
подскажите пожалуйста как выравнять строки списка относительно иконки красиво когда однострочный элемент списка имеет такое выравнивание красиво когда многострочный элемент списка имеет такое выравнивание а возможно ли эти 2 способа объединить. так чтобы контент-менеджер не задумывался о количестве строк и выравнивании? здесь я решил проблему неправильно. прописал величину смещения по вертикали каждому элементу списка .info2_inner ul li{padding-left: 47px;background: url('../images/info2_icons/icon1.png') left top no-repeat;min-height: 42px;padding-top: 9px;padding-bottom: 20px;color: #000;font: 16px/20px arial, sans-serif;text-align: left;}.info2_inner ul li:nth-…
0 votes4 answers -
Поясните следующее поведение при позиционировании и выравнивании
Приветствую. Изучаю горизонтальное позиционирование и столкнулся с непонятным мне поведением элемента, поясните пожалуйста ситуацию. Собственно ссылка на пример. С 1-м и 2-м элементом все понятно, но как высчитывается отрицательный margin у 3-го элемента, относительно чего от высчитывается? Спасибо!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-