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
-
Подчеркивание ссылки
Всем доброго времени суток! Помогите, пжалуйста Исходный код html <html> <head><title></title></head> <body> <div class="zagolovok"><a href="http://www.pravovest.ru/hotnews/" title="Новости законодательства"> <strong><h1>Горячие новости законодательства</h1></strong></a></div></body> </html> Исходный код css h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #636363; } .zagolovok a{ text-decoration: none; } .zagolovok a:hover { text-decoration: underline; color: #636363; } .zagolovok { position: relative; margin-top: 50px; …
0 votes16 answers -
css-меню
Намаялся, не могу понять: что текстовое, что на спрайтах меню, делаю разные стили для 1 пункта: обычное, hover и active. Срабатывают первые два, active стиль игнорируется. Подскажите пож-та, как должен выглядеть кусок. Допустим, сдвигая изображение: ul.navbar {...} ul.navbar li.main {background-position: 0px 0px; height: 120px;} ul.navbar li.main:hover {background-position: -25px 0px;} ul.navbar li.main:active {background-position: -25px 0px;} и вот находясь на этой страничке мы видем кусок изображения 0px 0px. Что не так ? заранее большое спасибо
0 votes7 answers -
Установка стиля в зависимости от текста
В CSS есть такая хорошая штука-селектор атрибутов.То есть я могу задать стиль элементу в зависимости от значения параметров:a[href*=site.ru]{color:red;}.Каким образом задать стиль в зависимости от наполнения,типа h3[text*=user menu]{color:blue;}.Все делается в Джумле,генерится автоматически,поэтому все элементы модулей одинаковые,и отличаются только текстом.
0 votes6 answers -
как сделать google maps карту позади блока?
В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?
0 votes3 answers -
Помогите с кодом для резиновой верстки
Ребята... Подскажите, а еще лучше, помогите с кодом на сайте khodyka.com Хочу сделать другу сайт, только опыта почти нету....И вышла загвоздка с шапкой страницы....она банально разъезжается при увеличении масштаба.. мне необходимо следующее: 3 области в шапке 1 div под левый рисунок (200Х200) 2 div посередине, разделенный на две области - верхний ДИВ под яваскрипт, отображающий карусель фотографий, нижний ДИВ - отображение навигации для зарегистрированных пользователей; 3 div справа, который отображает обрезанный тизер статьи. Под седьмой эксплоер худо бедно подправил, под 6-ой - тихий ужас. И самое главное - как сделать, чтобы нормально тянулся сайт (шапка), и …
0 votes23 answers -
Проблема с изображениями
Доброго времени суток. У меня сайт на CMS joomla. Раньше я использовал шаблон который сам написал. Проблема моя состоит в том что после того как установил другой шаблон у картинок перестал отображаться отступ прописаный тегом hspace. Подскажите пожалуйста в чем может быть проблема??
0 votes4 answers -
Позиционирование блоков div
Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …
0 votes20 answers -
Как сверстать клавиатуру такую как на картинке (iPhone KeyBoard)?
Здрасте, помогите плиз сверстать такую клавиатуру как на картинке, как сделать тени такие, поместить такие значки shift и backspace? заранее спасибо
0 votes14 answers -
Необычное значение background
На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...
0 votes5 answers -
Вставка содержимого
Возник вот какой вопрос. Нужно на страницу сайта запихнуть 3 неких блока в 3х разных местах, вот так Так чтобы в эти блоки можно было засовывать картинки, текст и прочее. Это можно сделать таблицами, на сколько я понимаю, но я так и не понял как задать определенное расположение таблиц на странице. Непосредственно вопрос: Какими средствами это можно еще сделать? Пожалуйсто, предлагайте все возможные варианты. Спасибо (=
0 votes5 answers -
Разрыв между дивами
Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему
0 votes1 answer -
div vs table
Знаю тема обсуждалась не раз, но все-же кто сталкивался с чем то что нельзя реализовать блоками но при этом можно сделать таблицами? Приводите примеры. Мне сегодня такая инфа. может понадобиться.
0 votes7 answers -
Создание плавающего блока обтекаемого контентом
Реально ли сделать что-то типа такого, но с обтеканием контента? Если не с помощью CSS, то может фрэймами или с помощью jQuery? P.S. С jQuery только начинаю разбираться - поэтому всех нюансов не знаю.
0 votes8 answers -
Проблема центрирования блоков при резиновой ширины
Как центрировать 4 блока при резиновой ширины #wrapper ? <style> /*Blocks*/ html, body{margin:0; padding:0;} #wrapper{width:100%; text-align:center;} #wrapper div{float:left;} #wrapper .b1,.b2,.b3,.b4{border:1px solid red; min-width:200px;} .clear{clear:both;} </style> <div id="wrapper"> <div class="b1">Block-1</div> <div class="b2">Block-2</div> <div class="b3">Block-3</div> <div class="b4">Block-4</div> <div class="clear"></div> </div> Вид на броузере : Клик сюда >>>
0 votes14 answers -
Повторение фона через равные промежутки?
К примеру, я хочу повторять фон в слое, но для экономии трафика режу фоновую картинку по границам видимых элементов на ней. Ну, обрезаю прозрачные края. Можно ли как-то размножить фон через равные промежутки, а не стык-в-стык? Надеюсь, понятно объяснил, чего хочу добиться.
0 votes2 answers -
Браузер не распознает кодировку
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Лето</title> </head> <body> <br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето<br/>Лето 123 </body> </html> Если этот текст помещаю в test.php, то получаю вот такие крякозябры: Если же в test.html, то нормальный вывод. Если в браузере выбрать кодировк…
0 votes3 answers -
Отображение блока только в Opera?
Прелюдия: При разработке интерфейса, столкнулся с проблемой что визуальный редактор TinyMCE некорректно работает в браузерах Opera10+. Более или менее сносно работает только тема simple, в которой ограниченный набор функций. Действия: Решением в данной ситуации было вынести плагины во внешний блок. Что было тут же реализовано. Проблема: Как спрятать этот блок от всех других кроме Оперы браузеров? Реализация любая: css, js, php... Уже час гуглю - пока 0. _______________________________________________________ js^ if(navigator.userAgent.indexOf("Opera")!=-1){... Дает ошибку в safari & chrome браузерах, надо кроссбраузерное решение...
0 votes6 answers -
Нужно изменить формат тега </hr>
Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…
0 votes5 answers -
Подскажите начинающему
Уважаемые юзеры возможно вопросы имеют очевидные ответы для вас, но я новичек в верстке, только осваиваю и не всегда получается найти ответы на все возникающие вопросы, будьте любезны подсказать или ответить на два вопроса: 1) Первый вопрос касается тега <object> Читая литературу по XHTML я пришел к выводу что тег <object> предназначен не только для вставки мультимедия , но также но по стандартам W3C должен заменить тег <img>. Возник вопрос, почему сегодня в сайтах его не применяют? То есть хотелось бы понять в чем сложность его применения как альтернативы <img> и как должен выглядеть тег <object> с картинкой? В качестве ответа мне интере…
0 votes4 answers -
Формирование ссылок. Нужна помощь.
Всем доброго дня. У меня возникла одна проблема с формированием ссылок. Расскажу в начале предисторию. Решил я написать поиск по своему каталогу товаров. Поиск написал работает нормально. НО! При выводе списка товаров, которые соответствуют поисковому запросу есть проблема с ссылками. А именно, у меня в списке присутствует название товара и рядышком возле него корзинка для быстрого заказа, href для корзинки выглядит так http://bccomteh.com.ua/search/?qrstr=nokia&dir=ASC&order=_3&o[28][17885]= работает эта кнопочка нормально, вопросов нет, а для назавния (для перехода на детализацию товара и его описания) выглядит вот так http://bccomteh.com.ua/search/32?pid…
0 votes3 answers -
Шапка сайта.
Всем привет! Помогите в такой проблеме. Когда я смотрю свой сайт на плоском мониторе (у меня монитор SAMTRON 76DF) картинка вставленная в шапку отображается 2-3 раза т.е. не рестягивается. Подскажите в чем может быть причина и как ее исправить. Заранее благодарен!
0 votes6 answers -
Сложное меню
Ребята, подскажите, или может есть пример как можно верстануть списком (дивами) такое меню, не могу логику уловить. Буду благодарен
0 votes5 answers -
Проблема вёрстки резинового меню
Всем доброго времени суток! Решил попробовать сверстать дизайн, но появилась небольшая проблема при вёрстке меню. Меню у меня горизонтальное, шириной 70%. Для его центрирования сделал отступ слева 15%. Меню справа и слева по задумке должно иметь скругленные края, весь фон формата png для сохранения прозрачности. Следовательно фон должен состоять из 3 частей: фон общий, фон справа и фон слева. вот html код: <div id="menu_main"> <div id="menu"></div> <div id="menu-l"></div> <div id="menu-r"></div> </div> css: #menu_main{ float:left; margin-top: 75px; margin-left: 15%; width: 70%; height: 58px; min-width: 700px…
0 votes7 answers -
Отображение списка
Доброго времени суток. У меня возникла проблема необходимо сделать меню одним списком, только что бы оно отображалось примерно так: Проблема как раз состоит в том что блок меню ограничен по высоте и то что не влезет должно отобразится сбоку. Подскажите это вообще реализуемо?
0 votes2 answers -
Как сохранить позицию страницы?
Доброго времени суток. Есть такая проблемка. Каталог товаров, на странице присутствует пускай 70 пизций. напротив каждого названия есть корзинка для заказа. Суть проблеммы: если прокрутить страничку в самый низ и заказать один из последних товаров то после выполнение обработки добавление товара в корзину страничка перегружается и соответственно перемещается вверх (или другими словами обновляется). Подскажите как можно реализовать следующее, после нажатия на корзинку и обновления страницы опустить прокрутку на прежнее место? Скажу сразу что несколько кодов находил в интернете но прикрутить никак не получается. Заранее благодарен.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-