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
-
Карта-изображение в новом окне
Добрый день. Известно, что имеется способ "увеличить" мелкий рисунок из текста,выводя его в новое окно: <a href="images/stories/karta-maxi.png" target="_blank"> <img src="images/stories/karta-mini.png" /> </a> В связи с этим вопрос: Можно ли сделать так, чтобы на одной странице среди текста стояла маленькая картинка-ссылка для открытия ее большого карты-изображения в НОВОМ окне? При этом это увеличенное изображение в новом окне должно быть КАРТОЙ ссылок! Все найденные мной указания, в том числе и здесь http://htmlbook.ru/content/karty-izobrazheniya, сводятся к созданию карты прямо на текущей странице, без "переброса" на другую.
0 votes0 answers -
HTML 5 верстка и футер в низу
Собственно тема уже не раз поднималась но все таки есть не понятные моменты - а именно как это можно сделать без лишних блоков и абсолютного позиционирования? Пока сделал как приведено ниже, но хотелось бы чистый html5 код без лишних #wrapper и .clear HTML: <body> <div id="wrapper"> <!-- —————-- Header —————————-- !--> <header> <h1> Шапка страницы </h1> </header> <div id="content"> <section class="s1"> </section> </div> <div class="clear"></div> </div> <!-- —————-- Footer —————————-- !--> <footer> © </footer> </body> </html> CSS: @imp…
0 votes0 answers -
css,не показывает backround
Всем привет. Мне нужно наложить текст на картинку,но почему-то картинка не показывется. html: <table border="0" cellpadding="0" cellspacing="0" align="center" id="myPets"> <tbody> <tr> <td class="MyPetsText"> <?if(!$USER_LOGGED_IN$)?>Заведите зверика, дрессируйте, ласкайте, играйте с ним. Ухаживайте за ним, как за настоящим домашним любимцем, и тогда он отплатит Вам настоящей любовью и преданностью, станет предметом гордости и восхищения.<?endif?></td></tr></tbody></table> css: #myPets{backround:url('http://newzveriki.ucoz.com/MyPets.png') no-repeat;width:634px; height:137px;} .myPetsText {padding:2px 20px 1…
0 votes2 answers -
Проблема с фоновыми изображениями
http://joxi.ru/O4oRVIwyTJCUeXnmiu8 Верстаю с помощью таблицы. Обрал все что можно .antyraj{ margin: auto; padding: 0px;}td{ border: 0px #008040 solid; padding: 0px; margin: 0px;}Все равно есть разрывы в изображении. Все вставлено фонами в td. Может есть у кого идеи!
0 votes2 answers -
Про прозрачность
Подскажите как применить прозрачность только к фону , а не к тексту и другим элементам
0 votes2 answers -
Проблема margin
Здрасти всем, у меня возникла проблема в margin, прощу помощь. Вот html страница <body> <div id="center"> <div id="logo"></div> <div id="leftbar"> тесттттттттттттттттттттттттттттт </div> <div id="rightbar"> <div id="panel">Панел</div> <table> <tr><th>#</th><th>тест</th><th>тест</th></tr> <tr><td>1</td> <td>тест</td> <td>1111</td></tr> <tr><td>2</td> <td>тест</td> <td>26.02.1992</td></tr> <tr><td>3</td> <td>тест</td> <td>08.05.1…
0 votes1 answer -
где ошибка?
помогите начинающему разобраться, где ошибка. По замыслу при наведении на li добавляется класс dob и в результате меняется ссылка. но ничего не работает! $(window).ready(function(){ $('li').hover(function(){ $('a').addclass('dob'); }); });
0 votes1 answer -
верстка письма
Добрый вечер. Столкнулся с неприятным багом в Outlook 2007. В колонке таблицы хочу разместить картинку(элемент дизайна) размером 14x580. Если указать src картинки(а мне именно так и нужно и никак иначе) через cid, то в Outlook'e изображение растягивается до 720px, что совершенно все портит (если указывать через обычный url, то все ok, но это не вариант). Есть у кого идеи/советы? Возможно вознаграждение(ЯД).
0 votes0 answers -
Проблема с элементом audio
Вот сайт. На компе при тесте плеер играет, а в инете нет =( Пробовал ставить атрибут autobuffer но не загружает буфер. Как быть?
0 votes0 answers -
редиррект с www.domen.com на domen.com в файле .htaccess
Скажите пожалуйста, как настроить редиррект с www.domen.com на domen.com в файле .htaccess Вот в Яндексе есть опция выбора главного зеркала, в Гугле раньше была, сейчас уже нет. Похоже что через гугл-вебмастер это не решается. В сайтмап указал всё БЕЗ www. Яндекс схватил всё правильно БЕЗ www, а вот Гугл - как-то непонятно, есть странички и С и БЕЗ www
0 votes1 answer -
простейший вопрос, но вызвал ступор
Добрый день всем участникам! Суть задачи - есть много (около 4.000) файлов html, структура одинаковая, нужно из каждого файла экспортировать текст в какой-нибудь формат для дальнейшей сортировки (xls, csv, odt - не столь важно). Пример кода: <b class="worker">Виктор</b>, вот нужно только этого "Виктора" и экспортировать. Хотелось бы найти готовое решение/программу, все мысли почему-то крутятся в заказе скрипта-обработчика на php... Заранее спасибо за советы )
0 votes0 answers -
верстка горизонтального меню
Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!
0 votes3 answers -
Помогите сделать выпадающее меню с активными подпунктами
Всем привет, вот такая у меня проблема, может кто сталкивался, сделал горизонтальное меню, с выпадающими вниз подпунктами Активной ссылке и активному пункту подменю присваивается class active Как можно сделать так, как ЗДЕСЬ, только средствами css или другими скриптами ? Пока что сделал так: <div id="menu_glav"> <ul> <li><a href="index4.html">Gallery</a> <ul> <li><a href="index2.html">Concept</a></li> <li><a href="index2.html">Shows</a></li> </ul> </li> <li><a href="index6.html">Artworks</a> <ul> <li><…
0 votes0 answers -
Нужна помощь по установке модуля
Помогите пожалуйста поставить на DLE "Фотоальбомы для DataLife Engine – версия 0.10". Мне не понятна установка предоставленная автором. Кто может, напишите пожалуйста свой скайп (в личку не пишите, я не могу отвечать по правилам форума, т.к. лс можно отправлять после 30 сообщений на форуме). Очень надеюсь на вашу помощь!
0 votes0 answers -
Новые селекторы в CSS для новичка.
Здравствуйте, просьба помочь разобраться с такой штукой - что это за символ такой в CSS ">". Встретился такой вот код: .navbar-medium .nav > li > a { margin: -5px 0; padding-bottom: 15px; padding-top: 15px; } Я конечно погуглил и примерно выяснил что это означает, но был безмерно удивлен таким "тэгом", поскольку вижу его впервые. На htmlbook'e я информацию по нему не нашел, хотя ХТМЛБУК для меня как библия ). Поясните если не тяжело откуда это взялось и где о нем можно почитать. Заранее спасибо за ответы.
0 votes2 answers -
Аттрибут у <a>
Добрый день! Преамбула: я использую твиттер бутстрап у себя на сайте. С помощью модального окошка я хочу организовать удаление элементов их списка. У каждого элемента есть свой id: 1. aaaaa 2. bbbbb 3. ccccc Сама форма выглядит вот таким образом: <div id="catDelModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="catDelModalLabel" aria-hidden="true"> <div class="modal-header"> <h3 id="catDelModalLabel">Удаление каталога</h3> </div> <form id="catDelModal" action="" method="post"> <div class="modal-body"> Вы действительно хотите удалить этот каталог? Действие не может быть отменено. </div> <…
0 votes2 answers -
Помогите исправить ошибки на сайте
Посмотрите, что касается форума, есть ли какие ошибки или нет, ссылка - http://barsik.ucoz.ru/
0 votes0 answers -
Сделать макет самому за 2 недели
Привет. Нужно поднять сайт с нуля для диплома. Ломаю голову как это сделать по проще, но чтобы вынести стартовые знания для начала. Просто с блокнотом очень долго и муторно. Из вариантов только дримьюер, Extensoft Artisteer или WYSIWYG Web Builder! Последние 2 менее мне знакомы. У Artisteer можно сразу в джумлу лить шаблон, а у WYSIWYG Web Builder боле понятный интерфейс. С другой стороны нужна ли эта джумла для сайта-визитки максимум на 15 страниц. Что-то подсказывает что нет. Я понимаю, что такой подход в корне не верен. Нужно начинать с блокнотика. Но у меня всего пару недель, а еще надо подготовить сам диплом в виде текста на 25 стр. Дайте справку, кула лу…
0 votes1 answer -
В списке подкатегорий невозможно выбрать элемент
Всем привет Мне надо прикрутить дизайн к своему сайту На строке Search вверху есть 2 select-а с категориями и под категориями При выборе категории(например если выбрать Category D003) ajax-ом заполняется список подкатегорий Проблема что в списке подкатегорий невозможно выбрать элемент - он как будто задизейблен. При этом он имеет такой html: <select id="select_subcategory" name="select_subcategory"> <option selected="" value=""> -All Subcategories- </option> <option value="Subcategory A004">Subcategory A004</option> </select> Все элементы отображаются в Firebug. В css определено : #select_subcategory { position:absolute; left:2…
0 votes0 answers -
Сверстать для смартфона
http://jsfiddle.net/ceA3n/ на компе все окей а на мобиле полосы на картинку налезают как можно такое сверстать?
0 votes1 answer -
Помогите с реализацией сайта пожалуйста
Хочу создать в своем городе карту ЧП - чтобы можно было зайти - выбрать точку на карте и оставить отзыв с фото например. ПОдскажите пожалуйста как это реализовать (через яндекс карты или гугл - или любые другие - не важно-как!) попадая на сайт должна быть карта и варианты.Спасибо заранее, подскажите как реализовать или хотя бы что почитать чтобы понял сам.Спасибо!)
0 votes2 answers -
фон сверху и снизу экрана
помогите пожалуйста решить проблему. есть вёрстка. подвал прижат к низу экрана. основной фон сейчас - белый. мне хотелось бы чтобы был градиент в верхней и нижней частях основного фона. как здесь изображения для фона находятся здесь
0 votes0 answers -
печать в браузерах firefox
<!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type='text/css'> *{ margin: 0; padding: 0; } ._TICKET, ._TICKETLAST{ width: 10cm; height: 7.2cm; position: relative; page-break-inside: avoid; } ._PAGEBREAKALWAYS{ page-break-after: always; } ._PAGEBREAKAVOID{ page-break-after: avoid; } ._OBJ{ width: 2cm; height: 2cm; position: absolute; left: 0; top: 0; box-sizing: border-box; } ._V90{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } ._V45{ -moz-transform…
0 votes0 answers -
Хелп Не могу решить задачу ))
Добрый день всем , подскажите пожалуйста , целый день ломаю голову и ничего не получалается , суть проблемы: http://my.jetscreenshot.com/19320/20131023-4ln5-42kb есть два списка , первый это список с картинкой , второй список ниже с названием , при наведении на название выделяется область ссылки , и красится в красный цвет. 1.Как сделать чтобы при наведении на название красилось еще и в красный цвет рамка сверху списка картинки. 2.как сделать чтобы при наведении убиралась прозрачность и появлялся просто красный цвет (прозрачности добился с помощь opacity) спасибо! 3.текст я поместил в спан , не могу добиться того чтобы он ушел на пару пикселей ниже , а если пытаюсь сдвину…
0 votes2 answers -
Как сверстать такой слайдер?
Как сверстать такой слайдер? или где взять аналогичный? http://s001.radikal.ru/i195/1407/4a/d991e2555715.jpg
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-