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 и display:none - проблема с появлением списка <ul></ul>
Здравствуйте! Задача: При наведении курсора мыши на <li>Галерея</li> должен появляться список <ul></ul> c подменюшками. После того как курсор убран с <li>Галерея</li> список <ul></ul> снова исчезает. Загвоздка: При установке в CSS параметра display:none скрипт отказывается работать, когда устанавливаю параметр display: ' ' , то скрипт работает. Будьте добры, подскажите в чем может быть проблема? Вот код: <html> <head> <title></title> <style> ul.menu ul { display:none; } </style> </head> <body> <ul id="menu" class="menu"> <li><a href="#">…
0 votes3 answers -
небольшой вопрос про свойство left.
Привет всем,столкнулся с такой проблемой.. Вот сам код <div style="background-image: url('66-1024.jpg'); background-repeat:no-repeat;background-position:50% 0%; width:auto; height:700px;"> <div style="margin-right:0;position:relative; left:340px;color:red;font-size:29px;">text</div> </div> устанавливаю свойство left для текста и получается так,что справа создается поле.Вот как его можно убрать? вот скрин Моя ссылка
0 votes4 answers -
Адаптивные блоки
Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …
0 votes2 answers -
Не отображает link css style
как сделать, чтобы после нажатия на кнопку менялся цвет css - точнее, кнопка оставалась нажатой, пока не закроешь окно, а то цвет кнопки и контур меняться только при наведении курсора и все a:link { color: #c00 } /* unvisited links */a:visited { color: #0c0 } /* visited links */a:hover { color: #00c } /* user hovers */a:active { color: #ccc } /* active links */ - просто вписать link не дает результата Нужна помощь в доработке кода
0 votes2 answers -
Странная проблема...
У меня такая проблема. Я вхожу на сайт как "гость" и все впорядке, видно дизайн, иконки, разделы и т.д. Но! Я регистрируюсь, вхожу под своим профилем и все пропадает кроме шапки... Все разделы. Если выйти из своего профиля то опять все появляеться. Пробовал регистрироваться под дугим именем и с другова браузера, все тоже самое. Помогите пожалуйста, что делать?
0 votes6 answers -
Background changer
У меня такая проблема. Хочу сделать так, чтобы при переходе по разделам менялся фоновый рисунок, тойсть задать отдельное фоновое изображение для каждого раздела на сайте. Как это реализовать? Зарание благодарен!
0 votes3 answers -
Кнопка для печати
Как сделать кнопку именно с изображением для печати страницы?
0 votes5 answers -
Проблема с таблицей в IE
Вот в чём суть. Есть таблица из 5-ти колонок. 1-я, 3-я и 5-я имеют неизменяемую ширину и фоном у них целые изображения, а вот 2-я и 4-я - увеличиваются по мере увеличения разрешения экрана и фоном у них узкая вертикальная полоса, повторяющаяся по Х. В firefox работает всё правильно, а вот в IE 2-я и 4-я колонки так и остаются пустыми. В чём проблема? Как решить? p.s. и ещё, когда ставлю отображение рамок в таблице, то и в ИЕ правильно работает
0 votes7 answers -
Как выяснить код символа?
В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…
0 votes4 answers -
HTML5
Не нашел старой темы,решил создать новую и посоветоваться с вами,поделитесь мыслями,как быть в такой ситуации: <a class="main_item" title="blabla" href="blabla"> <h2 class="listing">BlaBla</h2> <span class="wrap_productImg"> <img class="productImg" width="198" height="89" alt="blabla" src="images/small/2.jpg"> </span> <div class="wrap_price_main"> <span class="priceBlock"> 1111 <span class="rub">руб.</span> </span> </div> </a> правильным ли будет такой вариант: <section> <article> <a class="main_item" title="blabla" href="blabla"> <header> …
0 votes7 answers -
Как сделать выбор услуги?
Добрый день. У меня есть 3 услуги, для которых надо сделать "preview", с ссылкой на подробный материал об этом. Сначала хотел сделать в виде слайдера изображений, но потом понравилась такая реализация (даже не знаю как это называется): Подскажите, как это можно реализовать? С помощью div-ов или таблиц? А то в Photoshop-е я может и нарисую, а как все это в HTML код превратить - понятия не имею. Надеюсь подскажите.
0 votes14 answers -
Письма с mail.r, list.ru... не приходят, новые правила?!
Всем доброго дня! Может кто уже встречался с такой проблемой, майл.ру ввел новые стандарты антиспама, в связи с чем, письма созданные на сайте в форме обратной связи не приходят даже в папку СПАМ! Приходится заходит на сервер в спец. почтовый ящик. Как-то можно исправить в самой форме теги или еще что? Буду благодарен за помощь! Ссылка на страничку с формой.
0 votes9 answers -
Вертикальный отступ для фона
<div style="border:1px solid red; width:400px;height:400px; background:url(images/button.jpg) repeat-y;background-position:300px 30px;text-align:right"> <img src="images/image.gif" width="20" height="30" alt=""> </div> Подскажите,плз,такая проблема Есть слой,в правом верхнем углу находится изображение gif высотой в 30px с частично прозрачными областями. Нужно к правому боку слоя прижать фон(ширина 20px),повторяющийся по вертикали, таким образом,чтобы он начинался сразу под картинкой и не просвечивал через нее (через нее должен просвечивать фон,заданный для body).Пытался задать отступ для фона через background-position - не получается.Думал над тем,чтобы …
0 votes3 answers -
Мои ошибки
И сново я! У меня тут код php, но в н?м есть ошибка я не могу е? найти, уже пытался писать заново, но вс?равно никак не хочет работать. Поможете найти? Тогда вот код странички: <html> <title>Страница</title> <body> <p>Ваши данные:</p> <?php function validate($allSubmitted) { $message = ""; $passwords = $allSubmitted["pword"]; $firstPass = $passwords[0]; $secondPass = $passwords[1]; $username = $allSubmitted["name"]; if ($firstPass != $secondPass) {$message = $message."Пароль подтвержд?н не верно. ";} if (strlen($username) <5 || strlen($username) >20) {$message = $message."Имя пользователя должно быть не меньше…
0 votes4 answers -
SSI
У меня установлен Apache и php, а как мне подключить SSI?
0 votes3 answers -
Кусок страницы с Гисметео
Такой вопрос, как можно взять с этой страницы кусок и разместить у себя на сайте. Вот что нужно, эту часть страницы:
0 votes8 answers -
Заданы границы ячеек для одной таблицы, но они присутствуют на всех таблицах.
Сайт сделан табличной версткой. В одной из ячеек присутствуют 2 таблицы (друг за другом). Второй таблице присвоен класс <table class="znachki"> CSS выглядит так: .znachki { width: 100%; /* Ширина таблицы */ height: auto; /* Высота таблицы */ text-align:center; } TD, TH.znachki { border-collapse: collapse; /* Убираем двойные границы между ячейками */ border: 1px solid #CCCCCC; /* Параметры границы ячеек*/ } ВОПРОС: почему класс znachki применяется ко всем таблицам? /*удалим отступы и маркеры в ненумерованном списке, зададим ширину пунктов меню */ ul { margin: 0; padding: 0; list-style: none; list-style-position: inside; widt…
0 votes4 answers -
Нужна проверка знатаков
Вряд ли за две недели можно изучить с нуля html, но я делаю сайт для себя и профессионально заниматься этим не собираюсь)), так что не сильно бейте. Собственно решел не шаманить на главной странице со всякими разворачивающимися блоками, а просто разместить их в стиле win8 - плитками разной величины. Вот что у меня сейчас выходит: http://jsfiddle.net/gp7GK/5/ Хотелось бы, чтобы профи проверили правильность моих действий)). 1. Пока не понял как правильно разместить текст внутри блоков, так чтобы его отступы не выталкивали "p" за границы "divа". И заставить текст вмещаться в границы родительского блока. 2. Если убрать блоки "clear" в концах секций, то получается какая-…
0 votes6 answers -
Overflow в flexbox с центрированием
Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?
0 votes5 answers -
совета хочу
чем заменяют знак пробела мне просто надо прям в центре кода сделать вот так: зи информационных сегментов друг с другом, так чтобы наиболее важные данные могли быть быстро найдены. В 60-е годы исследования в этой области породили понятие информационной Вселенной (docuniverse = documentation + universe), которая преобразила бы всю информационную деятельность. короче вокруг слово понятие надо пробелы ставить а много знаков наверно неграмотно ставить
0 votes5 answers -
Табличная вёрстка.
Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.
0 votes4 answers -
IE8 и background-position
Пример можно посмотреть тут: www.gkb1.org справа сверху в IE8 виден фон с правого края который не должен быть виден. Всего пиксела 2 но портит картину. В остальных браузерах все ок. Такая же проблема с нижним правым углом, где есть расстояние между футером и сглаживанием угла.
0 votes1 answer -
Не могу отыскать CSS
У меня вчера случилась неприятность-немного поехала страница из за того что затолкал рекламку кое куда.Поправил,но пока поправлял, наверно случайно зацепил верхнюю менюшку.На первый взгляд не заметно но когда наводишь на "Главная" находясь на другой странице то менюшка сьезжает.Судя по "FireBug" за это отвтетственен " suckerfish.css" но не могу найти где ошибка...может кто то подсказать? http://seventh-legion.ru/ suckerfish.css : [css] div#horiz-menu *{ margin:0; padding:0; } div#horiz-menu ul{ margin:0; padding:0; } div#horiz-menu li.level1{ padding:0 5px 0 0; margin:0; height:37px; line-height:37px; } div#horiz-menu li{ margin:0 5px 0 0; padding:0; border:0…
0 votes9 answers -
Как реализуется такое меню?
http://rospotrebnadzor.ru/ Подменю раскрывается как таблица.
0 votes6 answers -
списки с разделителями
сверстал галерею на основе списков.структура такая: 4 изображения, разделитель, <ul>4 изображения</ul>, разделитель, и т.д. использовал несколько блоков <ul></ul>. правильнее было бы использовать один блок <ul></ul> (потому что на cms удобнее натягивать). подскажите пожалуйста как верстаются подобные галереи. необходимые условия: 1. галерея резиновая(тянется по горизонтали как в моем примере), 2. после каждой четвертой картинки есть разделитель
0 votes19 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-