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
-
JW Player
Подскажите, пожалуйста, никак не могу установить данный плеер. Делаю все по инструкции http://www.longtailvideo.com/support/tutor...on-Instructions , все необходимые файлы точно находятся в нужной папке и пути к ним прописаны верно. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <p id='preview'>The player will show in this paragraph</p> <script type='text/javascript' src='swfobject.js'></script> <script type='text/javascript'> var s1 = ne…
0 votes3 answers -
Выравнивание по центру
Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <ul> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> <li><a href="#">#</a></li> </ul> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…
0 votes3 answers -
Вложенность, селекторы (непонятное поведение)
Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …
0 votes20 answers -
Замена цвета областей картинки при наведении мыши
Всем привет, прошу помощи. Вот что есть. Есть изображение размером 175Х251 Необходимо, чтобы при наведении на определенную область изображения ( всего областей 6) - эта область изменяла цвет. для этого под каждую область сделана своя картинка. На картинку наложен параметр "map" чтобы сделать каждый отдельный объект ссылкой Вот как примерно должно выглядеть: http://content.foto.mail.ru/bk/eltuicia/_answers/i-2090.jpg Как реализовать? Спасибо! Делал по аналогии с примеров имеющимся здесь же не сайте http://kottedzhi-v-finlyandii.ru/map/tesrt.html Работает, но как сделать, чтоб работало для нескольких картинок (областей)?
0 votes6 answers -
Внутри <button>неработают события и псевдоклассы
Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?
0 votes10 answers -
Переход на JQuery 2.х
Есть скрипт здесь Работает на JQuery v1.9.1 Пробовал его JQuery 1.10.2 и JQuery 2.0.3 Не работает, что делать в принципе прочёл что надо что-то править для Обновление JQuery 1.9 <script src="http://code.jquery.com/jquery-1.9.0.js"> </script> <script src="http://code.jquery.com/jquery-migrate-1.0.0.js"> </script> А для JQuery 2.0 <script src="http://code.jquery.com/jquery-2.0.0.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script> Что надо делать и что править, кто знает?
0 votes6 answers -
CSS-спрайты
Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/
0 votes17 answers -
Как сделать "выкушенные" уголки у прямоугольника?
Коллеги! У меня к вам вопрос - может есть идеи, как можно сделать с помощью css "выкушенные" уголки у прямоугольника со сплошной заливкой? Т.е. вырезанные вовнутрь со скруглением. Получается, каждый угол выкусывается сектором прозрачного круга. Как-то так http://joxi.ru/bmoog98HqqdKmy Надеюсь понятно объяснил головоломку, буду благодарен за ответ )
0 votes8 answers -
Криво отображается блок на iphone 5
Телефон скачет на другую строчку при разрешении 320 только на iphone 5 На других устройствах отображается нормально. Все что можно перепробовал все равно на ipone 5 телефон сьезжает вниз:
0 votes4 answers -
Изменение стиля ссылки внутри <span>
Есть код: span class="alfavit"> А Б В Г Д Что и как прописать в таблице стилей, чтобы убрать подчеркивание ссылок внутри span class="alfavit"> ?
0 votes2 answers -
Проблема:позиционирование таблицы
Здравствуйте. Вопрос по моей проблеме следующий: когда идентичные вложенные таблицы в родительскую ячейку влезают в размер экрана по вертикали, то все отображается нормально. Как только их колличество становится таким, что ячейка растягивается за предел экрана так же по вертикали, вся основная таблица слегка смещается влево. Притом проблема такая возникает только в Opera. В IE все нормально. Очень буду благодарен за помощь, ибо уже что то грустно выложить скриншоты и код смогу позже. Может просто сталкивался и проблема не такая уж редкая и глобальная
0 votes2 answers -
Ни как не даётся вёрстка блоками
Здравствуйте, ни как не могу понять логику блочной вёрстки. Уже давно работаю в вебе, но не когда не требовалось верстать, точнее всегда вполне хватало табличной. Свободно работаю в ООП, знаю php, теги html. Но вёрстка ни как не даётся мне. Перечитал уже много статей, но по прежнему я не програмирую а подбираю. Посоветуйте какую-нибудь литерату для совсем чайников. И как к вам пришло понимание дивной вёрстки.
0 votes13 answers -
Фотогалерея
Здравствуйте! Увидел интересную галерею http://dev.herr-schuessler.de/jquery/popeye/demo.html. Пример №2.Пробую прикрутить. На сайте есть раздел вроде доски объявлений - хотелось бы чтобы к каждой записи выводился блок фотографий. Проблема в том, что фото выводятся только к последней записи. Убрал у тега ul стиль ppy-imglist - фото выводятся к каждой записи (конечно криво, но они есть). Поэтому возникла догадка, что при каждом последующем выводе записи из БД блок фотографий просто накладывается на предыдущий. Верно ли? И как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h…
0 votes4 answers -
html5 outline
Хочу верстать правильно с семантикой. Только не могу пока въехать, что делать с заголовками, которые не нужны для отображение, но они должны быть для оутлайна. Например в section или article. <section> <h3 class="hidden">Осмысленный заголовок секции</h3> <p>Lorem ipsum dolar sit amet.</p></section>Если прятать с display:none, то плохо для поисковиков. Если visibility:hidden, то мне говорили так можно, в спеке прописано. Но блин он ведь остается в потоке документа и мешает верстке. Если задать свойства, width: 0; height: 0; - это решит задачу или равносильно display: none? Я до сих пор не могу верстать во всю силу html5, пока этот воп…
0 votes7 answers -
Метод как вставить линию до и после текста
Не подскажите ли метод как вставить линию до и после текста, так чтобы они заполняли всю ширину. Нашла только метод с дополнительным span - надо прописывать другой цвет бэкграунда но для моей ситуации это не подходит((( http://clip2net.com/s/3h0LZyt Заранее благодарю)
0 votes10 answers -
написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!
Всем привет! Ребята,я начинающий веб дизайнер,написал в html,форму для своего сайта,но как прописать это в CSS,я не помню!!! Помогите пожалуйста,так что бы заполненная форма,тех кто хочет ей воспользоваться,отправлялась бы мне на почту: lsu73@mail.ru За ранее благодарен всем,кто откликнется! Форму в html,я прописываю ниже: <html><head><title>Обратная связь!</title><link rel="stylesheet" type="text/css" href="index.css"></head><body> <table style="width:900px;margin:0 auto;padding:20px 0px;"><tr><td style="width:435px;padding-left:40px;"> <div style="padding:30px 0px;font-family:Verdana;font-size:2…
0 votes7 answers -
Прыгает скрол при смене изображения в слайдере
Добрый день! На странице http://vs.company/project1.html есть слайдер работ, который переключается при клике на стрелки. Так вот при переходе от вертикального фото к горизонтальному и наоборот, меняется скрол(активная часть экрана.. не знаю как по другому объяснить) и создается эффект прыжка, и стрелки переключения поднимаются или спускаются, что не очень удобно. Высота родительского блока фиксирована. Что интересно данная проблема встречается на больших экранах, у меня при 1366на788 все ок. Подскажите, пожалуйста, как решить эту проблему
0 votes3 answers -
Стили таблицы - строки и столбцы
У меня есть примерно такой код: <table> <col class='id' /> <col class='name' /> <col class='info' /> <tr class=odd> <td>1</td> <td>Пупкин</td> <td>...</td> </tr> <tr class=evn> <td>2</td> <td>Иванов</td> <td>...</td> </tr> <tr class=odd> <td>3</td> <td>Петров</td> <td>...</td> </tr> <tr class=evn> <td>4</td> <td>Сидоров</td> <td>...</td> </tr> </table> Я могу определить цвет фона чётных и нечётных строк, задавая его через классы odd и env…
0 votes5 answers -
Ссылка "обновить"!
Как сделать ссылку "обновить", на которую если нажать, то определённое изображение обновится, в моём случае будет обновлятся капча!?
0 votes9 answers -
Кодировка
Всем привет. В программировании я "нубик", Хотел спросить: хостинг джино, начали слетать сайты, глюки с кодировками и т.п., с чем это может быть связано?
0 votes8 answers -
Только гор. прокрутка
Нужно сделать чтобы в диве лежали картинки Н-ое количество и прокрутка была только по горизонтали, при этом ширина внутренностей дива была равной сумме ширин картинок.
0 votes3 answers -
Очень нужна помощь по формам/таблицам
Всем доброе время суток! Появилась проблемка с реализацией которой уже вожусь не первые сутки, очень прошу подсказать мне способ её решения. Существует форма, которая записывает заполненные данные в базу данных, далее нужно эти данные вывести на сайт в виде таблицы (это сделано) Итак проблема 1: реализовать механизм "скрытия" выделенной строки например выбором в чекбоксе и нажатия на кнопку "скрыть" (чекбоксы есть напротив каждой записи, эти записи можно выбрать, существует кнопочка "удалить" которая собственно удаляет выбранные строки) проблема 2: так же по выбранным чекбоксам отправлять данные этих строк например на почту, т.е. при нажатии кнопки например "выбрать" форм…
0 votes4 answers -
margin-top
html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.
0 votes5 answers -
Zend Coding for Notepad++ v0.6.1
Подскажите как настроить этот плагин под notepad++ что б наберая какоето сокращение вызывались кусочки кода полные????
0 votes1 answer -
Какснаучиться создавать свои шаблоны.
Я знаю html, css, actionscript, но вот беда: не умею делать шаблоны. Как они создаются и что мне нуно дополнительно знать для этого?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-