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
-
проблема - растягивающийся button в FF
Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…
0 votes2 answers -
Мистика
Здесь был текст, сейчас его нет
0 votes1 answer -
Проблема table
Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы
0 votes3 answers -
z-index не выходит из текущего слоя в ie6 (по событию в jQuery)
Страница демонстрирующая пример расползания в ie6: http://pva.ru/index_kley.html (клацните на картинку с клеем "ПВА-М") Таблетки из разных css свойств (clear:both;zoom:1;overflow:hidden;...) больному не помогли. Хотя скорее это я плохой доктор и не там лечил. Функция jQuery отвечающая за увеличение картинки: $('#paint a').toggle( function(){ $(this).css({'z-index':'20'}); $(this).find('img').stop() .animate({top:'-40px', left:'-40px', width:'400px', height:'400px' },400); $(this).find('span').hide(); $(this).find('span').fadeIn(500); }, function(){ $(this).css({'z-index':'0'}); $(this).find('img').stop() .animate(…
0 votes0 answers -
Smarty. Перестает работать после изменения шаблонов
Привет всем! Такая ситуация: Если у шаблона (файл index.view.tpl) изменяется дата изменений - шаблон перестает работать. Я так понимаю, когда смарти видит, что файл был изменен - он его перекомпилирует. А в моем случае - перекомпиляция не работает. Или её нужно как-то запускать, а я не знаю как. Получается я не могу редактировать шаблон. Что делать?
0 votes3 answers -
Изменение стиля объекта с якорем при переходе на него.
Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?
0 votes4 answers -
как у контейнера по бокам сделать изображение ?
есть такая конструкция <div id="container"> <div id="container-main"> </div> </div> css: #container { margin: 0; padding: 0; position: relative; } .container-main { margin: 0 auto; position: relative; width: 900px; } как у container-main по бокам сделать ДВА изображение прижатых к контейнеру?
0 votes2 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=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
проблема с подвалом
помогите пожалуйста решить проблему с подвалом. сверстал страничку, используя этот шаблон. в результате подвал обрублен с правой строны и (что главное) при уменишении размера экрана(ctrl+колесо мыши)прилипает к левому краю экрана так же буду раз любым замечаниям и критике
0 votes9 answers -
Проблема с правым блоком
Здравствуйте, не могу понять в чем дело, при width=100% div с id="container" выходит за рамки поля, и появляется горизонтальная полоса прокрутки, а мне нужно чтобы не выходил за пределы браузера.. <div id="wrapper"> <div id="left"> gggg </div> <div id="container" > <div id="content"> <br> тексттексттексттексттексттексттексттексттексттексттексттекст </div> </div> </div> #wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; display:table;} #container { float: left; border:1px solid black; width:100%; padding-left:210px; overflow: hidden; position:…
0 votes4 answers -
Страница изменяемого размера
Ребят подскажите,как сделать странцу изменяемого размера.Я имею ввиду минимальное разрешение чтоб было 800x600 У меня основной блок 1000 px и при суживании окна полоса прокрутки появляется на 1000px, а не на 800px при использовании min-width;
0 votes2 answers -
Несколько div в ряд
Как сделать несколько div'ов, в ряд, так, чтобы А и С были определенного размера, а B занимал всю центральную область? Вот мой вариант, но он глючит (С съезжает вниз): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a,.b,.c{ padding: 1em; border: 1px solid black; } .a{ width: 10em; float: left; } .b{ overflow: hidden; } .c{ width: 10em; float: right; }
0 votes6 answers -
float
Здравствуйте, подскажите пожалуйста как отцентрировать картинку справа, не задавая ширину абзацу? http://jsfiddle.net/ShootingStar/EQuwu/
0 votes5 answers -
Расположение элементов
Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }
0 votes2 answers -
Вопрос по JQ
Доброго времени суток, все. Попробую описать суть проблемы: Имеется страница, на которую, в определенный ДИВ, нужно поместить (подгрузить) содержимое другого ДИВа, но с другой страницы текущего сайта. Первое, что пришло на ум - get и load. <div id="id_1">Загрузка...</div> - 1 страница. <div class="cl_2">Загрузка...</div> - 2 страница. и... <script type="text/javascript"> $('#id_1').load('Страница2 .cl_2');</script> id_1 - будет ID дива, в которые нужно поместить содержимое со сторонней страницы cl_2 - класс элемента, вытаскиваемого с нужной страницы Полученный результат работает локально, но при загрузке в ЦМС - нет( Заметил, что ес…
0 votes2 answers -
Полное название Тега
Т.к некоторые теги в html сокращены,то где найти полное название всех тегов на английско языке.Например <tr>-table row,<td>-table date.И так далее....
0 votes1 answer -
Исчезновение картинки с border-radius в Mozilla после закрытия fancybox
Добрый день, есть проблема на сайте gobanner.ru Дело вот в чем, блок - лучшее из портфолио. Он состоит из картинок - кружков. При открытии картинки и закрытии ее кружки исчезают. Но они исчезают только тогда когда открытая картинка перекрывает их. Для теста откройте первую картинку - дом (она сама большая), она перекроет собой или нижний ряд или верхний, соответственно после закрытия ее, этих рядов не будет пока по ним не проведешь мышкой. Проблема исчезает если убрать border-radius или opacity. Или если в файле .js fancybox изменить последнюю строку - position:relative на fixed. Но тогда при открытии картинки верстка будет уходить влево на велечину ползунка. Как исправит…
0 votes0 answers -
как подобрать педдинги в пунктах меню?
сайт n-crown.ru/ Подскажите, пожалуйста, как сделать, чтобы пункты меню не переносились по словам? Т.е., чтоб пункт "котята на продажу", например, находился на верхней или на нижней строчке целиком? Уже и педдинги для moduletable_menu все перепробовала и шрифты самого меню меняла - не помогает, либо этот пункт переносится, либо предыдущий, "канадский сфинкс", никак не могу справиться с проблемой((
0 votes4 answers -
Загадочные отступы между инлайн эллементами
Есть 2 блока (display:inline-block;margin:0px;padding:0px;) в стилях прописанные отступы по 0 пикселей, но между блоками всеравно есть отступ, как его убрать, искал в интернете, там убирают его с помощью такого: margin:-.36em; но это для определенных размеров шрифтов, как убрать отступ или как с этим бороться?
0 votes3 answers -
Accordion не скрывает текст
Добрый вечер уважаемые форумчане. Подскажите пожалуйста, где проблема? <div class="container"> <div class="row"> <div class="col-md-3"> <div id="accordion" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="#collapse-1" data-toggle="collapse">Открыть</a> </h4> </div> <div id="collapse-1" data-parent="#accordion" class="panel-collapse collapse"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </…
0 votes3 answers -
Можно ли вставить спецсимвол в jade
Допустим есть такой код в JADE for item in [{label: "Лимит ДЗ: ", value: "756 ★"}, {label: "Остаток лимита ДЗ:", value: "756 ★"}] .calculator-detail__info-row .calculator-detail__info-label= item.label .calculator-detail__info-value= item.value как вставить в item.value какой-нибудь спецсимвол (допустим "★")
0 votes3 answers -
Помогите... JS не возвращает назад по истории
Не понимаю где ошибка... JS не возвращает назад по истории Назад < И посмотреть негде :>
0 votes1 answer -
Help Please
пацаны , расскажите please как сделать полосу прокрутки которая справа цветной ... я где-то видел давно но сейчас найти не могу ...
0 votes1 answer -
высота TD в 1px
Ни как не получается сделать высоту <td> в 1px. Вернее получается но работает только в мазиле. Хочу сделать своеобразный бордер, которого нету в списке стандартных. Вот кусок кода. <tr height="1"> <td colspan="6" height="1" background="img/p.gif"><img width="1" height="1"></td> </tr>
0 votes2 answers -
background и IE
На сайте необходимо фоновое изображение растянуть по ширине экрана. Для этого использую: #header-panel { background: url(../images/style2/bg-top.jpg) 0 0 no-repeat; background-size: 100%; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -khtml-background-size:100% auto; } Но IE игнорирует и отображает картинку не растягивая. Подскажите, как разрешить эту проблему? Может есть специально для IE свойство или решение?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-