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
-
Горизонтальная прокрутка (white-space)
Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…
0 votes7 answers -
отступ в IE7
Столкнулся со следующей проблемой; Верстка в три колонки. Меню контент меню.Резиновая. В IE7(на других просто не проверял) на определеннх страницах появляется непонятный отступ вправо от правого меню. в связи с чем внизу есть скрол. позволяющий перетянуть все окно сильно правее. вот как это выглядит: http://shamanr.jino.ru/rastenievodstvo/tra...ory-serii-5020/ в то же время при использовании того же шаблона но без картинок в блоке контента все прилично: http://shamanr.jino.ru/rastenievodstvo/sey...e/seyalka-1700/ во всех остальных браузерах все выглядит прилично
0 votes6 answers -
<ol start="11"> в XHTML 1.1
Какие альтернативы существуют для <ol start="11"> в XHTML 1.1, где start запрещён ?
0 votes5 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
фиксирование высоты таблицы
Нужно сделать так, чтобы при увеличении текста(Ctrl++) табличка не меняла своей высоты. Есть способ: добавить в отдельные ячейки табицы, другую табицу , но так как у меня достаточно много ячеек, то код получится ОГРОМНЫМ! Если кто знает как решить эту проблему или знает другой способ фиксации таблиц по высоте, пишите.
0 votes1 answer -
Как убрать отступ в FF и сделать рабочей графическую ссылку
Здравствуйте! 1. В Opera и IE сайт отображается нормально, а в FF 2.0 сверху отображается отступ цвета фона. Где его можно убрать? 2. Вставляю графическую ссылку: <a href="url"><div style="position:relative; top: 18px; left: 12px; width: 120px; height: 17px; cursor: pointer;"></div></a> , а в браузере она не работает, в исходном коде ссылка тотбражается закомментированной. Как заставить е? работать?
0 votes7 answers -
table
ребята помогите с проблемкой =( ...вытаскиваю с базы данные в таблицу, если допустим текста много то таблица растягивается за пределы страницы, как быть? помогите =) width в % или px ...вообще нериагирует =(
0 votes9 answers -
Непонятный зазод для hr в div
Уважаемые форумчане помогите разобраться с проблемой Как убрать зазор между hr и верхней границей div помогите разобраться. Из следующего кода <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style type="text/css"> * { margin: 0; padding: 0 } div {border:solid 1px red;} hr { border: 0; height: 1px; line-height:0; background-color: #b7b7b7; font-size:0;} </style> </head> <body> <div style="width: 360px; float: left;"> <h1>Test Header</h1> <div> <hr/> <h3&g…
0 votes4 answers -
Использование фильтров CSS
Почему неполучается сделать, чтобы отбрасывал тень через фильтр dropShadow вроде к дивам этот фильтр применяется, размеры слоя устанавливал а тени нет? .......
0 votes5 answers -
Убрать переход на новую строку у div
собсно сабдж
0 votes2 answers -
Резиновый сайт с фиксированным сайдбаром
Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?
0 votes3 answers -
Проблема в микроразметке
Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.
0 votes2 answers -
Едет или нет?
Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …
0 votes18 answers -
Прозрачность png в ИЕ6
Собственно, проблема в том что скрипт http://www.twinhelix.com/css/iepngfix/ в IETestere работает как надо, но люди, сидящие на ие6 присылают скрины с неработающим скриптом (тоесть прозрачные области заполняются белым). Сайт: http://karnavalmasok.ru
0 votes13 answers -
Вертикальное выравнивание
Добрый день! Никак не могу справиться с вертикальным выравниванием. Есть меню из дивов в списке. В дивах как картинки, так и текст. Одно из картинок выше других. У меня выравнивается по верхней границе, а нужно по нижней. HTML <div id="header_img"> <ul id="categories_img"> <li><a href="#"><div><img src="../About_l.png" width="175" height="100" /></div>Contacts</a></li> <li><a href="#"><div><img src="../Cable_pic.png" width="350" height="200" /></div>Cable</a></li> <li><a href="#"><div><img src="../Sound_pic_l.png" width="175" height="100" /></…
0 votes12 answers -
Создание видео учебника
Добрый день, уважаемые мастера. Описание задачи: создание простого учебника (желательно на html) и включение в него видео-уроков. Причем учебник может храниться на сервере и пользователь должен иметь возможность его просматривать. Описание проблемы: в случае локальной версии учебника все работает нормально, но если учебник в виде html страниц лежит на сервере, то видео с этих страниц не открывается у пользователя (пробовал уже видео размещать на странице по-разному, и <embed>, и <object>, и с помощью различных flash-плееров(JW, Tarantinov, etc)). Вопрос: есть ли возможность сделать так, чтобы пользователь мог просматривать видео на html страницах, которые лежа…
0 votes17 answers -
Не срабатывают мета теги
У меня не срабатывают мета теги ,когда я делаю анализ сайта (http://pr-cy.ru/a/for-droid.ru)мне пишет что не найдено описание в мета тегах ,и вот как выглядит мета тег главной страницы : <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших смартфонов и игр на платформе Андроид"><meta name="Keywords" content="выбор,смартфоны,Андроид,Android,smartphone,игры,приложения,помощь"><title>for-droid.ru выбор только лучших смартфонов и игр </title><link rel="stylesheet" type="text/css" href="style.css"> </head>Подскажите пожалуйста в чем ошибка .Заран…
0 votes2 answers -
Выравнивание текста в одной строке
Требуется выровнять часть текста в одной строке по левому краю, часть по центру и часть по провому краю. Пробовал сделать список и с помощью first-child и last-child изменять text-align (см. пример) Но ie не понимает last-child. Есть ли другие способы? ul{ list-style-type: none; margin:0; padding:0; } ul li{ margin:0; padding:0; float: left; width: 33%; text-align: center; } ul li:first-child{ text-align: left; } ul li:last-child{ text-align: right; }
0 votes4 answers -
Небольшой отступ от логотипа
https://artrises.github.io/ Не получается найти причину, под логотипом есть небольшой отступ, перерыл все включая использование инспектора, у лого в футере был же такой отступ, он был из-за встроенного в normalize - line-height.Заранее спасибо
0 votes2 answers -
JavaScript меняющихся картинок
Подскажите как можно сделать меняющиеся картинки??? Есть вот сайт http://www.cyclovac.com/international/ там меняются картинки автоматически + их можно самим менять клацая по (1, 2...5). Вот мой сайт http://cyclovac.kiev.ua/ Картинки у меня меняются только тогда когда ходишь по меню и ссылкам, а хотелось бы сделать чтобы каждые скажем 2 секунды они менялись сами. Я не хочу чтобы кто то что то делал за меня, прошу просто подсказку у тек кто знает как это можно сделать. Вот код если нужно: <?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); require_once dirname(__FILE__) . DS . 'functions.php'; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHT…
0 votes2 answers -
бесплатный редактор типа dreamweaver
Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.
0 votes16 answers -
Курсы HTML/CSS
Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!
0 votes14 answers -
Форматирование полос прокрутки
Добрый вечер! Я точно знаю где-то есть параметры в CSS для форматирования полос прокрутки. Мне нужно это сделать для слоя DIV - и ещ? очень надо сделать вертикальную полосу слева, а не справа, как по-умолчанию, а горизонтальную отключить... Подскажите, пожалуйста. С уважением.
0 votes5 answers -
Проблема в Firefox: не работает свойство style.height
function set_size() { [i]document.getElementById("leftShadow").style.height[/i]=document.getElementById("copyright").offsetTop-138; alert(document.getElementById("leftShadow").style.height); } Выделенное курсивом отменно работает в IE, но не в FF. Как исправить?
0 votes4 answers -
Как пройти по всем слоям? JavaScript
И сделать их скажем невидимыми?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-