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
-
Интересно меню, но незнаю как сверстать (
Нужно сверстать вот такое меню: Как видно на картинке каждый элемент имеет синий "буллит", который накладывается на нижеследующий, а буллит активного элемента перекрывает остальные. Причем по вертикали буллит должен быть резиновым. Ну никак у меня не получается. может кто подскажет? очень нужно..
0 votes4 answers -
верстка
вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg html <!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=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…
0 votes3 answers -
float и clear
Правильно ли я понимаю, что эффект свойства float нужно компенсировать свойством clear? Свойство float, почему-то, применяется не только к следующему за слоем слою, но и ко всем последующим слоям. А если после слоя со свойством float поместить невидимый слой со свойством clear, то эффект свойства float для всех последующих слоев пропадает? Если так, то не вижу смысла продолжать верстать, используя таблицы, можно обойтись связкой float-clear.
0 votes6 answers -
внешний .js файл
Форумчане! Help чайнику please! Подскажите как правильно присоединить внешний .js файл? Ниже приведены фрагменты кода, который вроде бы верен, но не работатет сАбАкА <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>rem_list</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="author" content="PZinovev"> <link href="../../css/beeStyles.css" rel="stylesheet" type="text/css"> <link href="../../MainScripts.js" type="text/javascript"> <script src="../../MainScripts.js" type="text/javascript">…
0 votes4 answers -
Фон на всю ширину
Доброго времени суток, товарищи. Есть вопрос: как растянуть фоновое изображение на всю ширину экрана? Как это сделано, например, на lostfilm.tv? Направьте, пожалуйста, хотя бы в какую сторону копать.
0 votes4 answers -
Как правильно делать фавиконки?
Да, вот такой вопрос. До сих пор мне либо доставались готовые фавиконки от дизайнеров, либо же своими силами отправлялась картинка на какой-нибудь сервис вроде favicon.ru. Но правильно ли это? Может есть более прямые способы?
0 votes9 answers -
Br - как обнулить отступ
Всем привет, возможно как нибуть обнулить отступ у br ???
0 votes4 answers -
Joomla2.5 и JComments
Решил немного освоить Джумлу и столкнулся с небольшой проблемой. Возникла необходимость изменить местоположение ссылки "Добавить комментарий" компонента JComments То есть ссылка "Добавить комментарий" в документе должна идти перед заголовком и текстом. Перерыл весь компонент, но способа не нашел. Как можно решить эту задачу?
0 votes1 answer -
Адаптивная верска и размер шрифта
Пытаюсь спроектировать сайт с адаптивной верской. А именно подгонять размер шрифта под размер экрана, так, чтобы на любом экране в строке было примерно одинаковое кол-во слов/символов. Как лучше/правильней/кроссбраузерней это сделать? Пока я представляю себе это так: в css тегу <html> задаем некий базовый размер шрифта, например 20px, а далее при помощи @media(max-width) назначем размеры шрифта тегу <body>(а остльные будут плясать от родителя в em) в rem. И тут возникают вопросы: 1) Какой размер шрифта в html по умолчанию? Может в зависимости от девайса - там уже все как надо? Или лучше сразу назначать размер тегу html в зависимости от экрана, а CSS всем проп…
0 votes7 answers -
задать высоту инпута
Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?
0 votes11 answers -
в ie не меняется цвет фона ссылки в меню
В ie цвет фона меняется только когда наводиш курсор мыши на саму ссылку а нужно что бы пункты меню не только выгледели достойно но и работали когда как кнопка! Как заставить ie менять цвет фона при наведении не только на ссылку? вот так оно выглядит у меня! .markermenu{ list-style-type: none; behavior: url(csshover.htc); margin: 5px 0; padding: 0; width:180px; list-style:none; } .markermenu li a{ background: no-repeat 5px center; background-color: #710000; font-weight:bold; color: #ffffff; display: block; padding: 3px 0; padding-left: 20px; text-decoration: none; list-style-type: none; list-style:none; border-left: 10px; border-right: 10px; } html>body .markermen…
0 votes4 answers -
Текст уезжает под DIV (Firefox)
Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}
0 votes1 answer -
как создать такую штуковину
Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример. Вопрос как сделать что бы они тянулись? Вот код ee.css: body { color:#FFFFFF; } .block { width:200px; } .l_u { background-image:url('images/new_lu.png'); width:21px; height:19px; float:left; } .c_u { background:url('images/new_cu.png') repeat-x; width:160px; height:19px; float:left; } .r_u { background-image:url('images/new_ru.png'); width:19px; height:19px; float:left; } .l { clear:both; background-image:url('images/new_l.png'); background-repeat: repeat-…
0 votes3 answers -
Ячейка таблицы - ссылка
Нужно сделать так: чтобы ячейка таблицы была ссылкой с белым фоном и синим текстом, а при наведении фон менялся на синий а текст на белый (и в любой части ячейки курсор был как при наведении на ссылку). Помогите, как это сделать?
0 votes4 answers -
html
Подскажите што такое происходит.задал цвет и т.д. тексту он находится в div,перед ним еще один div,когда я его убераю цвет и остальное меняется в другом div. Ставлю обратно.все опять работает.
0 votes17 answers -
Почему div не отображается в ИЕ?
Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?
0 votes5 answers -
cufon не генерирует шрифт
Встала задача использовать на сайте нестандартный шрифт. Решено было использовать cufon + Jquery. Но cufon наотрез отказывается принимать файл со шрифтом и пишет следующее: Шрифт a_BosaNova Bold (True Type) (формат файла TTF) Не силен в тонкостях создания/редактирования шрифтом, поэтому не совсем понимаю что от меня требуется. Можно ли как-то разблокировать этот шрифт, если он заблокирован или может его как-то надо преобразовать в PFA или PFB (что вообще это такое?) и найти в системе упомянутые "припрятанные папки"?
0 votes4 answers -
Дочерний и смежный селектор CSS в IE7-8
Добрый день. Для корректной работы меню, на сайте использовал дочерние (.classA > .classB) и смежные(.classA + .classB) css селекторы. В браузерах Chrome, Opera, FireFox, Safari всё корректно отображается. В IE7-8, не смотря на заявленную поддержку оных селекторов, к сожалению, не работают. Вычитал здесь, что для корректной работы нужно выставить верный DOCTYPE. А вот какой не сказано. Отписался автору - пока молчит. Пробовал сам поиграть doctype'ами - эффекта нет. Подскажите, пожалуйста, куда копать и как всё таки заставить IE понимать данные селекторы. Заранее спасибо.
0 votes7 answers -
Помогите правильно разместить обьекты
Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.
0 votes8 answers -
как сделали на этом сайте?
http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…
0 votes15 answers -
Выровнять изображение и текст
Здравствуйте! Сразу скажу, что плохо в этом соображаю Дело в том, что мне нужно на одной странице по левому краю выровнять 2 изображения. Одно ниже другого. А с правой стороны текст. Ниже код с одной картинкой. Не пойму как сделать с новой строки новое изображение и текст. Помогите пожалуйста. Уже два дня маюсь. <tr> <td width="270" align="left" valign="top"> <img src="http://read.ru/images/delivery_place/861.jpg" style="float:left;margin:10px;"> <b>Адрес:</b> ул. Ленинского Комсомола, д. 35, офис 77<br><br> <b>Телефон:</b>…
0 votes1 answer -
Как подключить виджет uLogin к HTML сайту?
Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?
0 votes9 answers -
Фиксированное меню с помощью Javascript
Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…
0 votes4 answers -
2 прямоугольные трапеции, обращенные друг к другу
Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/
0 votes1 answer -
Некорректная подсветка синтаксиса CSS в Notepad++
Notepad ++ 8.1 x64, но проблема существовала и в предыдущих версиях. В таблице стилей форматирование, условно говоря, первого абзаца, отличается от остального текста. Т.е. (см. скришнот) в первом селекторе подсвечиваются ЗНАЧЕНИЯ свойств, во втором - СВОЙСТВА, в третьем - и сам селектор. Причём если добавлять или убирать/добавлять селекторы, менять их местами в таблице, то эта условная граница "перемещается", т.е. она не привязана к какому-то конкретному участку кода. Мне кажется, что это баг (или фича) NPP++ и не стОит искать в этом поведении какой-то логики. Подсвечивает, и ладно. Но может всё же есть рациональное объяснение этому странному поведению? В частности, если…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-