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
-
type="text/css"
У меня документ хтмл5, т.е. <!DOCTYPE html> Я в этом документе использую встраиваемые стили <style></style> Нужно ли писать type="text/css"? Видел много примеров? где его как пишут, так и не пишут. Знаю, что без него всё будет работать, но все же, лучше прописывать его? Или в хтмл5 он абсолютно не нужен? Такой же вопрос каcательно <script type="text/javascript"></script>
0 votes1 answer -
Форма обратной связи
И снова здравствуйте). Смещается панель кнопок сайта при обновлении страницы vinilloff.ru/mail.php Дело в этом коде <script type="text/javascript"><!-- google_ad_client = "ca-pub-4231692048579762"; /* Демо страницы */ google_ad_slot = "1331915711"; google_ad_width = 468; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-3866000-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = …
0 votes5 answers -
Вставка из файла
Добрый вечер! Возник такой вопрос: например, есть файл index.php и файл content.php в котором несколько строк с данными (текстом). Как в первый файл вставить определенные строи из второго файла в нужных местах?
0 votes10 answers -
Input type text сделать резиновым
Собственно САБЖ. Вот код: http://jsfiddle.net/dJrD5/ Пытался сделать с помощью min-width и max-width, но ничего не вышло.
0 votes4 answers -
Меню и DIV
Добрый день Есть один html-макет на css Каждый div описывает css Хочу вставить меню, но что-бы при выборе пункта внутри div подгружалася свой html файл <div class="tabs"><ul id="Tabs"> <li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">Вторая</a></li> <li id="OneTab" class="SelectedTab"><a href="#One" onclick="One(); return false;">Первая</a></li></ul></div><div id="block6"><div id="Content"><!-- Первая --><div id="One"><p>Группа символов для объема 1...</p></div> <!-- Вторая --><div id="Two" style="display: none;"><p>Г…
0 votes12 answers -
Справочники по html xhtml и css
Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти
0 votes6 answers -
Вертикальное выравнивание
Здравствуйте. Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла. Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/ Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/ И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/ Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?
0 votes3 answers -
Отступы блоков Flex Box
Зравствуйте, у меня два флекс контейнера. class logo class menu мне нужно чтобы контейнер class menu ужался с правой стороны Прикладываю код: https://jsfiddle.net/RomanFF/513wcj60/2/
0 votes1 answer -
как сделать рисунок поверх флэш?
надо чтобы флэш был ниже рисунка - z-index не помогает.
0 votes2 answers -
Перекрытие плавающего блока вышестоящим в ИЕ (6,7,8)
Не буду писать урезки кода Вот ссылка на тест-страницу: http://rootical.byethost4.com/3/index.html Нужно, чтобы блок чуть-чуть залазил на вышестоящий. В чем, собственно, проблема? З-индексы не помогают. Опера и Фаяфокс - все в порядке. Может другие способы? Рассчитываю на Вашу помощь, спасибо
0 votes3 answers -
Смена фона яйчейки не пашет
может кто подскажет где ошибка, просто мозги уже не пашут ... нужно сделать смену фона яйчейки как на http://shebeko.info слева менюшка. Я прописываю все в стилях a.mainlevel:link { font-family: Tahoma; display : block; font-size : 10px; border : 1px solid #E0E0E0; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margin-top: 0px; text-decoration : none; text-transform : uppercase; } a.mainlevel:visited { display : block; font-size : 10px; border : 1px solid #E0E0E0; font-family: Tahoma; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margi…
0 votes4 answers -
Выравнивание фона
Здравствуйте! Подскажите, как сделать, чтобы фон страницы выравнивался на центр. На фоне изображена симметричная картинка, и когда уменьшаеться окно браузера, то симметричность теряеться. Заранее спасибо
0 votes4 answers -
макет 2 колонки
<!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> <title>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 600? …
0 votes4 answers -
Изображение Налезает На Навигацию
Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/
0 votes4 answers -
Вопрос знатокам
Добрый день все участникам и модераторам. Вопрос следующий:есть название чего-либо, и это название пишется в несколько строк, т.к. в одну в соответствии с шириной вмещающего контейнера не умещается, например <a href="#">А я иду, гуляю по Москве</a> Позади надписи есть background-color(именно как строчного элемента, то есть заливка только позади текста) Вопрос:как сделать так, чтобы в каждой строке текста от заливки были равномерные отступы слева и справа, а не только перед "A..." и после "...Москве". Пример - http://newbie-asd-a.narod.ru/example.jpg Надо, чтобы было как на верхнем рисунке, а не так, как на нижнем Заранее спасибо.
0 votes8 answers -
help
почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …
0 votes5 answers -
Обтекание блока другими блоками
Добрый день! Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6). Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше. Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..
0 votes8 answers -
фантастика с autocomplete
На локальной машина разрабатываю сайт, autocomplete="off" не работает на одном поле с именем name="account", в принципе и имя поля менял всеровно не отключает autocomplete. Это в Firefox 17.01 Решил показать здесь, скопипатсил всё это в jsfiddle ничего не меняя, так autocomplete отключен как надо. Как такое может быть? В исходном коде autocomplete="off" присутсвует. Такс понятно это у меня сервер что-то делает... первый инпут предлогает заполнить всякой фигнёй)
0 votes2 answers -
резиновый div
Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}
0 votes7 answers -
Как сделать такую сетку товаров, чтобы при наведении не прыгало
Подскажите, пожалуйста, как сделать такую сетку товаров, чтобы при наведении появлялась кнопка "Заказать" снизу, но нижние блоки оставались на своих местах. Т.е. кнопка "Заказать" должна накладываться сверху. Вот тут накидал пример http://jsfiddle.net/ds4g4/1/ Вот поиграл с position, но кнопка улетает не туда http://jsfiddle.net/ds4g4/2/
0 votes4 answers -
Пропадает маркер списка
День добрый! Вот ссылка на мой сайт: septick.ru Суть проблемы: прописываю .article ul { list-style-type: disc; } Маркеры списов исчезают совсем.Почему так? Прописываю .article li { list-style-type: disc; } Результат - маркеры появляются, но как в обычных списках, так и в нумерованых, а это мне не нужно. Посоветуйте пожалуйста, как можно решить проблему?
0 votes1 answer -
Как сделать градиентом 3 полосы разного цвета?
http://jsfiddle.net/Zverushka/eAX7f/ Получается не 3 полосы, а гриентный переход. Можно ли как-нибудь сделать именно 3 полосочки однопиксельные?
0 votes7 answers -
Соединие DIV и Заливание CSS Фигур Фоном
Здравствуйте Друзья!) Есть дизайн, я заверстал его блоками. http://myscreenshot.info/i/0005/450771420815068249968785663668.png Вопросы: 1. Как теперь соединить ряд блоков в один DIV, (наподобие псевтотегов чтоли)? 2. Как залить получившейся DIV фоном? Я точно знаю что такое можно сделать)) Пример моего кода (фигура слева) http://myscreenshot.info/i/0005/263841420815915808621868304315.png HTML: <div id="imgbox_canvas"> <div id="im_tri-right"></div> <div id="im_tri-top"></div> <div id="c_row_r"> <div id="im_tri-left"></div> <div id="im_centr"></div> <div id="im_btm-r"></div> <div i…
0 votes6 answers -
Блочная верстка в 2 столбика
Есть записи,которые надо вывести в два столбика.Проблема в том,что они имеют разную высоту.Если использовать float или inline,они выводятся криво,между записями пустое место.Можно ли вывести так,чтобы по вертикали записи были впритык?
0 votes5 answers -
Прижать картинку к нижней границе
http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-