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
29542 questions in this forum
-
Цепочка рисунков
Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?
0 votes6 answers -
Проблемы с IE div верстка
Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…
0 votes2 answers -
CSS + Drupal
Ребята, добрый день. Столкнулся с элементарным вопросом. Делаю сайт на Друпале, столкнулся с проблемой, не могу блоку присвоить id и разместить его так как мне этого хочется. В html создал id="map", разместил там картинку "карта сайта", и описал id в css: #map { margin-left:113px; position:absolute; } Вот что дает Фаерберд; <div class="map"> <div class="clear-block block block-block " id="block-block-19"> <div class="content"><p><a href="/sitemap"><img height="14" width="19" src="/sites/default/files/map_my.gif" alt=""></a></p> </div> </div> </div> Понимаю у меня проблема с вложенными элементами? Как пра…
0 votes4 answers -
Выравнивание строк в списках
Добрый день. Есть нумерованный список, некоторые элементы списка в 2 строки не помещаются. Что сейчас есть 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст А нужно 1. Текст Текст Текст Текст Текст Текст Текст Текст Текст 2. Текст Текст Текст Текст Текст Текст Текст Текст Текст Это получается сделать таким кодом, но почему-то в IE8 строки расползаются в стороны. (В остальных браузерах нормально) .sidebar_items { list-style-position:inside; padding:0px 10px 0px 10px; margin:0px; } .sidebar_items li { text-indent:-25px; padding:10px 0px 10px 30px; color:#818181; border-bottom…
0 votes5 answers -
Background - при 800х600
Доброго всем. Есть проблема, встречала неоднократно, решения пока не нашла. тестовая верстка здесь Если открыть сайт при разрешении 800х600, появляется полоса прокрутки, т к макет верстается на 1000 по ширине. При прокрутке сайта вправо фон в футере там, где не виден сразу, не отображается. Задавала ширину футера и width:100% и min-width:100% - никакой разницы. С этим можно как-то бороться или нет?((
0 votes6 answers -
Две разных страницы сайта в одну тему для WordPress
Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!
0 votes3 answers -
Подскажите с js
Сделал подсказку с помощью css вот структура <p class="tt"> <span class="tooltip"> <span class="top"> </span> <span class="middle"> Тут текст всплывающей подсказки <a href="#">Ссылка</a> <input type="button" value="Закрыть" onclick="window.close(".tt")"> </span> <span class="bottom"> </span> </span> </p> как сделать чтобы по клику на кнопку закрыть она закрывалась? кнопку с событием онклик вставил а дальше как незнаю
0 votes8 answers -
Лучшие цвета для восприятия текстовой информации
Сейчас верстка завершена на 90%. Более или менее подобраны цвета, однако от некоторых людей слышал, что оформление Г и надо переделывать. Я с этим не согласен т.к. оппоненты не смогли даже пример сайта показать где, по их мнению, оформление хорошее. Я долго искал материалы по теории подбора цветов на сайт, так чтобы обеспечить максимальную легкость воспринимаемой информации и при этом, чтобы сам дизайн был приятным. Вот так выглядит сайт сейчас http://linexp.ru Ради интереса я решил сделать все в темных тонах. Вот что получилось http://postimage.org/image/jma2d8qix/full/ Мне нужна любая критика/предложения по тому как можно улучшить цветовое оформление, для более легкого …
0 votes0 answers -
инпут разной ширины в хроме и мозиле
есть инпут с классом pressure_date у него такие стили { border: 1px solid #AAAAAA; background: url(/img/input_shadow.jpg) top repeat-x; height: 30px; color: #999; text-align: center; font-style: italic; width: 75px; } почему в мозиле, визуально этот блок нормально выглядит (по ширине) как мне нужно, а в хроме чтоб он выглядел как мне нужно, емц нужно поставить ширину 79px. То есть хром показывает на 4px меньше?
0 votes4 answers -
Меню из квадратных элементов
Пытаюсь сверстать меню из квадратных кнопок. Задача в том, чтобы они пропорционально уменьшались при уменьшении экрана и если им не хватает места, то переходили на следующую строку. Вот ссылка на то, что я намудрил http://jsfiddle.net/RSW45/ Однако почему-то меню получается не квадратное, а прямоугольное. И можно ли убрать отступы справа и снизу или нало использовать float:left? Правда во втором случае будет проблема как сделать, чтобы меню было всегда поцентру.
0 votes11 answers -
Уезжает правый блок меню
Доброго времени суток. Есть css меню, из ряда разделов, последний - форма поиска. При маштабировании (уменьшении масштаба) блок с формой поиска уезжает. Старница с проблемой: http://www.kino.sumy.ua/ , ширина страницы 1024px. Скриншот №1, без масштабирования Скринфот №2, тоже меню при масшатабировании.
0 votes1 answer -
Говорят вылазит граница на картинке
http://awesomescreenshot.com/0a42tqoy05 Вот так, а это обычная картинка. У себя не наблюдаю подобного бага, даже при разных масштабах, но в хроме другие люди под мак осью и виндой наблюдают. http://html2css.ru/travel4/
0 votes7 answers -
Как реализовать это
Всем привет, столкнулся с проблемой, может кто подскажет как реализовать В общем есть 2 блока, 2 блок будет интерактивная карта, и я не пойму как решить, позицианирование подошло, бы если оба фона шли изображением, может кто встречался с таким костылем? или вообще ссылка есть на подобное?
0 votes10 answers -
Сдвиг градиента
http://codepen.io/anon/pen/mJgxLZ Доброго времени суток. Никак не могу понять, почему съезжает градиент в правом нижнем углу, Margin'ов и padding'ов нет, других идей о причине этого нет. Объясните пожалуйста. И каким образом сдвинуть текст выше этого градиента ниже? Опять же на маржин не реагирует по неизвестным мне причинам. Если вопросы глупые, прошу прощения, но уже не знаю, что и придумать.
0 votes3 answers -
Очень крутое слайдшоу
Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru
0 votes2 answers -
требуется наставник по верстке и CSS
Доброе время суток, требуется наставник для обучения вёрстке и CSS для начала, лично мой уровень чуть выше начального
0 votes8 answers -
При объединении gulpом css файлов, заменяет ссылки на border-image
Добрый день, подскажите. до объединения css файл: shapka { border-image-source: url(img/shapka.png); } и после: shapka { border-image-source: url("../../../../src/css/img/shapka.png"); } как получить такой путь? shapka { border-image-source: url("../../src/css/img/shapka.png"); } или сделать чтобы ссылку не трогал при объединении? gulpfile.js
0 votes1 answer -
радиобаттоны
Всем доброго дня. Друзья подскажите мне пожалйста. есть сайт лэйндинг. в index.php есть много веб форм. в них прописано много кнопок radio. мне надо с них взять данные и чтобы фаил отвечающий за обратную форму отправка на почту прислал мне их. помогите пожалуйста. прилагаю два фаила в одном полно баттонов и чекбоксов. второй отвечает за отправку(aplication) index.php application.php
0 votes2 answers -
Как изменить размер картинки в HTML
Всем привет! Не знаю, пишу я там, где нужно, или нет. Но у меня есть проблемка: не меняются размеры картинки посредством html. Все работает, картинка отображается в браузере. Но ее размер не меняется. Вот код^ _________________________________________________________________________________ <!doctyp html> <html> <head> <title>Арбитражная работа</title> <meta charset="utm8"> </head> <h1>Арбитражная работа</h1> <br> <a href="../front page.html">Главная</a> <a href="blog.html">Блог</a> <a href…
0 votes2 answers -
Отображение кода в разных местах на разных разрешениях
Всем доброго времени суток! Возникла задача отображать код в разных местах на разных разрешениях. Прилагаю картинку, там все наглядно обрисовал 1) Есть есть 3 блока которым нужно назначить порядочность отображения 2) 2 первых блока, которые расположены слева заключены в свой див 3) Далее они обтекаются третьим блоком, который должен идти справа от них 4) (Блок 2) при разрешении меньше 480px, должен сместиться под блок 3 5) Решения с применением "display: none" и другими приемами скрытия не подходят. Нужно, чтобы код отображался “или там” “или там” 6) Можно и визуально блоки переставить, главное чтобы контент в исходном коде не дублировался. Р…
0 votes2 answers -
Проблема с центрированием
На странице только картинка размером 1920х1200 рх, нужно что-бы по высоте отображалась на 100% а по ширине - по центру браузеров
0 votes3 answers -
Вопрос про стиль!
Здрасте! Скажите пожалуйста как можно засунуть тот дизайн сайта который был сделан в Photoshope на Html???
0 votes3 answers -
div-ы
итак. ситуация такова. у меня есть на странице таблица. <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr valign="top"> <td width="180"> <table cellpadding="4" cellspacing="2" border="0" width="180"> <tr> <td id="to_main" class="td_menu" onClick="java script:display_page('main')" onMouseOver="java script:change_fon_on('to_main')" onMouseOut="java script:change_fon_off('to_main')"> ... </td> </tr> <tr> <td id="to_clinika" class="td_menu" onClick="java script:display_page('clinika')" onMouseOver="java script:change_fon_on('to_clinika')" onMouseOut="java script:change_fon_off('to_cli…
0 votes0 answers -
Нестандартная задача :huh:
Всем привет! По сути дела: Есть "шапка", сразу под шапкой располагается меню. Рисунок в шапке задан через background, и имеет высоту "с запасом", так что его нижняя часть прячется под дивом #menu. Вот, собственно говоря, сам макет: К пунктам меню (li) применяется псевдокласс hover с белым бэкраундом. Каким образом можно сделать так, что бы при наведении курсора на пункт меню, вместо белого бэкграунда просматривалась бы скрытая часть хэдэра (облака). Пытался решить это задачу через opacity, но зашёл в тупик - к чему её применять? Вот соответствующие фрагменты CSS: #header { background: url(images/layer1.gif) #455A79; height: 116px; padding: 15px 0px 0px 0px; } ...…
0 votes9 answers -
Проблема с background
Вот мой пример: http://persten.programist.ru/9/index.html Помогите пожалуйста решить проблемы с фоном для правого столбца В IE6 отображается фон колонны справа и слева нормально, а в остальных браузерах колонна справа отображается только на величину высоты левой колонки. Как исправить чтобы заработало. И еще вопрос про позиционирование фона: как можно поместить фон справа на 40px от правого края окна.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-