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
-
Накладывание эффектов при трансформации
Здравствуйте, практикую трансформацию в css, столкнулся с проблемой... Если не трудно, объясните, пожалуйста, следующее: При наведении на блок через transition меняется его цвет, но еще я захотел добавить поверх блока содержимое, текст, появляющийся из ниоткуда, или, например, рамки, но внутренние, внешние же расширяют блок, что немного портит дизайн... Как создать это добавление? Получается, нужно создать текст, сделать его невидимым, а потом, при наведении, сделать видимым?
0 votes0 answers -
Вопрос от новичка по созданию Меню
Доброго времени дня! Я новичек в веб-строительстве и ищу ответы на пару вопросов касательно реализации меню для сайта. Вопрос пока что имеет отношение только к хтмл верстке, тоесть про PHP речь пока не идет. Собственно говоря я понимаю каким образом с помощью CSS списки (<li>) преобразуются в вертикальное и горизонтальное меню, но это просто косметическое преобразование, а каким образом реализуется фнукциональная часть? Проще говоря, разжуйте пожалуйста, каким образом меню появляется на всех страницах? Оно дублируется в каждую, либо есть более простой способ? Поиском пользовался, конкретного ответа не нашел, буду благодарен за адекватный, развернутый ответ. Спасиб…
0 votes9 answers -
@media для ie
Доброго времени суток. Хотелось бы узнать ваше мнение, предложения по поводу @media хаков css для всеми любимого IE. Нашла вот такую статью. http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/ Хотелось бы обсудить минусы и плюсы такого подхода. Очень важно знать мнение того кто использовал. Кто пробовал? Насколько работоспособно и устойчиво? Заранее благодарна за обсуждение
0 votes3 answers -
Резиновое меню из картинок и текста
Здравствуйте! Подскажите, пожалуйста, как красиво реализовать подобное меню? При изменении ширины окна блоки из картинок+текста должны "скользить" по градиентной полоске. Весь день мучаюсь, пытаюсь делать на div'ах, но резиново не выходит. Заранее спасибо!
0 votes6 answers -
Наследование высоты родителя
добрый день читающим)) есть див шириной в 2px залит картинкой внутри дива с текстом, как сделать чтобы первый див наследовал высоту родителя(блока с текстом) и растягивался в зависимости от текста. или подскажите как можно это реализовать?
0 votes2 answers -
Несколько стрелок в tooltip'e
Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…
0 votes2 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 -
Перенос текста в хроме
http://learn.javascript.ru/play/U95WDb - текст в блоке .icon обернут в абзац http://learn.javascript.ru/play/uIbwf - текст без обертки подскажет кто-нибудь, почему в хроме в первом случае текст переносится на следующую строчку, а во всех остальных браузерах окей? и почему без обертки в хроме тоже текст перестает переноситься?
0 votes0 answers -
несколько эффектов одновременно
Возможно ли чтоб при наведении на один блок(допустим на нём эффект появления тени), что вместе с эти эффектом срабатывали еще и другие элементы... ну вот допустим есть шесть квадратов, каждый квадрат это отдельный элемент, наводим на один квадрат и срабатывает эффект только на нём, как сделать что на остальных пяти тоже срабатывал эффект при наведении только на один из них...
0 votes3 answers -
Проблема с Colorbox
Помогите пожалуйста. Не могу понять как этот плагин можно научить масштабировать фрейм в зависимости от содержимого страницы. Скажем одна страница у меня имеет размер 1000px на 700, другая раза в два короче по высоте так вот, после перехода в фрейме из первой страницы во вторую, фрейм не меняет свой размер. Страницу №2 подгружает полностью, а внизу оставляет просто белое место
0 votes0 answers -
Opera 12.10 Не поддерживает radial-gradient
Будьте аккуратны, дамы и господа. Сегодня обновил Opera до 12.10 и с ужасом обнаружил, что она не поддерживает radial-gradient, хотя везде прописаны фиксы Кто хорошо знает английский? Напишите пжт в поддержку Оперы. Никак не пойму что от меня требует их форма.
0 votes12 answers -
Фоновая музыка при открытии страницы
Здравствуйте, подскажите пожалуйста код чтобы при открытии страницы звучала музыка (15 секундный повторяющийся mp3). Тэг: <bgsound> во многих браузерах не работает. Не сочтите за дурной тон, просто сайт еще не открыт, а это что-то вроде рекламы.
0 votes3 answers -
проблемы с :hover
Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?
0 votes5 answers -
Уже замучался, помогите.
Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)
0 votes6 answers -
Горизонтальное меню
Доброе время суток. Помогите плз со следующей проблемой: Я создаю горизонтальное меню через список. Высоту меню указываю в ul используя height:40px; И уменя получается ровное меню высотой в 40 пикселей. И все вродибы нечего если бы не одно но, мне нужно что бы один из пунктов меню был скажем 20px высотой, а все остальные остальсь 40px. Как это можно реализовать?
0 votes5 answers -
Использование тега <nav>.
Прибудьте во здравии! "Мастер глупых вопросов" снова в эфире. Подскажите, пожалуйста, правильно ли я понимаю: Тег <nav> просто тыкает носом браузер и гуглоботов в то, что тут, внутри, важная/основная (по мнению… кого, кстати?) для всего сайта менюшка навигации. И ему (тегу) без разницы что там – хоть <menu> с <command>, хоть списки, хоть просто <a>? При этом, сам <nav> можно закинуть еще в другие "секционные элементы" типа <article> или <aside>, а вот внутрь <nav> уже можно помещать только "привычные" элементы (вроде этого же <menu>, а также <div>, <a>, <h…>(?)) без дополнительных семантических излише…
0 votes0 answers -
Резиновая верстка, позиционирование, вопрос
Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>
0 votes5 answers -
Фон для текста
Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …
0 votes6 answers -
Проблема переноса блоков <div>
Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас дом…
0 votes3 answers -
Не работают стили во всех браузерах кроме Chrome
Здравствуйте. Столкнулся со странной проблемой: ни в одном браузере кроме Chrome не работают стили. Проверял в IE8, IE9, Opera, Firefox. Версии браузеров - последние стабильные на сегодняшний день. Пути пробовал указывать и абсолютные и относительные: "css/changeGoods.css", "http://192.168.204.83/pos/css/changeGoods.css" и даже так "Z:\home\192.168.204.83\www\POS\css\changeGoods.css" (но так даже в Хроме не работают). html-страничка лежит в каталоге http://192.168.204.83/pos/, css в http://192.168.204.83/pos/css/. Помогите разобраться с данной проблемой. Прилагаю код странички и код css. html: css: PS: На кривой код и несоответствие стандартам не смотрите если это напря…
0 votes4 answers -
Картинка выходит с блока , если float:left
Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?
0 votes1 answer -
аналог box-shadow
Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?
0 votes1 answer -
Непонятное смещение текста
Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…
0 votes3 answers -
Ошибки в работе сайта
Здравствуйте уважаемые форумчане. Подскажите пожалуйста, создал небольшой сайт, в него впихнул всплывающее окно посредством Fancybox. Собственно в современных браузерах проверил. Нашел как минимум 3 ошибки. 1) Всплывающее окно в Chrome заполняется не по содержимому контента а до конца окна браузера. Во всех остальных - нормально. Для теста взял только алтайский край. Ссылка там 2) В Firefox надпись с названием уплывает вверх, но тут собственно, наверное можно что-то придумать с префиксом. 3) При наведении мышки на регион подсвеченный желтым возникает подсказка, первые две колонки отображают подсказку нормально, а вот последняя жестоко сносит ее влево. Файлы прилагаю. Соо…
0 votes0 answers -
Помогите с font-face
Всем привет. Помогите плз, час уже бьюсь, нечего не понимаю. Нужно подключить к сайту нестандартный шрифт, bankgothic russ medium назвается. Обычно для генерации font-face пользуюсь ресурсом http://www.fontsquirrel.com/fontface/generator, и до настоящего времени он меня не подводил. Но сейчас происходит какая-то ерунда: скачиваю ttf файл шрифта, кириллицу он поддерживает, но при прогоне через вышеуказанный сервис все русские буквы меняются на квадраты Может есть другой подобный сервис, или с этим кто поможет разобраться, был бы очень признателен! Сам шрифт выложить куда-то нет возможности, но он легко ищется гуглом. Очень надеюсь на помощь!
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-