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
-
Правильный выбор сжатия
Суть вопроса в том: Есть шаблон psd в нем остров с полупрозрачным берегом, нужно как можно более компактно сжать картинку потому что на весь шаблон наложено ограничение менее 180 кб, а графики там море
0 votes5 answers -
проблемы с letter-spacing
Доброе утро. Помогите, пожалуйста, решить проблему. Есть сайт http://test.roganov.kharkov.ua/lamp В шапке сайта слоган (продажа светодиодов...) и номер телефона по разному отображаются в Mozilla и Coogle chrome. Если в Mozilla всё нормально отображается, то в Google chrome расстояние между символами в слогане и номере телефона меньше. Пытаюсь указать значение letter-spacing, в этом случае ситуация меняется, в Google crome нормально отображается, а в Mozilla слова и номер телефона выходят за границы элемента. Подскажите, как решить данную проблему?
0 votes5 answers -
Перекрывание графических ссылок
Здравствуйте, уважаемые знатоки! У меня возникла очень интересная проблема. Графическая ссылка (баннер) в правой панели на определенной высоте недоступна (как ссылка). А именно: выше нижней кромки изображения-шапки, находящейся справа. При смещении вверх правого меню навигации ссылки на том уровне тоже перестают работать. z-index указал, однако результата не последовало. Посоветуйте, пожалуйста, как решить сию задачу. (Сайт: www.nuriev.net). Заранее благодарю.
0 votes8 answers -
Создать таблицу из блоков DIV
Доброго времени суток. Помогите создать таблицу из блоков Div.
0 votes10 answers -
Иконка в различных браузерах
Здравствуйте!Не могу настроить вертикальное положение фонового рисунка для span. Проверяю в 5 различных браузерах: Safari, Firefox - съезжает, а Opera, Explorer, Chrome -нормально. #block-search span { /*Иконка поиска*/ display: block; margin: 115px 0 0 2px; width: 15px; height: 15px; background: url(/images/icon-search.png); position: absolute; background-repeat: no-repeat;}
0 votes7 answers -
img src и backgroun-image запрос к серверу
Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.
0 votes2 answers -
Чем нужно при верстке заменять слайдер
В макете присутствует слайдер картинок. В интернете полно рецептов, как создать или где взять готовый слайдер - и это все с использованием javascript и, часто, jquery. Я хоть и в процессе изучения javascript, но понимаю, что конкретно при верстке обходятся без сложных скриптов - это дело веб-разработчика. Например, при верстке строки поиска нужно добавить форму, кнопку, текстовое поле - а куда это отправляется и как обрабатывается - дело десятое. Может, надо ставить какую-то загрузку. И здесь считаю целесообразным задать еще один вопрос (если надо, создам отдельную тему) - что делать в аналогичном случае, если в макете видео?
0 votes4 answers -
Проблема с ИЕ 6 и 7 в Дивах
Не знаю как сделать так, чтобы в ие 6 и 7 нормально тянулся див, который отвечает за показ заколки. В опере и фф нормально отображается и тянется именно так, как надо. Вот тут архив с хтмл ксс и картинками http://xs2000.narod.ru/123.rar Может кто сможет помочь. Или вот код, если и так будет понятно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Магазин</title> <link href="copy Untitled-2.css" rel="stylesheet" type="text/css" /> </head> <body> <…
0 votes3 answers -
Src в CSS
Как использовать фон в стилях понятно,а возможно ли в стилях указывать стиль картинки типа: a:hover img{src:images/a.gif;}.
0 votes5 answers -
Как тянуть по ширине и длине?
Есть картинка. Не могу понять, как ее можно сверстать, чтобы можно было бы ее растягивать и в длину и в ширину. Чтобы туда к примеру можно было положить текст и в зависимости от его количества, данный блок тянулся.
0 votes4 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body bgcolor="#99CCFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"> <!-- black white frame --> <div id="frame" style="margin:0 auto; width:980px; margin-top:…
0 votes5 answers -
Кодировка в ссылке
Здравствуйте, снова! Хотелось бы сделать кнопку добавления поста в блог ЖЖ. Но столкнулся с проблемой, поясню на примере. Имеем ссылку: http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML используем так: <a rel="nofollow" href="http://www.livejournal.com/update.bml?event=http://htmlbook.ru/faq/&subject=Нашел нужное инфо на HTML" target="_blank" title="Опубликовать в своем блоге livejournal.com">тест</a> </div> тест Ссылка и текст генерируются автоматом - различные на каждой странице (средствами PHP). Но вот вопрос: При переходе с сайта с кодировкой UTF - всё без проблем, пост создается, читаемый…
0 votes3 answers -
Проблема с Web Developer..
В общем не получается протестировать вёрстку под различные мониторы. Родное разрешение 1024x768. При изменении разрешения в Web Developer, к примеру, на 1900x1200 происходит всего небольшое смещение, и всё. Также и под все остальные. Подскажите, в чём может быть проблема, что делаю не так?
0 votes14 answers -
Проблема с вложенной таблицей, Помогите )
Как я понял, из за того что <!-- Главный фрейм --> содержит вложенную таблицу, фон вложенной таблицы срезается по краям на 1 пиксель, это хорошо видно над футером, помогите пожалуйста, убрать этот зазор) <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta name="description" content="Товары для здоровья" /> <meta name="keywords" content="Теги теги, много тегов"> <title>Товары для здоровья</title> <style type="text/css"> .osn {font-family: fantasy; text-align:justify; color: #64522A; font-size: 90%} body { background-color: #6DBA14; background-image: url…
0 votes7 answers -
Проблема с адаптивной версткой
Привет, люди добрые! Встречайте новичка. Народ, кто шарит в CSS3 и HTML5? Пожалуйста, помогите разобраться. Сделал меню для сайта: http://www.boomerang.dn.ua/tmp/html/index.html Зарезинил адаптивно, все выглядит так, как планировал. Но только на экране компа. При просмотре на своем КПК и в эмуляторе Opera Mobile Emulator при 320*240 получается вот такая лажа: http://www.boomerang.dn.ua/tmp/html/wtf.png Меню сжимается и для увеличения до 100% приходится тыкать в экран пальцем. При этом появляется горизонтальный скролл. Применение @media query с псевдоклассом "handheld" картину не исправило. Вот архив с кодом и файлами: http://www.boomerang.dn.ua/tmp/html2.rar Ребята, пожал…
0 votes4 answers -
Что с yandex картами? Как установить на сайт?
вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался
0 votes4 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
Шапка сайта
Подскажите, как сделать так, чтобы шапка сайта менялась автоматически при каждом обновлении страницы, например сейчас так: а после обновления страницы будет так: квадрат и овал это изображения
0 votes4 answers -
Странное поведение ie6
Первый раз столкнулся с таким странным багом IE6. Есть трёхколоночная вёрстка. Но левый столбец при загрузке встаёт левее, чем нужно. При наведении на ссылку в этом столбце - он возвращается на место. При этом hover стили вообще ни каким образом не трогают позиционирование. Собственно сама вёрстка: http://home.cyxapeff.org/work/nail/ Буду очень благодарен хотя бы за подсказку куда копать.
0 votes9 answers -
Абсолютное позиционирование лишь по вертикали
Здравствуйте, форумчане. Нужна Ваша помощь в одном вопросе. Буду очень благодарен за совет... Мне необходимо создать меню, чтобы оно было вроде как абсолютно позиционированно, но не совсем... Дело в том, что если абсолютно позиционировать меню относительно левого края, на маленьких мониторах оно будет залазить на контент, который расположен по центру, а на больших - будет далеко от контента, то есть близко к левому краю окна браузера. Нужно чтобы меню находилось в пределах колонки таблицы (по горизонтали). А по вертикали - бегало при скролинге... Вот здесь это хорошо реализовано http://www.samsung.com/ua/consumer/tv-av/t...&returnurl= Там меню размещено не относительн…
0 votes7 answers -
Chrome глючит
Привет, столкнулся с одной проблемой. В общем есть такой код: <div id="nav-bar"> <div class="nav-bar-block-first"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div> <div class="nav-bar-block-last"><a href="#" class="nav-bar-block-link"><img src="lego/style-img/mobile-ver.png" align="texttop" />Версия для мо…
0 votes12 answers -
запрещение перетаскивания
нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)
0 votes12 answers -
Помогите "правильно" понять тестовое ТЗ
1. Одна HTML страничка. Мне нужно реализовать три кнопки и при нажатии на них инф на стр должа меняться. До этого был сделал так, 3 HTML файла, но при нажатии на кнопки страничкb не перезагружалась а просто менялась инф с помощью JS. Или все таки нужно использовать ОДИН html файл? 2. Код не должен содержать inline CSS Расскажите тут по подробней, с CSS знаком, но не углублялся сильно. 3. Код не должен содержать inline JavaScript Аналогично второму пункт, только с JS пока на "Вы" Спасибо за помощь!
0 votes7 answers -
Верстка на чистом html под unisender
Сделал мини шаблон для email верстки в яндекс программе для просмотра почты на телефоне Периодически съезжает блок и он становится не по середине Что можно сделать?Или добавить или убрать? Спасибо <table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 800px; background-color: #ffffff;"><tbody><tr><td style="width: 25%; background-color: #f0eae6;" valign="top"></td><td valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse; line-height: 0px;"><tbody><tr><td align="left" colspan="2" style="width: 600px; line-height: 0px;"></td></…
0 votes4 answers -
Табы в Opera
Есть код с вкладками: <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Tab 1</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Tab 2</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">Tab 3</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Tab 4</label> <div c…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-