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
-
Анимация на css3
Всем привет! Имеется вот такое вот меню. Хотелось бы сделать плавное наполнение заднего фона пунктов меню при наведении, но так, как задний фон сделан из "спрайта" выглядит фигово. Можно ли как-то сделать красивое, плавное наполнение (насыщение). http://jsfiddle.net/eW3YR/1/
0 votes6 answers -
Несколько tooltip на одной странице. Как реализовать на чистом JavaScript
Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!
0 votes6 answers -
Проблема с позиционирование с свойством "text-align"
Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?
0 votes7 answers -
Вложенные стили
Всех приветствую. У меня есть примерно такая конструкция. <div class="article"> <h2><a href="#" title="Ссылка заголовка">Заголовок</a></h2> Текст текст текст текст текст текст текст текст <a href="#" title="Ссылка 1"> <a href="#" title="Ссылка 2"> <a href="#" title="Ссылка 3"> <a href="#" title="Ссылка 4"> </div> Стили для ссылок 1, 2, 3, 4 уже заданы. Стиль заголовка тоже задан: .article h2 {...} Как мне задать отдельные настройки для ссылки заголовка? Конструкция .article h2 a:hover {...} не срабатывает. Прошу помочь. Спасибо.
0 votes4 answers -
Помогите с <div> очень горит.
Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z-index</title> <style type="text/css"> #layer1, #layer2 { po…
0 votes3 answers -
Нестандартное меню - как верстать ?
Всем добрый день. Дизайнер надизайнил такое вот интересное меню (см. картинку) с наклонными разделителями...такого делать еще не приходилось. Гугл ничего толкового не подсказал. Кто может подсказать оптимальное решение ? Заранее спасибо
0 votes6 answers -
Помогите отредактировать шаблон
Помогите настроить шаблон. Пытаюсь поправить шаблон под себе, но не могу разобраться в позиционировании. Код index <!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> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="author" content="Luka Cvrk (www.solucija.com)" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <title>minimalistica</title> </head> <body> <div id="content"> <h1>minimalistica</h1> <ul id="menu"> <li>&…
0 votes14 answers -
В чем проблема?
Я решился создать сайт с другом , я пишу код а от него веб дизайн. Выучил за полтора месяца html и css и вроде вначале всё было нормально(у меня стояла Windows XP). У друга смотрелось тоже всё отлично. Но потом у меня комп полетел , и пришлось купить новый процессор и я установил WINDOWS 7 , в тот же день друг опять проверил , у него было всё чотко. Когда он мне передал мой сайт , я открываю и получается шняга. Мне кажется что из-за винды 7 у меня стало что то не так , ибо я чего то незнаю. вот скринчегг после открывания :
0 votes14 answers -
Вставка кнопки поверх изображения.
Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо
0 votes1 answer -
Длинное название работы в элементе галлереи.
Здравствуйте. Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая? Код элемента галлереи: <style> div.gallery_detail_item {float: left; margin-right: 10px; height: 250px;} div.gallery_detail_works img {height: 150px;} div.gallery_detail_item_name {} div.gallery_detail_item_autor {}</style><div class="gallery_detail_item"> <a href=""> <img src="imgUrl"> </a> <div class="gallery_detail_item_name"> Работа с ну совсем уж очень длинным названием </div> <div class="gallery_detail_item_autor"> <a href="">Денис…
0 votes6 answers -
Почему не работает наследственность в css
Привет! Дорогие коллеги, помогите, пожалуйста, новичку Есть код: <html lang="ru"> <head> <meta charset="UTF-8"> <title>Каждому мамонту — по лыжне!</title> <link rel="stylesheet" href="exmp.css"> </head> <body> <h1>Пишется?</h1> <p> <div class="class"> <div class="class2"> <span class="class3"> <s>Надпись!</s> </span> </div> </div> </p> <h2>Как-то так</h2> </body> </html> …
0 votes2 answers -
Помогите с отображением таблицы
Добрый день. Оч. нужен совет... Нижеследующая таблица хорошо отображается везде кроме долбаного ie! Как добиться того, чтобы и в нем все было 'ок'? Дело в том, что я могу изменять все, что связано с контентом, сами элементы таблицы (td, table, th и т.д.) добавляются программно с передающимся контентом... Таблица: <div class="shopbooks-form"> <table> <thead><tr><th>Автор</th><th>Название</th><th>Год издания</th><th></th> </tr></thead> <tbody> <tr class="odd"><td> <input type="text" maxlength="255" name="filter0" size="50" id="edit-filter0" value="" class="fo…
0 votes3 answers -
ff 3.5.1 в ul остается маркер после указания list-style-type: none;
Делаю меню для сайта. Ставлю list-style-type: none; float: left; везде все хорошо, а в ff 3.5.1 остаются маркеры. html <ul class="navigation"> <li>Главная</li> <li>Программа</li> <li>Услуги</li> <li>Клиенты</li> <li>Контакты</li> </ul> css #header .navigation { float: left; width: 1004px; color: #787878; padding: 0; margin: 0; } #header .navigation ul { list-style-type: none; padding: 0; margin: 0; } #header .navigation li { float: left; margin: 0; padding: 0; } У кого ещё такие проблемы были? Как решать? Нашел проблему. Если указываешь #header .navigation ul, то Ope…
0 votes4 answers -
Вне блока
Здравствуйте. Извините, что отвлекаю. У меня есть блок div,в котором прописаны свойства рамки. В нём я вставил текст, который мне нужен. Теперь собираюсь вставить ссылку, в этом же блоке, но надо, чтобы в браузере она была за рамкой. Что прописать в классе не знаю. Обтекание? hidden, как правильно написать не знаю.
0 votes5 answers -
два фиксированых фона
Добрый вечер перешёл на css совсем недавно, раньше верстал табличками. Понадобилось сделать страничку с двумя фонами, идея в том что первый фон остаётся неизменным, а второй будет меняться в зависимости от контента. Фаерфокс и опера отображают шикарно (правда при проверке на браузершотс фф3.5 тоже себя неадекватно повёл, но я склонен думать что это глюки браузершотс он просто не дал до конца загрузиться странице) а вот с эксплорером возникли проблемы. 7 и 8 версии не отображают контента 6 отображает но он съехал на один скрин плюс нет прозрачности в пнг но это отдельный вопрос. вот код: <html> <head> <title>шаблончег</title> <style> body { …
0 votes17 answers -
Пожалуйста помогитес резиновой вёрсткой!
Здравствуйте! Вот тут сайт: http://webstroy.ksn.ru/example/ Проблема как всегда с IE 6-7. Проблема с горизонтальным меню. Надо чтобы оно было резиновым, с равными отступами и по центру. Но при сужении, всё сбивается. Пробовал варианты с expression , но не помогло. Также попробовал задать для #selMenu ul ширину в 1000px , но при сужении, справа появляется щель (почему кстати...?) В общем, очень нужна ваша помощь! Благодарю всех кто откликнется!
0 votes15 answers -
Резиновый header
Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…
0 votes6 answers -
как прилинковать файл js ?
здравствуйте. подскажите, пожалуйста, как правильно прилинковать файл js (если он будет находиться с отдельной папке) к файлу html ? вот так линкую css : <link rel="stylesheet" href="css/1_text.css" type="text/css"> а для файлов js эта строчка как должна быть написана? спасибо.
0 votes4 answers -
Не работает vertical-align
Здравствуйте! Столкнулся с такой проблемой: vertical-align отказывается работать - при установке значения "middle" выравнивает по верхнему краю, не могу понять почему... Возможно, сталкивался кто-то? HTML: <div id="menu"> <a title="Главная страница" href="http://www.torawhite.ru/" target="_self" id="home"></a> <a href="#" target="_self" id="magazine">ЖУРНАЛ</a> <a href="#" target="_self" id="market">МАРКЕТ</a> <a href="#" target="_self" id="more">ЕЩЕ</a> </div> CSS: #menu { position: absolute; height: 30px; width: 268px; bottom: 5px; left: 0px; } #men…
0 votes4 answers -
Автоматической расширение div
Подскажите пожалуйста, как сделать, что бы при добавлении новых блоков в блок родитель, высота его так же менялась!? По ссылке сайт, там есть wrapper, и при добавлении новых блоков, почему то сверху и снизу в первом и последнем блоке нету отступа!? http://rghost.ru/8dnbK6TYB
0 votes7 answers -
Динамическое изменение индикации, через соседние селекторы.
Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо. PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?
0 votes4 answers -
Проблема со свойством overflow - в IE+Opera идет, в Firefox - нет
Добрый день. Такой вопрос: есть страничка (сильно упрощенный код ниже), поделена на три больших . Середина должна скролиться, если сожержимое уходит ниже. Проблема в том, что в Internet Explorer и Opera работает, а в Firefox нет. Поиск по форуму дал много результатов, но именно зависимость от браузера - такого не нашел. Модет кто поможет идеей? Спасибо. Код: ............ <table width="100%" cellspacing="0" cellpadding="0" summary="" style="height: 100%;"> <tbody> .......... <tr> <td width="14%" style="vertical-align: top; background-color: rgb(228, 250, 255);"> МЕНЮ </td> <!-- эта часть не скролится в firefox --> <td w…
0 votes1 answer -
В Opera пропал звук на страницах
Искал по всему инету, не нашёл - может, тут кто знает... Слетела винда XP. Поставил всё заново. Всё заработало как обычно, кроме одной неприятности: в Опере пропал звук. T.е. SWF/FLV играют со звуком, и MIDI тоже играет - не играют только фоновые mp3, внедрённые на страницы через EMBED. Все нужные галочки в настройках Оперы включены. А в IE всё играет.
0 votes1 answer -
Отступ в FireFox
* { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????
0 votes4 answers -
Автоматический перенос строк
Есть проблема с добавлением текста на свой сайт он игнорирует перенос строк и отображает текст кучкой самому раставлять теги <бр> долго. есть какоенибудь решение моей проблемы?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-