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
-
как прописывать в модулях и в css разное оформление для 2-х модулей меню?
у меня jоoomle есть 2 меню: главное и дополнительное...вот они http://wsugraru.128.com1.ru/arbitr-hmao/ я не могу вычленить какие пункты css меняют цвета шрифтов (и ссылок) в отдельных меню и на всем сайте ... заменил все цвета - получилось что где-то он сливается с фоном. может попытаться присвоить суффикс для отдельного other menu? но как это делается..? я ни синтаксиса css для такого меню ни формата ссылки на суффикс не понимаю... помогите разобраться, пожалуйста /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "…
0 votes2 answers -
Верстка категорий товара из изображения
Имеется такое вот изображение категорий товаров. Беда вся в том, что слой всего один. Уже принял решение верстать его как карты-изображния, но чутье мне подсказывает, что это не единственный выход. Как можно еще реализовать?
0 votes8 answers -
Непонятный отступ
Добрый день! Может этот вопрос уже задавался, но я даже не знаю по какому словосочетанию искать. Дело в том, что появляется небольшой отступ в меню, непонятно откуда... В IE и Firefox отступа нет... Скриншот: Код: <!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"> <title></title> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style> body { font-family: Arial; font-size: 14px; } #block { min-width: 980px; width: 100%; margin: 0 auto; overflow: hidden; } #b…
0 votes3 answers -
бэкграунд БОДИ уходит влево
Помогите пожалуйста исправить... вот код BODY html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; background: #86b8cd url(../images/headerbg.jpg) no-repeat 50% 0; width:100%; height:100%; padding:0; margin:0; } пыталсы еще так html, body { color: #d5f0fc; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; background: #86b8cd url(../images/headerbg.jpg) no-repeat top center; width:100%; height:100%; padding:0; margin:0; }
0 votes6 answers -
Форма отправки сообщения
Есть форма отправки сообщения с сайта,но там все поля являются не обязательными для заполнения.Как сделать чтобы поля были обязательными? звёздочки проставить и т.д.? вот код: <div id="mailform"> <b>Заполняйте пожалуйста все поля!</b><br> <br> <b>Ваш email :</b><br/> <input type="edit" name="email" value=""/><br/> <b>Ваше имя :</b><br/> <input type="edit" name="name" value=""/><br/> <b>Контактный телефон :</b><br/> <input type="edit" name="tel" value=""/><br/> <b>Сообщение :</b><br/> <textarea cols="25" rows="5" name="tex…
0 votes4 answers -
Помощь с дизайном
http://meeta.ucoz.ru/666.png - это скрин сайта, в тэг не закрыл, так как разширение слишком большое. Всем доброго времени суток. Столкнулся с одной проблемой в IE9, поставил меню на jquery & css, во всех браузерах работает нормально, стоит там где нужно, только в ИЕ9 проблема, что видно на рисунке. Вот CSS код: ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 266px; left: -115px; list-style: none; z-index:9999; } ul#navigation li { width: 100px; } ul#navigation li a { display: block; margin-left: -2px; width: 250px; height: 50px; background-color:#ff3c00; background-repeat:no-repeat; background-position:center right; border:2px dotted …
0 votes12 answers -
фонофое изображение
добрый день. Фоновое изображение по ширине должен растягиваться на 100% ширины окна браузера(по высоте – пропорционально растяжению по ширине). Центр фонового изображения должен оставаться на одной и той же высоте. Таким образом, при большой ширине окна браузера верх изображения должен «срезаться» верхним меню; низ – белым градиентом; пропорции должны оставаться неизменными. можно ли как-то закрепить центр изображения? оО можно ли как-то обрезать изображение (вложенное в блок тегом img)?
0 votes6 answers -
Высота блоков при резиновой вёрстке
Добрый вечер! Такой вопрос - при резиновой вёрстке можно ли задать единую высоту у двух блоков с разным контентом? (все блоки резиновые) В одной колонке картинка + заголовок + интро В другой - дата добавления и заголовок Проблема в том, что если изменять размер браузера, то блок, в котором контента больше, растягивается по высоте.
0 votes1 answer -
Помогите с кодом.
Помогите пожалуйста - в универе задали написать простенький сайт в Notepad++, чисто на HTML. Все сделал, валидацию прохожу, но преподаватель говорит что на страницах все еще присутствует CSS-код (кроме HTML). Укажите какие теги не подходят под определение HTML (привожу код с двух страниц): <!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> <title>Увлечения</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body background="images/bg1.png" text="#434E3…
0 votes6 answers -
кроссбраузерность
Не могу сделать вот такое вот меню чтобы в Мозиле работало, нашёл много инфы про кроссбраузерность радиальных градиентов но у меня загвоздка в том что вместо обычного цвета #000000 используется rgba, выглядит это так: background:radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); пробовал вот так то есть -moz-radial-gradient(circle farthest-side at 73px 47px, rgba(0, 255, 255, 0.9 ) 10px, rgba(0, 77, 235, 0) 130%); нифига мози не видит как сделать такую раскраску кроссбраузерной помогите кто знает
0 votes5 answers -
Проблема с отображением на мобильнике
Пациент: http://slingobusiki.ru Проблема: http://cs622026.vk.me/v622026369/ebfa/m2FkPR2CpQk.jpg Подскажите, как пофиксить?
0 votes7 answers -
Картинка после пунктов меню.
Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.
0 votes3 answers -
Как избавиться от гор. прокрутки
Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот CSS стили блока article { height: 800px; width: 95%; background-color: #f7f7f7; box-sizing: border-box; margin-left: auto; margin-right: auto; padding:10px; border: 3px double red; border-radius: 15px; overflow:auto; font-size: 1.2em; font-family: Comic Sans MS, sans-serif; }
0 votes4 answers -
У меня проблема со списками
Кто может помочь решить проблему. Почему список с категории Госслужащие, привязен к верхнему списку. Когда он поидеей должен быть под номером 6.2. Код: https://pastebin.com/CdCSsSdR Хочу чтобы было так: Раздел 6 | Правила общения в любых чатах 6.1 - Мафия (вся). 6.1.1 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.2 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nulla, eaque qui ipsam eos asperiores, impedit eveniet rem omnis consequuntur! 6.1.3 - Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi nul…
0 votes1 answer -
События в <OBJECT>
Такой вопрос, допустим в документ необходимо добавить некий ActiveX, например UpDown: <OBJECT id=UD1 style="LEFT: 209px; WIDTH: 16px; BOTTOM: 0px; TOP: 138px; HEIGHT: 20px" classid=clsid:603C7E80-87C2-11D1-8BE3-0000F8754DA1><PARAM NAME="_ExtentX" VALUE="423"><PARAM NAME="_ExtentY" VALUE="688"><PARAM NAME="_Version" VALUE="393216"><PARAM NAME="Value" VALUE="0"><PARAM NAME="Acceleration" VALUE="0"><PARAM NAME="Alignment" VALUE="1"><PARAM NAME="AutoBuddy" VALUE="0"><PARAM NAME="BuddyDispid" VALUE="-1"><PARAM NAME="BuddyIndex" VALUE="-1"><PARAM NAME="OrigLeft" VALUE="0"><PARAM NAME="OrigTop" VALUE="0">&…
0 votes0 answers -
Подскажите программу
Добрый день! Не мог бы мне кто-нибудь подсказать программу для веб-дизайна, примерно такого типа как FrontPage? Главное условие, чтобы она была официально бесплатной и её можно было бы установить на работе не опасаясь, что фирма может попасть на штраф. Заранее спасибо.
0 votes3 answers -
Спасите!
Спасите!!!Я решила написать свой первый сайт.....и вот уткнулась в такой элементарной(наверное) штуке... Я использую программу adobe dreamwear cs3.... программа очень нравиться,но проблема в создании flash объектов.... ...При сохранение flash элемента выскакивает окно где написано: "Button 1.swf" является недопустимым именем фаила. Выберите другое имя фаила. Вот и не могу разобраться что от меня хотят..... имя меняла... все тоже самое выскакивает....уже не знаю что и делать....
0 votes2 answers -
Поиск части текста в NVU
Собственно вопрос в теме: как найти в NVU-редакторе неточное совпадение текста (с символами типа *, #...)
0 votes2 answers -
height:100% что-то я не пойму
Здравствуйте. Бился три часа над решением проблемы - убился напрочь. Подскажите пожалуйста, как блок вытянуть на 100% по высоте? Надо вытянуть #left и #right, причем так чтоб при большом контенте в #right, #left тоже тянулся по всё длине странице. Что-то я не как не соображу, может с вёрсткой надо иначе сделать? Вот страница http://palto-modello.ru/tmpl.php Заранее спасибо.
0 votes2 answers -
помогите с редактированием страниц.
Прошу помощи с редактированием страниц. Есть сайт: http://put-i-klad.ucoz.net/ проблема в том что в браузере "mozilla firefox" первый контейнер заходит под шапку. Где и как можно увеличить высоту верхней части сайта? Собственно вот что у меня в верхней части сайта на данный момент: <DIV class="header"> <IMG style="margin-top: 0pt; margin-left: 0pt; margin-right: 0pt;" alt="шапка" src="/001.jpg" align="top" width="1000" height="350"><BR> <DIV class="date">$WDAY$, $DATE$, $TIME$ </DIV> <DIV class="navigation"> <A href="$HOME_PAGE_LINK$" class="i-home" title="Главная">Главная</A> <A href="$PERSONAL_PAGE_LINK$" class="i-prof…
0 votes4 answers -
Как выковыривать градиент?
Всем привет! Как выковыривать из фотошопа градиент? Т.е. есть макет в psd, в нем есть несколько градиентов. А вот как их вытащить я не знаю. Надо чтобы прям скопировался весь стиль: цвета, непрозрачность и т.д. Пока получается скопировать лишь базовый цвет. Пробую еще "скопировать стиль слоя", но ничего не меняется. Вот так это все выглядит: Помогите пожалуйста, знающие люди.
0 votes3 answers -
нужно ли при указывании позиционирования фона уточнять "позишн абсолют"?
Здравствуйте. Подскажите, почему когда я написал стиль body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;}, рисунок почти полностью уползал наверх и я видел только его самый нижний кончик. И только уточнение position:absolute, то есть, полная запись body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;position:absolute;} поставило всё на свои места. Но ведь в http://htmlbook.ru/css/background-position ни слова не сказано, что нужно уточнять - позишн абсолют. Браузер Опера11. Проверял и в Лисе.
0 votes4 answers -
Если CSS-файл стал большим
Некоторое время назад мне попалась довольно интересная аналитическая статья на английском языке об организации сложных CSS-файлов. Своего рода обзор, где приводились примеры, используемые программистами, для приведения в порядок больших по размеру CSS-файлов. Суть сводилась к созданию документации в самом файле: структура вложенности блоков (такое себе оглавление, как в книге), плюс разные хитрости с примерами использования — для того чтобы исключить ненужное дублирование кода, улучшить читабельность и т.д. Статейка эта была отложена для дальнейшего изучения, но затерялась среди случайно закрытых вкладок. А теперь вот не могу вспомнить, где ее нарыть. Подскажите что-либо …
0 votes6 answers -
Заглушка для браузеров
Терпеть не могу кроссбраузерность.. Хочу поставить заглушку для браузеров. Кто знает методы заглушки(переадресацию на спец страницу) браузеров: IE,Opera,Firefox. Знаю, что для IE есть, но не могу найти рабочий.Прошу прислать скрипт и рецепт для его или ссылку на сайт.
0 votes1 answer -
Список на текущую позицию
Может было, просто не могу сформулировать Как сделать похожее меню http://htmlbook.ru/css, слева которое ? overflow добавил, подсветку ссылки текущей страницы тоже. Осталось сделать прокручивание списка на текущую позицию. хэлп
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-