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
-
Подскажите аудиоплеер
Здравствуйте,подскажите флеш аудиоплеер для сайта. Где есть функции javascript для остановки воспроизведения, если запустился другой трек. Понравился drplayer, но у него нельзя поменять background-color, так как уже скомпилированная swf. Так же смотрел nx_audio_player. Но он почему-то тормозит в FireFox и надо написать хак для IE.
0 votes1 answer -
РАЗБИРАЮ МАКЕТЫ
ПОМОГИТЕ разбиратся с макетами!Хочу освоить но большие проблемы вот код <!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> <style type="text/css"> *{ padding: 0;margin:0 } body{ height:100%; min-height:100%; overflow: hidden; } #maincontent{ background: red;position: fixed; _position:absolute; right:0;top:0;bottom:0; height:100%; left:300px; /*width:600px;*/overflow: auto; } #framecontent{ position:absolute; width:290px; background: yellow; top:0;left:0;right:0; bottom:0; } </style> </head> <body>…
0 votes1 answer -
Кастомизация Элементов Форм...
Здравствуйте. В JS Я новичёк - но недавно все же решил написать для себя несколько плагинов по кастомизации инпутов(разного рода). При этом столкнулся со следующими трудностями: 1) При добавлении в HTML код радиобаттонов - мои кастомизированные чекбоксы перестают реагировать(сменой галочки) по 1-му клику и нормально работают только начиная со 2-го!? (происходит это только после перезагрузки браузера!) 2) Не удается сделать активным(по умолчанию) нужный мне 1-ый радиобаттон?(прописываю ему checked="checked" или же просто checked - но это не даёт результата?) P.S. Скриншот можно увидеть по этому адресу: http://yamaradg.narod2.ru/history/check3.jpg Cама страница с плагинами …
0 votes0 answers -
Как при нажатии кнопки перенестись в конец сайта
Как при нажатии кнопки вверху сайта (например:"комменты") перенестись в конец сайта где расположено поле для комментов. Буду очень благодарен.
0 votes1 answer -
темизация формы поиска
Помогите определить откуда на в блоке поиска в форме ввода текста берется серая рамка в хроме, в остальных браузерах ее нет. border:none; не помогает. Сайт ya-studio.ru пс: outline: none; тоже не надо советовать, это другая рамка - не фокус
0 votes3 answers -
IE7 проблема с футером, табы
Здравствуйте. Не могу никак решить проблему с футером на этой странице - http://hunt.su/product/brjuki-deerhunter-selous-safari-3604-024/ в IE7 он поднимается вверх. В общем почему-то слой wrapper не видит внутри себя других блоков, поэтому футер и поднимается. Обычно я боролся с этим добавляя в конец clear: both, но почему-то не помогает. Пытался еще overflow: hidden добавить wrapper, но это тоже не решает проблемы. Причем проблема только на этой странице, на других, где нет ТАБов, все хорошо, может в них проблема. Заранее всем спасибо.
0 votes1 answer -
Верстка вертикального меню на основе таблицы
Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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=utf-8" /> <title&…
0 votes3 answers -
Выравнивание контента по вертикали
Добрый день! имеется нужда вне зависимости от высоты экрана выравнивать содержимое по центру т.е есть див в нем есть другие дивы перерыл весь инет решения не нашел а то что нашел не действует 1) способ http://habrahabr.ru/post/189696/ это не действует так как left:0. top:0. right:0; bottom:0; в IE не работает 2)способ тоже т.к блок не вытягивается на всю высоту, а лишь на высоту дива(в данном случае .textalign не во всю высоту экрана, а по высоте внутри лежащего дива) 1 .textalign{ 2 display: table; 3 width:500px; 4 height: 100%; 5 position: relative; 6 overflow: hidden; 7 …
0 votes3 answers -
Определить нужную картинку для сайта, с которого делятся ссылкой вконтакте.
Суть такая, есть сайта. На нем жмут ссылку "поделиться" - вконтакте появляется описание сайта с картинкой. Как определить нужный тип картинки, которую должен использовать вконтакте?
0 votes3 answers -
Проблема с блоком поиском
Всем привет) Вот сайт верстаю http://texteredsa.besaba.com/qm/ пытаюсь сделать вот эту копию http://www.quomodo.pl/qm3/v4_parallax/ проблема с большим блоком поиска и кнопкой button. Уже пару часов просматриваю как там в фаербаге она устроена, так понять и не могу, знаю что в css для них сделан блочный стиль. а как именно не догоняю. В бутстрапе не шарю, пытаюсь с нуля сделать. Подскажите как там сверстано?
0 votes1 answer -
атрибут accept
accept не поддерживается в большинстве браузеров! как решить эту проблему??
0 votes3 answers -
горизонтальное центрирование без width
Имеется шаблон, в нем такая схема: <div id="gallery"> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> ... </div> Joomla генерирует произвольное число этих самых gall_item. Как выровнять их в любом случае по центру? Традиционное решение типа задать для gallery width="..px" и margin: 0 auto; не подходит, т.к. длина блока зависит от количества элементов.
0 votes2 answers -
Проблема с PIE.htc
Всем привет. У меня не отрабатывает PIE.htc в поддомене (xxx.site.ru). В index поддомена прописаны абсолютные пути (http://site.ru/images/'>http://site.ru/images/)...и т.п. Всё работает кроме данного скрипта. На главной странице сайта (http://site.ru) работает без проблем. Прошу помощи, помогите решить данную проблему.
0 votes1 answer -
Исчезают ссылки из за свойства float!
Вот так трабла. Добавил к списку ul свойство float, а в тегах li были ссылки из за этого ссылки пропадают, то есть то есть отображается просто как текст, а при нажатии ничего не происходит. Пробовал список добавлять в тег div и уже div'у задавать float, но безрезультатно не подскажите в чем ошибка?
0 votes2 answers -
Wordpress верстка
вчера начал верстать под вп, уже почти заканчивал и вроде бы все хорошо, но в конце pagenavi растянулся на всю ширину и кнопка читать полностью съехала вниз, собственное как это исправить? http://moslem.ws/blog/ - Что получилось http://demo.moslem.ws/myblog/ - как должно было быть.
0 votes2 answers -
Несколько бакграундов в IE
Возможно ли отрисовать с помощью DXImageTransform реализовать в IE поддержку нескольких бакграундов по аналогии с CSS3: #element { background: url('img.png') 20px 0 no-repeat, url('img.png') 40px 0 no-repeat, url('img.png') 80px 0 no-repeat; } Пробовал сделать вот так: var Element = document.getElementBuId('element'); Element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 40)" + ", progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png', sizingMethod='crop'), progid:DXImageTransform.Microsoft.Matrix(Dx = 20)"+ ", progid:DXImageTransform.Microsoft.Al…
0 votes0 answers -
Причину ищу
Пока работал над этим http://pomidor.com.ua/seemax/CatMain11.html много открыл для себя. Помогите пожалуйста найти ошибку ведущую к расползанию элементов при изменении разрешения экрана http://viewlike.us/?url=http%3A%2F%2Fpomidor.com.ua%2Fseemax%2FCatMain11.html&button.x=39&button.y=15 Мало того, можно заметить как при уменьшении разрешения на картинку в Хед лезет фоновый цвет <HTML> FireBug и тщательный просмотр всех элементов не дали мне возможности разобраться.
0 votes2 answers -
валидатор
валидатор выдаёт такую ошибку var $sp_head = $('<div class="sp-head folded clickable">'+ name +'</div>'); The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem. If this error occurred in a script section of your document, you should probably read this FAQ entry. может кто знаком с такой ошибкой?
0 votes2 answers -
Opera не видит отступ слева
http://kudo.hop.ru/www/box.php меню слева не коректно в опере смотриться причем с первым элементом все нормально, а вот последующие не видят padding с лева подскажите пожалуста,
0 votes2 answers -
картинка в таблице?
верстаю сайт http://tuuut.16mb.com/DB, столкнулся с проблемой: как вставить в таблицу между ячейками полосу(картинку)?
0 votes1 answer -
Проблема с фоном
Подскажите, плиз. Такие строки: .content { ... background-color: #2b2e28; background-color: rgba(43,46,40,0.45); ... } Если с первой строкой все ясно и понятно, то откуда берется вторая строка из Photoshop?
0 votes2 answers -
Разделитель в меню
Вопрос: есть касой разделитель в меню, а как сделать так чтобы он оставался по центру когда сайт тянется
0 votes1 answer -
Что делать?)
Есть у меня недопипилиный сайт на юкозе [hide]chiphone.at.ua[/hide] Хочу перегнать его на платный хостинг и домен (чтоб избавиться от рекламы, в первую очередь...да и свои навыки поднять было бы не лишним) Вопрос заключается в том что дальше юкоза я ничего не знаю (ну небольшая база html все же есть) и просто не представляю с чего мне начинать. Хочу создать вот такой простенький сайтец на недорогом хосте Спасибо
0 votes1 answer -
Не работает background-image
У меня возникла проблема подобного характера. Код html имеет такой вид <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN" "[url="http://www.w3.org/TR/html4/loose.dtd%22>"]http://www.w3.org/TR...ml4/loose.dtd">[/url] <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content=""/> <meta name="description" content="" /> <link href="css/style1.css" rel="stylesheet" type="text/css"> </head> <body> <div class="contentmain"> </div> </body> </html> В css прописано следующее: @charset "utf-8"; body { m…
0 votes1 answer -
CSS верстка страницы, проблема с центрированием
Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-