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
-
Не отображается нижняя граница таблицы HTML.
Не отображается нижняя граница таблицы HTML. Уже все перерыл. Как это выглядит - на картинке. Еще снизу ссылка на текстовый файл с кодом HTML и CSS. Верстальщик из меня не важный, так что прошу подсказать мне что не так! В Chrome все нормально выглядит, а в Лисе и Опере вот так вот! Ссылка на файл с кодом: http://preldev.ks8.ru/example.txt
0 votes2 answers -
Многоуровневое выпадающее меню на CSS
День добрый. Пытаюсь создать многоуровневое выпадающее меню. Пока, все устраивало. Но в IE 9 (другого нет, подскажите, где взять сборку версий без установки - буду благодарен), появились непонятные отступы. Почитал кучу статей, пробовал разные меню, но они не совсем подходят. Помогите, пожалуйста. Пример здесь Меню
0 votes1 answer -
Как прятать блоки?
Видел где-то когда-то что при уменьшении ширины страницы допустим левое меню исчезает/переходит вверх,вниз. Это можно сделать на css или только на javascript?
0 votes4 answers -
Два div'а в ряд, nowrap, IE 6-9
Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …
0 votes9 answers -
Отключение css
Привет всем. Столкнулся с проблемой. Пример: <!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=utf-8" /> <link href="main.css" media="screen" rel="stylesheet" type="text/css"> <title>Документ без названия</title> </head> <body> <div style="font-size: 13px; background-color: #000; color: #fff;"> </div> </body> </html> В общем как сделать так чтобы, стиль для дива не наследовался из main.css, в котором прописаны друг…
0 votes2 answers -
что такое за правило content:” "; ?
подскажите пожалуйста что делает это правило content:" ";
0 votes4 answers -
1 ссылка не отображается в мазиле и опере
Всем спасибо за помощь, тема закрыта.
0 votes7 answers -
тег address
существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?
0 votes3 answers -
Белый фон у флешки в IE
Сабж Флешка вверху справа. В IE8 белый фон по краям, убираться не желает. Эта проблема средствами html/css решается или это флешер накосячил?..
0 votes5 answers -
Google Chrome - значение ширины дива
Следующий код отображается так: FF 6 IE 8 Chrome 12.0.742.122 В хроме почему-то вторая цифра в каждом блоке перенеоситься на новую строку. Получилось исправить, если явно задать ширину дива в котором находяться цифры, но тогда при изменениее разрешения размер меняется несколько не пропорционально.
0 votes1 answer -
Применение нескольких классов к одному элементу
Друзья, подскажите, пожалуйста, почему к элементу не применяется один из заданных классов. HTML <table border="0" cellpadding="15" cellspacing="15" class="bonusChoice"> <tr> <td> <div class="accountForm"> <div class="input"> <div class="submit"> <input type="submit" value="Select"> </div> </div> </div> </td> </tr> </table> CSS .body.ar .bonusChoice .accountForm .input { float: right; height: 1%; overflow: hidden; width: auto; display:inline; line-height: 15px; } При арабской раскладке не применяется класс bonusChoice. Соответственно применяетс…
0 votes8 answers -
Резиновый фон
Здравствуйте. Постоянно при верстке возникает проблема, как сделать резиновый фон из нескольких картинок. Допустим, мы имеем три картинки для шапки, например эти: 1, 2, 3. Также есть фон на сайте, такой. Подскажите пожалуйста, как из всего этого сделать так, чтобы шапка была по центру сайта, и при просмотре её, допустим на разрешении 800x600, шапка обрезалась с обоих сторон, то бишь с левой и правой.
0 votes7 answers -
Табицы стилей для определённых браузеров
Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { flo…
0 votes8 answers -
Стили не отображаются в ИЕ
Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть
0 votes3 answers -
Разные кодировки
У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?
0 votes11 answers -
Исчезает <H1>
уже решено
0 votes0 answers -
Слеши в запросе
Здравствуйте! Заинтересовала одна тема.. на одном сайте в адресной строке увидел нечто подобное Пример: http://www.blabla.ru/manual/sections/171/ неужели для каждой статьи создавалась отдельная папка с вложенным в нее файлом?? а таких статей там перевалило за 180 или же существуют какие-то обработчики, которые переводят это все в sql запрос? объясните, пожалуйста, либо дайте ссылку на описание. у гугла даже и не знаю как "спросить")
0 votes1 answer -
Можно ли добавлять новые пункты меню на все страницы сайта одновременно
Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.
0 votes12 answers -
тег <img>
вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам
0 votes7 answers -
Организация сайта
Здравствуйте! У меня возникла проблема в организации сайта. Подскажите что нужно делать, чтобы определенный контент на сайте был доступен только пользователям, оплатившим его? Нужно ли создавать какие-нибудь базы данных на сайте, заставляя пользователя создавать свою учетную запись или можно обойтись без этого? Если без базы данных не обойтись, то распишите как её сделать...
0 votes8 answers -
::after в IE8
Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?
0 votes3 answers -
Help! Фон картинкой для ссылок (link, hover, active,)...
Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!
0 votes5 answers -
Вопрос про img
А можно ли в img отобразить часть изображения? Или он всегда старается впихнуть в доступное пространство весь файл(в соответствии с указанными высотой и шириной)? А еще конкретнее, можно ли использовать спрайты в таблице?
0 votes11 answers -
Проблема с таблицой
Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема... В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом word-wrap: break-word; , но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...
0 votes5 answers -
разбиение фона
разбирал одну страницу и появился вопрос. зачем фон(небо, трава) составлен из 4 картинок, а не из 2? наверняка здесь какая то мысль, но моего опыта не хватает чтобы понять
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-