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
29,542 questions in this forum
-
<a> вынести BG-картинку за пределы элемента
Привет всем. Имею UL лист со ссылками такого вида: ul.mm, ul.mm li { list-style:none; } ul.mm a { display:block; background:#4dc4ed url(/images/bg_mm.gif) right top no-repeat; height:25px; color:#FFF; margin-bottom:2px; width:200px; font-size:0.8em; text-decoration:none; line-height:25px; padding-left:1.5em; } ul.mm a:hover { background:#ec584c right bottom url(/images/bg_mm.gif) no-repeat; } Посмотреть можно тут: http://www.zebra-tara.ru (там пустая страница, только лист со ссылками) Что я хочу: чтобы фоновая заливка цветом у ссылки заканчивалась до background-изображения. Либо, как-то вынести изображение правее элемента, но чтобы они составляли единое целое…
0 votes9 answers -
Кнопка загрузки
Подскажите что надо сделать, чтобы кнопка загрузки вместе с полем адреса, а именно <input type="file" name="fupload"> была по ширине равна блоку таблицы, а то поле в мозилле равно ширине, а копка справа болтается. В опере вообще по другому. Как-то пытается вместе с кнопкой встать в блок но не получается. Что сделать?!
0 votes4 answers -
Flash-сайты
Очень красивый дизайн у флеш-сайтов. Можно такие фуртеля закрутить - прямо закачаешься! Но вот интересно ваше мнение какие плюсы и какие минусы у такого сайта? Возможно ли как-то подключить java script к такому сайту? Как-нибудь можно решить трудности с обновлением сайта, если сайт не рекламный и частенько подлежит обновлению? Как поисковики относятся к подобным сайтам? Большой ли размер у подобного рода сайтов? Стоит ли делать флеш-сайт, если тематика "Юмор" и раза 2 в неделю он обновляется? Просто может есть какие способы как для action script сделать актуальным или подключить java script?..
0 votes6 answers -
Размещение кнопки слеваот таблицы справа
Не получается разместить кнопку в другой таблице от другой таблицы. В архиве фото ,какое я хочу получить, и мой код , который не может сделать это. http://www.sharemania.ru/0113759
0 votes3 answers -
svg
Возможно подключить svg из отдельного файла xml в xhtml? И вообще стоит ли оно того, если IE поймет такое только с 9.0?
0 votes2 answers -
Нужны ли такие ссылки?
В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??
0 votes3 answers -
Почему маркеры не убираются?)
html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}
0 votes3 answers -
CSS3 и HTML5 стоит ли заморачиватся новичку?
Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?
0 votes3 answers -
jQuery отмена события после fired
На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.
0 votes13 answers -
Частный случай вертикального выравнивания.
Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…
0 votes8 answers -
Что лучше выбрать?
Объясните, пожалуйста, в каких случаях предпочтительнее пользоваться классами, а в каких id?
0 votes5 answers -
Подсветка рисунка при наведении.
Как сделать так, чтобы при наведение на рисунок-ссылку он становился чуть светлее?
0 votes7 answers -
Переопределить цвет ВСЕХ ссылок
Здравствуйте! Прошу помощи. Требуется переопределить цвет абсолютно всех ссылок, стиль которых определён в html и css, недоступных мне; есть только возможность написания анти-css. Однако, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a {color: #00aaff;} - не работает полностью. Но, к примеру, a, * a, * ul a, * li a, * * a, * * * a, html a, body a, p a, td a, th a, ul a, ol a, * p a, * td a, * th a, * ul a, * ol a, #preftoc a, #preftoc li a, #p-personal .pBody ul a, #p-cactions li a {color: #00aaff;} - работает. Но указание каких-либо дескрипторов недопустимо, поскольку когда исходные разработчик…
0 votes8 answers -
аналог box-shadow
Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?
0 votes1 answer -
Сайдбар падает вниз.Резиновый двухколоночный макет.
Не могу понять,в чем проблема,сайдбар должен находиться справа,сбоку,а он упорно падает вниз!Он справа,но внизу,под #content, а не сбоку! .Почему?Люди, помогите,пожалуйста!!!)))) css код: @charset "utf-8"; /* CSS Document */ <style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output…
0 votes4 answers -
как "приклеить" изображение в верхнему краю?
здравствуйте, скажите как прикрепить изображение к верхнему краю, я хочу чтобы в блоке меню, (его оформление описано в классе .navigation) было прикреплено изображение к верхнему краю - это тонкая полоска, и чтобы оно не повторялось по высоте, но в backgroung-image можно задать только общий фон, а в border-top нельзя задать изображение... можно конечно наверное сделать отдельный блок, внизу или поверх, но наверное это не лучшее решение. подскажите как лучше сделать?
0 votes7 answers -
При position: absolute перестает работать margin: auto.
https://jsfiddle.net/wm5uk9w6/ При position: absolute перестает работать margin: auto. Почему?
0 votes5 answers -
Размер теста
Почему при указании Font-size: 250px, текст занимает 289px. При верстке использую минифицированную версию Bootstrap 3. Текст отображается неправильно даже вне класса container .
0 votes6 answers -
Множественный DTD - где проблема?
Пытаюсь добавить в стандартное DTD для XHTML1.1 определение общей сущности &footer; Есть DTD в файле DTDTest.dtd: <!ENTITY footer '<hr size="1" noshade="true" /> <font CLASS="footer"> <a href="index.html">Домашная страница O'Reilly </a> | <a href="sales/bookstores/">Книжные магазины O'Reilly</a> | <a href="order_new/">Как сделать заказ</a> | <a href="oreilly/contact.html">Контакты в O'Reilly </a><br/> <a href="http://international.oreilly.com/">Международная информация</a> | <a href="oreilly/about.html">О O'Reilly</a> | <a href="affiliates.html">Сотрудничающие ко…
0 votes0 answers -
Таблица с горизонтальным скролом и неподвижной ячейкой
Всем привет. Смысл вопроса примерно в следующем. Есть таблица с данными и управляющие кнопки, которые отображаются на каждой строке таблицы. Проблема в том, что данных может быть достаточно много и физически все столбцы не помещаются на экране, ну и соответсвенно управляющие кнопки уезжают. Может у кого-то есть идеи или наработки как сделать так, чтобы блок с данными прокручивался, а столбец с кнопками всегда оставался на месте. Есть идея разбить таблицу на две и каждую поместить в свой див(один со скролом), но тут встает проблема с синхронизацией высот(ячейки не обязаны иметь одинаковую высоту) соответсвующих ячеек из обоих таблиц. Высоты конечно можно регулировать с по…
0 votes1 answer -
Почему подчеркиваются ссылки?
В CSS указал: a:link {text-decoration:underline; color:#CCCCCC;} a:active {text-decoration:underline; color:#CCCCCC;} a:visited {text-decoration:underline; color:#CCCCCC;} a:hover {text-decoration:none; color:#FFFFFF;} Но ссылки белого цвета и все равно подчеркиваются. Почему так?
0 votes4 answers -
Div верстка (высота и фон)
Сперва ситуация ! Есть дизайн пытаюсь сверстать но появилась проблема в FF,Opera в IE всё нормально ! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>test</title> <style type="text/css"> <!-- html { height: 100%; margin: 0; padding: 0; /*background: #fa0;*/ } body { height: 100%; margin: 0; padding: 0; background: #ccc; padding: 0 15px } #page { min-height: 100%; margin: 0 auto; background: #5af } #container {margin:0 auto; width: 960px;height:auto !important;height:100%;min-height:100%;backgr…
0 votes5 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 -
Выделить input, не сбивая дефолтной браузерной темы
Прикручиваю jquery-вую валидацию к старинной спартанской формочке с дефолтным системным оформлением инпутов, столкнулся с проблемой, как выделить ошибочно заполненные (получившие класс .error). При изменении фона или бордера слетают остальные компоненты XPшной темы и измененные инпуты начинают казаться совсем чужеродными (другие размеры из-за padding-ов, псевдообъемность и т.п.). Outline — хороша, ненавязчиво выделяет, ничего не ломая, но... не работает в IE7 (да, совсем забыл: формочка рисуется в quirks mode, переверстывать некогда). Пока остановился на противоестественной комбинации outline для людей и filter:glow для старых ослов, но... может есть еще что-нибудь просто…
0 votes9 answers -
Отрегулировать высоту выпадающего списка у select в ie
Всем привет, при верстке сайта столкнулся с проблемой высоты выпадающего списка в IE, элементов в списке много и шрифт у них большой: 25px. В ие при нажатии список растягивается огромной горизонтальной колонкой, это как-то исправляется? Возможно ли это исправить через js?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-