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
-
Размеры iframe
Мне нужно в ячейку таблицы вставить iframe. Но нужно это сделать в виде: width=100%, а heigth должна соответствовать размеру вставляемой в iframe странички (не нужны скролл-бары, равно как и пустое место после странички). Подскажите, как сделать?
0 votes11 answers -
Как установить несколько версий IE на ПК?
Установлена 8 версия IE сейчас, как установить несколько версий IE на ПК, чтобы проверить кроссбраузерность?
0 votes10 answers -
Помогите Пожалуйста С Версткой. Не Могу Найти Решение Проблемы.
Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!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" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpa…
0 votes23 answers -
Текущая ссылка неактивна
Подскажите, плз, как при помощи CSS сделать текущую ссылку активной.
0 votes8 answers -
Brackets. При перетаскивании файлы не открываются
Начал осваивать новый редактор Brackets (кстати очень удобный). Однако столкнулся с такой проблемой: По сути, чтобы открыть файл его достаточно перетащить в программу. Однако у меня это сделать не получается - программа запрещает это делать (курсор становится крестиком). Это действует на все файлы как html, css, так и PSD. Получается открывать только так "файл" --> "открыть" А как открывать PSD файлы без перетаскивания вообще не понимаю. Кто нибудь сталкивался с этим? Как это решить?
0 votes0 answers -
Содержимое div
<html> <head> <style> .dl {float:left; width: 50px; height: 50px;} </style> </head> <body> <div style="width:300px"> <div id="q1" style="background-color: blue; width: 300px; min-height: 100px;"> <div id="q2" style="background-color: blue; width: 300px; min-height: 100px;"> <div class="dl" style="background-color: green;">q2</div> <div class="dl" style="background-color: yellow;">q3</div> <div class="dl" style=" background-color: red;">q4</div> </div> </div> <div style="clear:left; border-style: none solid solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px …
0 votes13 answers -
Как сделать text-shadow в ie?
У меня возникла проблема с text-shadow в ie во всех других браузерах проблемы нету а в IE не как не хочет показываться, я пробовал прописать: filter: DropShadow(Color=#666666, OffX=1, OffY=1, Positive=0);
0 votes4 answers -
Chrome не правильное отображение
Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…
0 votes12 answers -
Не применяется стиль css
Здравствуйте! Не могу разобраться, почему не применяется стиль к (.navbar-brand) когда он помещен в навбар?
0 votes6 answers -
горизонтальное меню на CSS
Здравствуйте! У меня проблема с горизонтальным меню, а именно ничего не получается.... по задумке должно всё выглядеть так: а получилось у мну так: я в отчаянии... HTML </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css" rel="stylesheet"> </head> <body> <div class="wrapper"> <!-- место для меню --> <div class="menu"> <ol> <li><a href="r…
0 votes19 answers -
Изменить цвет scrollbar
Никак не могу изменить цвет в опере, мозиле и хроме.... На сайте организовано всплывающее окно. В это окно подгружается отдельная страница news.html. В ней я прописал размеры окна, и если в размеры не влазить - выводить скролинг: .scroll-pane { width: 100%; height: 400px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } И так добавив больше двух новостей в файл news.html у меня на главной странице index.html появилосьвсплывающее окно, в котором получился скрол.. Но я хотел бы изменить цвет и стиль скрола... Для этого в файл news.html прописал такой вот стиль.... body { background-color: #fff8dc; scrollbar-3dlight-color: #ffebcd; scroll…
0 votes4 answers -
Не пойму почему себя ведет слой как-то не так.
Здравствуйте. Проблема слудующая, вот код: 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="main.css" /> <title>Test</title> </head> <body> <div id="n1"> <div id="top"><img src="images/logo.jpg" alt="Логотип" id="logopict" /></div> <div id="topmenu"></div> <div id="left">Left</div> <div id="centr">content</div>…
0 votes15 answers -
не работает padding auto
Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?
0 votes6 answers -
Проблема с дивной таблицей в ИЕ
Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.
0 votes13 answers -
Не работает scrollbar
Ниже есть код который работает только в хроме, а в других нет что делать? ::-webkit-scrollbar { width: 10px} ::-webkit-scrollbar-track { background: #F7F7F7 } ::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #DAE1E8; } ::-webkit-scrollbar-thumb:window-inactive { background: #DAE1E8; } ::-webkit-scrollbar-thumb:hover { background: #3d6b92; width:20px}
0 votes2 answers -
Проблема с фреймом(html).
Создал фрейм, для перехода по сайтам. Но ссылки гугл, яндекс, вконтакте, одноклассники, сбербанк и ютуб не хотят открываться в фрейме (content). Хотя в новом окне эти-же ссылки открываются - Значит дело не в ссылках. Начал эксперементировать: Заменил ссылку гугл на ссылку htmlbook.ru и ссылка заработала. В том самом контенте (content). Значит в фрейме проблемы нет. И тут я завис. Помогите, кто разбирается в фреймах. Вот код самого фрейма: <!DOCTIPE html><html><head><title> web-server.ucoz.ru - rekom - mozilla </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8:0057"/></head><frameset rows="35,*" framebord…
0 votes6 answers -
Блоки съезжают в firefox
Начал верстать простенький шаблон div'ами (раньше не доводилось). Вроде сверстал, начал на валидаторе проверять под html 1.0 strict. проверил, исправил все ошибки. и после этого блоки и съехали, причем только в firefox, правый блок с числами съехал вниз (см. скрины ниже). В опере по-прежнему все как было. И в обоих браузерах съехала влево таблица с числами. Firefox: Opera: кусок кода этого блока: <!-- Правый блок --> <div id="rightcol"> <div class="blocktitle"> <span>Заголовок</span> </div> <!-- Блок с фоткой --> <div id="photo"> <div class="etoblock">Это <span>Вася</span>. И т.д. и т.п. …
0 votes5 answers -
display: table и min-height в firefox и safari
Пример http://jsbin.com/saguvazineju/1/edit Объяснять не буду, посмотрите в хроме и фф
0 votes5 answers -
Блок Обратная связь
на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??
0 votes8 answers -
гиперсылка средствами css
можно ли делать гиперссылку без текста и картинки, тоесть только средствами css например <a class="goog" href="url"></a> а в css пишем a.goog {height: 16 px; width:16 px; background: url(../images/typo/google.png) no-repeat #74A824!important;} просто у меня сейчас ничего не кажет может так нельзя?
0 votes21 answers -
Не работает behavior:url(border-radius.htc);
В css используется: -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-outline-radius: 5px; border-radius:5px; В Google Chrome все отлично работает. Для работы в IE8 используется: behavior:url(border-radius.htc); Тем не менее, в IE8 уголки не закругляются. Подскажите, пожалуйста, как решить проблему?
0 votes6 answers -
Помощь по СSS.
Подскажите плиз! Почему я создаю в HTML тег " " в него закладываю "UL" и LI, а в "LI" текст которому хочу придать нужное изображение. В CSS делаю селектор - .menu, прописываю туда правила, но почему то это не влияет на LI, что бы изменить текст, мне приходится прописывать правила непосредственно для "LI". в чем причина?, и как сделать так что бы правила для блока .menu распространялись на текст внутри его? Ведь LI я хотел добавить еще в некоторые блоки уже с другими правилами. <!DOCTYPE html> <html lang="en"> <head> <title>MySite</title> <meta charset="utf-8"> <link rel="stylesheet" href="text/style.css"> </…
0 votes7 answers -
float:right в шапке "узкой" колонки таблицы
Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…
0 votes2 answers -
input type=file
Известная проблема: подогнать под дизайн сайта поле загрузки файов: добавить бордюр, сделать внутренние отступы, сменить кнопку и т.д. Вот и я поимел первый опыт борьбы с ней. Хочу попросить покритиковать мое решение. Сразу скажу, что основано оно на идее перекрытия настоящего файл-инпута кнопкой и текстовым полем. Мне почти подошло решение предложенное здесь, за что автору большое спасибо, но пришлось немного допилить под себя. Моя задача: кнопка BROWSE выводится справа от текстового поля. Занимаюет ширину "по ширине текста в ней". Все оставшееся место уходит на текстовое поле имени файла. Подход к решению: делаем два div`а: в первый помещаем input type=text. Во второй i…
0 votes2 answers -
Не работает :hover+
Помогите с проблемой. Есть один большой блок с классом "list", внутри которого должна отображаться информация с помощью блока "mininfo". Задача: сделать так, чтобы при наведении на любую область блока "list" появлялся блок "maxinfo", в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра "opacity" в блоке "maxinfo" и стиля .list:hover+.maxinfo, который даст при наведении "opacity: 1". При наведении на блок "list" ничего не происходит. Но, когда я проделываю то же самое с блоком "mininfo" (.mininfo:hover+.maxinfo) - все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее вс…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-