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
-
проблема с круглими меню
меню не появляется в Chrome и в Opera, а в Mozille все пордядке..Помогите пожалуста, пытался создат вот такой http://jsfiddle.net/jPFgS/17/ круглинкий дизайн, (я совсем новичок в этом,) так вот, в вверху 3 меню, средная при "hover" появлается, а вот те другие нет, в mozilla все работает, а вот в Chrome и в Opera нет, как можно решить эту проблему?.прошу знаюшим помочь мне..извенитье за плохой русский, сам я не русский..
0 votes0 answers -
Aside уходит под Article
Ситуация: заказана верстка была у одного "спеца", который теперь не отвечает на сообщения... Сайт (СМИ) отображается нормально на главной, а на странице материала Aside уходит под Article Программист, который ставил CMS, пытался исправить, но не смог, я сам тоже не верстаю( Просто верстка работала нормально, но после введения сайта в эксплуатацию, понеслись ошибочки, самая главная щас вот с aside Собственно ниже код того что было (норм было до запуска сайта) и того что я намудрил сам. Не понимаю где ошибки, помогите( и может ли что-то ещё влиять на верстку? непонятно( В моем варианте блок сместился вправо, но также остался под материалом Если нужно прикреплю скрины=) Спас…
0 votes1 answer -
IE8 doctype problem
Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?
0 votes4 answers -
черная рамка jpeg
Здраствуйте. стоит каптча я не могу понять из за чего может появляться черная полоса? Фон только серый
0 votes1 answer -
css3 transition
Тот кто пользовался CSS3 скорее всего знает, что при использовании transition элемент размывается (блюрится), затем снова становится четким. Очень мне не нравится это. Кто-то знает, можно ли убрать это размытие? Или хотябы сделать плавный переход с четкого на размытое состояние?
0 votes1 answer -
Помогите найти ошибку в вёрстке
Помогите найти ошибку в вёрстке Не могу понять природу белой полоски под превьюшками. Выяснил только, что картинки без полосок, где-то в вёрстке ошибка. Инспектором в хром найти не могу. вроде это не margin. просмотрел стили - ничего подозрительного применительно к a не нашёл. Возможно это делает js, но врядли. http://sherwood62.ru/photogallery/
0 votes1 answer -
Фотовое избражение во всю ширину экрана
Проблема в том что получаеться разместить изображение по центру, но не могу задать что бы при изменении разрешения она пработала во всю шерину. Задумка такова: - фон картинка имеет исходнок разришение 1600px; - нужно что бы послу 1600px разришения экрана избражение растягиволось во всю ширину. использовал такой вариант: .box { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0; height: 100%; background: url("/images/head.png") no-repeat top center;}
0 votes2 answers -
Ссылки скачут при нажатии
При нажатии ссылки скачут. Что делать? http://codepen.io/anon/pen/mPwyGE
0 votes2 answers -
Что то с валидатором
Оно валидацию не проходит.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> </body> </html>
0 votes2 answers -
Картинки в html5
Нашел статью "Векторные иконки на HTML5 + JS" Там приведен код: paper.path(<код иконки>).attr({fill: "#000", stroke: "none"}); Есть коды различных иконок и js файл с http://raphaeljs.com/ Но в итоге ничего не выходит. По сути нужно в разных местах на странице (в большом количестве) напихать иконок (в основном в таблицу). Помогите пожалуйста. Сам в js не разбираюсь, а html5 в процессе освоения.
0 votes3 answers -
Проблемы Со Скриптом
Ребят, подскажите как сделать так, чтобы со скриптом, который ниже (ставит картинку во весь экран) можно было не одну картинку во весь экран поставить, а несколько, чтобы их можно было просматривать, используя полосу прокрутки. Пробовал через table, frame - безуспешно. С frame делил страницу на 3 столбца, вставлял 3 фотки, еще добавлять картинок не получалось, т.к нет полосы прокрутки. С table-ом почти тоже самое или хуже. Вот сам скрипт:
0 votes1 answer -
Как сделать?
Подскажите пожалуйста, как сделать так что бы сайдбар-линия(которая обведена на рисунке) автоматически меняла свою высоту при добавлении постов?
0 votes3 answers -
IE9 - режим совместимости
Подскажите пожалуйста, как сделать, чтобы при открытии сайта через ИЕ9, режим документов: стандартный ИЕ9, т.к. по-умолчанию он идёт "совместимый"
0 votes1 answer -
Раскрывающийся блок информации/блоки
Есть сайт http://www.esri.com/software/cityengine/common-questions.html - образец. Отдельно раскрывающиеся блоки сделаны http://esri-cis.ru/products/arcview/detail/questions-and-answers/ а чтобы одной кнопкой они все сразу раскрывались - не могу разобраться, как сделать. Подскажите теги пжалста. СИЭСЭС отменяется, т.к. разрабатываемый сайт на базе битрикса, к шаблонным стилям доступа нет. Занимаюсь просто контентом. Кусок кода двух раскрывающихся блоков: <dl class="spoiler disc"><dt><a href="#" ></a><b>Есть ли возможность пройти обучение по работе с ArcGIS Data Reviewer?</b> </dt><dd> <p>Да. Учебный центр Esri пров…
0 votes0 answers -
Выезжает footer
Всем привет, проблема следующая: http://jsfiddle.net/LaYXv/3/ Сайдбар вылезает из main. Вроде все "правильно", не могу понять почему выезжает. Заранее спасибо.
0 votes1 answer -
поправить код
помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'
0 votes2 answers -
Добавление нового элемента (картинку в блоке) в категорию Новости.
Добрый день всем! Вот на сайте: http://online.anidub.com/ на новостях (где картинка постер) есть ещё одна маленькая картинка зелёного цвета. Хочу сделать точно так же и у себя. Я скопировал стили и блок div. Разместил у себя на сайте: http://warcraft3cheats.ru/garena-hack/ только она появляется когда уже заходят в полную новость а мне как рас то нужно наоборот сделать. Код разместил в файле Фулстори.tpl А самое главное нужно сделать: 1. Чтоб картинка размещалась не на всех новостях а на определённых. 2. Ну и чтоб она была только в краткой новости, а в полной исчезала. Вот разметка: <div class="sitk_img"> <img src="{THEME}/images/ok.png" alt="Актуально"> </d…
0 votes3 answers -
I need help
Мне нужна помощь, есть блок с постерами фильмов, сверху есть кнопки отвечающие за вид блока, вопрос в том, какой нужно скрипт для переключения вид Например, чтобы блок с первым видом исчез, а второй появился http://cs425331.vk.me/v425331727/99b5/d_k2XjJRoz0.jpg
0 votes2 answers -
Подскажите по верстке
Здравствуйте. Не могу разобраться с версткой. Что предполагается: Что получается: http://jsfiddle.net/0jkoaz4w/9/ Таблица уехала в какие то дебри ( Подскажите, как правильно сделать.
0 votes1 answer -
Семантическая разметка Schema
Привет, друзья. Решил на сайт внести семантическую разметку Schema.org для организации (название и контакты). Вопрос: нужно ли ее дублировать на каждой странице (в подвале, в моем случае). Спасибо
0 votes1 answer -
Не срабатывает onclick в песочнице
Сабж На серой пимпочке, справа, по вертикали по центру https://jsfiddle.net/zep2ovaL/ Во всех браузерах работает
0 votes1 answer -
Маштабирование макета
Ребят помогите разобраться, не пойму где ошибка,есть макет в котором верхнее меню ведет себя как надо при сужении окна браузера а текстовый блок уезжает за его границы,никак не могу найти ошибку в коде код html <div class="slide-title"> <div class="info"> <h1>our strong <br> organaisation</h1> <span>Lorem ipsum dolor sit amet, consectetur adipis cing elit, sed do eiusmod tempor incididunt ut labore et. ectetur adig ipis cing elit, sed do eiusmod tempor incididunt.</span> <button>Contact us</button> </div> код css .slide-title { display: block; position: relative; max-wid…
0 votes0 answers -
Не получается фон body
Народ, подскажите, пожалуйста! Как задать body фон таким образом, чтобы он отображался по тому же принципу как в изображении? Центральную часть фона body можно отдельно выровнять по центру. Но как сделать так чтобы участки фона справа и слева от центрального бесконечно повторялись? http://f3.s.qip.ru/12K4cQBDa.png
0 votes3 answers -
что такое за правило content:” "; ?
подскажите пожалуйста что делает это правило content:" ";
0 votes4 answers -
Фоматирование текста для разных разрешений
Собственно всё понятно из картинки... Что-то затупил - никак не могу придумать решение. Хотелось бы на чистом css.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-