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
-
FXP
Вот только сейчас узнал, что такое существует, хочется спросить мнения специалистов, стоит ли это использовать и какие могут быть подводные камни, как такую штуку лучше всего реализовать, можно ли через FTP клиент?
0 votes8 answers -
как пофиксить баг в ИЕ6?
сверстал страницу в слоях, но между контентом и боковыми колонками появляется небольшой пробел в ИЕ6, как пофиксить сей баг? <!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="css/template_css.css" rel="stylesheet" type="text/css" /> <title>Test</title> </head> <body> <div id="container"> <div id="container-inner"> <div id="header"> HEADER …
0 votes5 answers -
Крякозябры в IE
Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…
0 votes15 answers -
Тег command, атрибут command
Нужна помощь экспертов. Значит, имеется такой тег: command Спецификация У него имеется атрибут: command Спецификация Вопрос: Как это понимать, где и как это использовать? Если можно - со ссылками или с примерами. Что-то не могу разобраться... Спасибо.
0 votes13 answers -
table CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
0 votes7 answers -
Маркер default в ie6
Маркер списка в ie6 отображается по нижней строке. В остальных браузерах по верхней. Вот изображение иллюстрирующее это: В поисках привил которые помогли бы исправить положение использовал vertical-align , но решение выглядит скорее как костыль. Не могу понять проблему ибо vertical-align для списка не использовал. Может кто сталкивался с подобным. В чем причина такого поведения и как это исправить?
0 votes5 answers -
Маргает в ие
Добрый день! Подскажите как бороться с морганием в ослике: #logo a { float:left; background: url(l.jpg) no-repeat left center; padding: 0px; margin: 0px; outline: none; width:268px; height:86px; } <div id="logo"><a href="/"></a></div> Когда наводишь мышку, моргает. В других браузерах нормально.
0 votes11 answers -
Нестандартный Шрифт
Кто нибудь пробовал использовать нестандартный шрифт этим способом: http://habrahabr.ru/blogs/typography/72991/ У меня чёт не работает, мож я что-то делаю не так? a{font-family:src:url('http://domen.ru/faili_na_razdacu/wolfgang_amadeus_mozart.ttf');}
0 votes9 answers -
Как задать нестандартный фон
Здравствуйте. Подскажите пожалуйста как лучше задать фон, который выделен на макете стрелочкой. Вырезать часть и размножить, как я понимаю не получиться. При задании фона нужно что бы фон мог подстраиваться по высоте в зависимости от количества контента, что бы хорошо смотрелся если у меня будет например всего один слайдер в один ряд. Ссылка на макет: http://www.pixic.ru/i/L0G0f6N450k813a3.png
0 votes18 answers -
CSS+HTML помогите их воссоединить!
Доброго времени суток! проблема с подключением CSS к HTML, ХТМЛ не воспринимает ссылку на CSS файл, все делаю по инструкции прописываю ссылку вида (после и перед ).браузер Mozilla FF и IE. заранее спасибо.
0 votes14 answers -
Вопрос по высоте слоев
Добрый день. есть вот такая структура слоев: html: <div id="all"> <div id="header"> header </div> <div id="content"> content </div> </div> При условии, что div header фиксированной высоты 300px, как сделать, чтобы div content занял всю оставшуюся высоту? те 100% - 300px... заранее спасибо
0 votes3 answers -
Стиль списков в ИЕ
Есть меню выбора. В Мозиле, Сафари и Хроме выглядит как нужно, вот так: В горячё любимом ИЕ вот так: HTML: <ul> <li><a href="#date">по дате</a></li> <li><a href="#category">по категориям</a></li> </ul> CSS: #tab-container ul { margin: 0; padding: 0 17px 0 0;} #tab-container ul li { display: inline-block; padding: 0 0 10px 10px;} #tab-container ul li a { display: block; outline: none; text-decoration: none; border-bottom: 1px dashed #2f7ca0;} #tab-container ul li a.active { color:#000000; border-bottom: none;} что ж не так делаю?
0 votes13 answers -
Рисование с помощью CSS3
Когда увидел это чудо, решил тоже создать что то интересное, в связи с чем вопрос, поддерживает ли css3 сплайны? И где можно почитать подробнее про рисование?
0 votes3 answers -
Как сделать чтобы при hover над картинкой появлялся блок?
Господа,я новичок,поэтому сильно ногами не бейте. Задание: Сделать список мультфильмов как показано на картинке: Т.е. при наведении мышки над картинкой появляется еще год в правом верхнем углу,и полное название мультфильма на русском и англ. Мой код: http://cssdesk.com/vN3W8 Не понимаю как сделать так чтобы при наведении над картинкой отобразился блок с годом или блок с полным именем мультфильма,при этом блок только с русским названием мультфильма - исчезал. Понимаю что делать надо через hover - но как,подскажите? Да и вообще прокомментируйте пожалуйста код.Мне кажется что я очень сильно тут намудрил. Заранее спасибо!
0 votes12 answers -
Пожалуйста,помогите чайнику...
Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.
0 votes9 answers -
Изменение размеров iframe в зависимост от его содержимого
Можно ли как-нибудь так сделать, чтобы размер фрейма (а именно высота) увеличивался, если содержимое фрема не влазит внего без полос прокрутки. Если это можно сделать только с помощью скрипта, то приведите, пожалуйста, пример. Спасибо!
0 votes3 answers -
Подскажите как сверстать такую конструкцию
Всем привет. Уважаемые, подскажите как на дивах заверстать такую вот конструкцию? Изображение т.е. В общем диве текст обтекает текст или другой див, который выравнивается по нижнему правому краю. Своего решения так и не нашел. Заранее благодарен!
0 votes8 answers -
Скругление углов
Пример http://rubasket.com/novosti/nba/96-nba-fil...-rezultaty.html Захотел сделать скругление углов....Один добрый человек с вашего форума подсказал решение проблемы,но теперь пришла другая.... именно интересует нижнее скругление у блока right (там скругление сейчас плавает в связи с некоторой проблемкй,но это сейчас неважно....) А теперь по теме: как наложить на блок right два уголка(левый и правый) по 26 пкс каждый на самой нижней высоте(чтобы этои уголки упирались своим концом к концу right ?
0 votes17 answers -
Прелоадер не закрывается.
При верстке сайта на Bootstrap 4.3.1 хотел сделать прелоадер на основе стандартного элемента Bootstrap - спиннера, который бы закрывался после загрузки страницы. Проблема в том, что спиннер не закрывается после загрузки страницы, очевидно заданные в скрипте стили к нему не применяются. Подскажите, пожалуйста, в каком месте я ошибся? Ссылка на ошибку (Гитхаб)
0 votes4 answers -
Несколько стилей в class
Здравствуйте! Помогите избавиться от сомнений. На многих сайтах используется указание нескольких стилей в одном параметре class. Чтото вроде этого: <html> <head> <style type="text/css"> .c1 {text-align: right;} .c2 {font-family: Verdana;} </style> <title>test</title> </head> <body> <p class="c1 c2">qwerty</p> </body> </html> Это очень практично, но я тут задумался, насколько это соответствуют стандартам. Браузера применяют оба стиля, как от них и требуется. Валидатор не ругается, но я думаю, что ему просто пофиг, что написано между кавычек. А вот в документации по html, касательно этого кода, …
0 votes8 answers -
comments-popup.php в Wordpress
Я только могу предположить, что нужен для формирования всплывающих комментариев - сужу из названия. Для чего конкретно он нужен и когда именно он используется?
0 votes4 answers -
Закачка файлов с сайта.
Необходимо организовать закачку файлов с сайта (word, exel,pdf). Собственно это сделано: на сервере есть папка download где помещены файлы на которые указывают ссылки с разных страниц сайта. Но проблема вот какая. В разных браузерах работает все как-то сикось накось. В Firefox все тип топ, жмешь на ссылку открывается программа загрузки файла, указываешь путь, начинается закачка. В IE это происходит только если кликаешь на ссылке для скачивания файла word, файл с расширением pdf так просто не скачать необходимо кликнуть правой кнопкой мыши на ссылке и выбрать "Сохранить файл как...". Ну а в Opera никакие файлы никаким образом не скачать. В чем проблема? В принципе идеаль…
0 votes6 answers -
Боковое меню
Здравствуйте Помогите разобраться, как сделать пункты меню разного цвета? вот код блока с менюшкой <div id="nav"> <ul> <li><a href="">Главная</a></li> <li><a href="">Вторая</a></li> <li><a href="">Третья</a></li> <li><a href="">Четвертая</a></li> </ul> </div> это все что относится к меню из css файла #nav { background: url(images/nav_left.jpg) no-repeat; } #nav ul { margin-left: 9px; padding-left: 1px; padding-bottom: 29px; background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat; } #nav li { list-style: none; f…
0 votes14 answers -
Сайт из нескольких сраниц?
Кто может скинуть или показать сверстанный сайт состоящий из 3, 4 страниц, чтоб посмотреть, как связываются между собой страницы, а в том числе и общий файл css. Чтобы шаблон был кросбраузерный, валидный, очень надо, помогите пожайлуста?
0 votes24 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-