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
-
Несколько заковырок с сайтом
Работаю над одним проектом: Розма Есть несколько мелочей, которые не могу решить. 1. Два бирюзовых блока в хедере "прикрывают" фон, который просачивается в связи с тем, что сам хедер по ширине 80%. При ресайзе окна правый бирюзовый блок создает разрыв между правой границей браузера и телом сайта. Подскажите, как решить этот трабл. 2.Зеленая плашка, выделяющая выбранный русский язык сайта вписана как фон под элемент списка "Рус" только благодаря падингам "на глаз". Это вызывает различные баги в IE, Opera. Chrome вроде нормально реагирует и масштабирует. 3.Пункт меню "всегда на связи" должен быть оформлен как показано на рисунке красной плашкой Как лучше это сделать?
0 votes5 answers -
Скрыть контент от поисковика
Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо
0 votes3 answers -
Проблемы с IE 8
Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…
0 votes4 answers -
Меню вкладками
Здравствуйте. Необходимо сверстать простейшее меню с вкладками. Например, с двумя. Содержимое вкладок - снизу. Нет ни какой проблемы в том чтобы реализовать такое меню как вариант выпадающего меню, но оно "не работает" так как надо. 1) одна из вкладок должна быть открыта по умолчанию. 2) вкладка активируется щелчком мыши и остается активной, до щелчка на следующей вкладке. В общем все стандартно Графических изысков не требуется.
0 votes3 answers -
maybe i see you tonight)
на главной странице шапка сайта оформлена так: (с картинкой!) .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center} перехожу на другую страницу, картинки в шапке нет! Что делать?? код тот же .header {height:60px; background-color:#717dc9; background-image: url(images/header.jpg); padding:20px; text-align:center}
0 votes4 answers -
Wordpress и навигация
Кто подскажет какие есть варианты, что бы организовать такое меню на wordpress ? Нашел один не плохой вариант http://wpmegamenu.com/
0 votes0 answers -
Как сделать видео конференцию на сайте?
Какие теги надо использовать для создания видео конференции?
0 votes3 answers -
Увелечение размера блока товара при hover
Всем привет! Ломаю голову как можно сверстать страницу товаров интернет магазина на котором при наведении на блок товара, размер блока увеличиваеться по 20px по краям(составляя 40 пикселов). Более конкретно: Сам блок с размером 163px. С помощью inline-block выстроен в ряд. Естественно при изменении размера, нарушаеться сетка. Дорогие друзья, что можно делать в этом конкретном случае чтобы сетка не нарушалась?
0 votes5 answers -
Видео по размеру блока
Коллеги привет! Передо мною встала проблема. Есть два блока шириной 50% от окна браузера. В каждом блоке видео, то есть получается экран разделен на 2 части. Это у меня получилось сделать, но теперь я не могу добиться адаптивности этого видео. Чтобы при любом разрешении оно подстраивалось под окно браузера. Подскажите, а то все затормозилось(
0 votes4 answers -
В чём разница селекторов
В общем достаточно странная вещь происходит. Элемент с классом .bx-pager на странице ОДИН ЕДИНСТВЕННЫЙ. А результат во всех трёх случаях разный. Объясните пожалуйста новичку в чём разница. #slider .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } #slider.bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } .bx-pager{ bottom: 10px; right: 0px; width: 124px; height: 53px; padding-top: 0 !important; margin: 0 !important; } Собственно вот этот http://bxslider.com/ на всякий случай.
0 votes4 answers -
Помогите расположить скрипты в горизонтальном положении на странице
Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…
0 votes5 answers -
attr в background
Можно ли использовать attr в background? Вот так не работает... background: url(i/attr(data-site).png) left top no-repeat;
0 votes4 answers -
Нужен ли Sass
Здравствуйте, изучил технику SASS, всё удобно и разные библиотеки радуют но, стоит ли всегда работать только с этой техникой? заглядывая лишь изредка в исходный .css
0 votes3 answers -
Вращабщиеся блоки
Добрый день! Хотелось бы получить пояснение о принципе работы механизма с "вращающимися блоками". А именно-к примеру, есть страница-приветствия, а в ней блок с аватаркой и кнопкой входа, нажав на которую весь блок визуально прокручивается вокруг своей оси. И появляется на месте блока с приветствием блок с формой входа. Надеюсь, что пример доступный и я буду понят... хотелось бы понять о принципе работы: как происходит подмена одного блока на другой, это реализовывается только на css с помощью преобразований и переходов/анимации или тут уже нужен JavaScript?
0 votes3 answers -
Шаблон для документации
Хотел слизать со странички проекта YardT2 код под локальное использование для документации, но прописав абсолютные ссылки к стилям и скриптам заметил, что элементы LIST, TOC и прочие не подгружаются. Может, в яваскриптах остались относительные ссылки, но я их не нахожу... В чем еще может быть загвоздка? Пример странички Её код на JSFiddle
0 votes0 answers -
Несколько изображений на одном месте
Подскажите как сделать "наложение" одного изображения на другое. При чем наложени(как слоев)не мало. Есть(в черчежах) "слой" задний., средний(он как раз статичен) и внешних окола 4. Для чего все это? для бра.. и так все слои с самого последнего(ну первое в списке будет закрыватся последним в списке): Слой."волосы1" Слой."основа" Слой."волосы2" Слой."глаза" Слой."лицо" Слой."эмоция" Слой."одежда" Слой."брюки,шорты" Слой."носки" Слой."обувь" Слой."верххняя одежда" Слой."перчатки" Слой."аксесуары" наверное уже догадались для чего.
0 votes2 answers -
Замечание пользователю.
Я здесь новичок, поэтому постараюсь задать вопрос как можно более корректно. Итак, есть форум с темами, сообщениями, и т.п. Нужна возможность выдачи замечания пользователю, а точнее ее визуализация. То есть модератор кликает на кнопку под постом, вписывает причину замечания и под постом юзера появляется надпись наподобие такой, причем сообщение можно редактировать, но замечание не должно от этого зависеть. Форум на движке ucoz, поэтому ни php ни sql использовать не могу. У меня получилось нечто вроде этого, но тут отпадает возможность редактировать псто пользователем и тогда пользователь сам может выдать себе замечание если знает тег, хотя это всего лишь надпись, все рав…
0 votes2 answers -
футтер поднялся.
Добрый вечер дорогие форум чане. =) Сегодня у меня возникла такая проблема. Вставил в сайт галерею, и получилось большое расстояние внизу.После просмотра фото. Пример вы можете посмотреть здесь. Проблема пропадает после вырезки куска когда вот он. <script type="text/javascript"> var box = {}; window.addEvent('domready', function(){ box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true}); }); </script> Но без него галерея работать не будет, в чем может быть причина?
0 votes1 answer -
стилизация глубоко вложенного тега через внешний класс
Здравствуйте! Я новичек в деле CSS, наткнулся на такую задачку: есть страница, фрагмент которой представлен ниже. нужно написать правило для задания параметров тега с классом v-button-caption, но, унакальное имя у меня у всего этого это v-first. как мне через него пройти до низов и достучаться до цели? как правильно записать? <form class="v-first" target="PID84_TGT_FRAME" action="http://localhost:8080/vt/APP/UPLOAD/PID84/action/1f13badc-1ba8-4b64-9148-8939e0ea0ee3" method="post" enctype="multipart/form-data"> <div> <input type="hidden"> <input type="file" name="PID84_file" class="gwt-FileUpload"> <div class="v-button"> …
0 votes1 answer -
Нужна помощ
Привет всем! Подскажите плз как сделать чтобы при добовлении новой новости, главная не опускалась в низ... К примеру: Есть новость под названием "Правило добовления новостей" Тоесть мне нужно сделать чтобы оно всегда сверху было
0 votes2 answers -
блоки внутри таблиц
У нас верстальщик в компании делает на сайте одну большую таблицу а в ячейках уже например идут блоки - например блок для меню, блок подвал и т.д. Скажите есть ли смысл заморачиваться там с блоками - ведь большая таблица убирает их преимуещства. Ведь у таблицы надо ждать закрывающийся table
0 votes3 answers -
Вопрос по спойлеру
Можно ли сделать спойлер c помощью маркированного списока
0 votes2 answers -
Кнопки "В контакте", "Facebook" и тд.
Подскажите, как установить кнопки на сайт?
0 votes4 answers -
Как установить перекрытие фонового изображения?
Здравствуйте. Здесь на сайте в футере использовал траву с repeat-x. В итоге она смотрится отдельными кустиками. Как можно пустить ее с наложением конца одного изображения на другое? Благодарю.
0 votes3 answers -
margin-top производит не тот еффект, который должен
Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-