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
-
перекрывающий блок position:absolute
проблема только в самом крутом браузере в том что блок центральный перекрывает боковые блоки ? откуда у него такой маразм? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} #conteiner{width:700px; height:300px;position:relative; border:1px solid red;} #left{width:100px;position:absolute;top:0;right:0; background-color:red;} #left2{width:300px;position:absolute;top:0;right:100px; ba…
0 votes4 answers -
Изображение через несколько минут
Люди кто нибудь знает код чтобы изображение менялось через 5 или несколько минут????
0 votes3 answers -
Помогите разобраться!
Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…
0 votes10 answers -
границы в ячейках таблицы перерисовывают остальные границы
Приветствую! Рисую календарь, выглядит вот так: пытаюсь добавить границы ячейкам таблицы, получаю такое: Как видно, затирается левая и нижняя граница таблицы, а так же граница строки после дней недели. Подскажите, как это исправить? Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } body { padding: 50px; } body { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; } table.calendar { float: le…
0 votes2 answers -
Перебор массива объектов JSON[HELP]
написал скрипт для вывода массива...но он както коряво выводит..что не так? Посмотрите http://smirnoff.ho.ua/JSUI/ Код: $(document).ready(function(){ $.getJSON( "json/posts.json", function(data){ for (i = 0; i < data.length; i++) { var post = [data[i].title, data[i].body]; $("#posts").append("<article><header><h3>"+post[0]+"</h3></header><section><p>"+post[1]+"</p></section><footer><div id=\"tags\"></div><div class=\"controls\"><a class=\"btn btn-danger btn-mini\">удалить</a></div></footer></article>"); for (a = 0; a < data[i].tags.lengt…
0 votes0 answers -
Проблема с IE 8
Здравствуйте! Проблема с IE 8, то есть с меню. Не закругляются уголки(видим на скрине 1). Что самое главное, то что на всем шаблоне, где используется border-radius всё прекрасно работает. Только почему-то не хочет закруглять уголки в верхнем меню, даже в списке, когда кнопка активна не закруглят фон, но в выпадающем списке уголки скругляются. Что я использовал, чтобы закруглить уголки в IE 8 - это: behavior:url(PIE.htc); behavior:url(PIE.php); position: relative; Думаю уже все знают про такой сервис "PIE" Еще даже так пробовал: border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; Подскажите пожалуйста…
0 votes2 answers -
Не подключается PIE.htc
Здравствуйте. Столкнулся с проблемой подключения PIE.htc Вот например страница: http://test.amkt.ru/chastotnyie-preobrazovateli/chastotnyie-preobrazovateli-ruselkom-vacon/ Подключаю так: <!--[if lt IE 9]> <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/ie.css" type="text/css" media="screen"> <![endif]--> содержимое ie.css .button, .box-1, .box-4, .box-5, .style-form, #contact-form input, #contact-form textarea, .tab_container, .button-1 {behavior: url(PIE.htc); position:relative;} …
0 votes3 answers -
Выравнивание элементов
подскажите как выровнять элементы по вертикали вниз?
0 votes3 answers -
внутренняя тень от углов
http://itmages.ru/image/view/974699/d41d8cd9 првиетствую всех. есть такой вот фон, это фон body, т.е. при большей высоте темные углы вниз опускаются. стандартными стредствами inset не могу никак решить. у кого есть советы?
0 votes2 answers -
puff effect
Проблема в том что анимация работает только на первом списке li, как мне сделать так чтоб она работала на всем списке? Демо
0 votes3 answers -
проблема iepngfix
Не понимаю почему не подключается данный скрипт . Если конкретнее: все делаю по инструкции: в <head> засунул конструкцию: <!--[if lte IE 6]> <link href="/css/ie6.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/iepngfix_tilebg.js"></script> <![endif]--> в самом ie6.css для элемента, в котором нужно включить прозраность бэкграунда PNG под IE6 прописал: #pod_content_listy_top { behavior: url(../iepngfix.htc);}в основном файле стилей template.css для этого элемента прописано #pod_content_listy_top{ background:url('../images/content_top_listy.png') left top no-repeat; }Но, блин, не работает.. Пути пе…
0 votes6 answers -
Проблема с блоками
Здравствуйте! Раньше мой сайт был 1000px в ширину и всё было хорошо, блок контента и сайтбара стаяли на своих местах. Затем я изменил размер от 1024px до 1400px в зависимости от размера экрана и тут начались проблемы. У меня изменена логика с начало идёт блок контента, который тянется в зависимости от размера экрана, а затем идёт блок сайтбара который фиксирован по ширине 300px. Собственно, я знаю, что вначале должен идти блок с фиксированным разсером, а затем тянущийся, но если сделать так, то ПС начинают сайт любить намного хуже, так как контент из сайтбара стоит выше в коде, чем сам блок контента. Вот что сделано, чтоб решить эту проблему: #container { min-width…
0 votes4 answers -
Как разместить абзац под картинкой?
Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…
0 votes3 answers -
Контент не зависит от содержимого?
Решил задать нужный стиль номерам задач, т. е. выставить по горизонтали, но пропала зависимость контента от информации (см. скриншот). Вообще не в первый раз сталкиваюсь с такой проблемой, с чем вызвано эта проблема, ведь интуитивно понятно, что контент, от имеющийся информации, должен увеличиваться, если я не хочу этого, то задаю конкретные размеры по высоте, разве я не прав? http://jsfiddle.net/1ty2mdsm/
0 votes1 answer -
Анимация блока с текстом
Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.
0 votes1 answer -
xpath
Здравствуйте.Есть задание - (На странице https://www.google.ru/search?q=xpath Получить с помощью xPath все ссылки на результаты поиска Все имена ссылок на результаты поиска.). Так как с xpath я знаком со вчерашнего дня,появился вопрос: корректно ли написано задание(орфография и пунктуация сохранены)?И возможно кто-то сможет подсказать как это правильно реализовать. Sorry, если ошибся с разделом)
0 votes1 answer -
Найти последний дочерний элемент в контейнере
Доброго времени суток. Возникла проблема. Нужно найти последний элемент в контейнере. Неизвестно, что это будет: абзац, картинка, список и тд. То есть: <!--Первый случай--> <div> <p>Какой то текст</p> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> </div> <!--Второй случай--> <div> <img src="" alt=""> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Какой то текст</p> </div> <!--Тре…
0 votes1 answer -
4 элемента в колонке, если добавляется 5-ый, то он уходит в другую колонку
Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a
0 votes3 answers -
фоновая картинка с блоком внутри
есть внешний блок с фоновой картинкой на весь блок а внутри него блок с контентом 2 вопроса как переместить этот блок с контентом так как мне нужно - почему- то все смещается вместе с фоном и еще как сделать так чтобы остальная часть листвы бамбука была видна сайт http://frontend-er.h1n.ru/asia-spa/
0 votes0 answers -
Меню тащит всю страницу вниз
Сделал бургер и при открытии вся страница уезжаешь вниз. Как сделать чтобы меню просто открывалось поверх?
0 votes1 answer -
Сожержимое страницы центрируется, а не должно...
Помогите, пожалуйста, справиться с IE! Нужно было сделать карту сайта.. Проблема такая - если мало в строчке текста, td начинает куда-то разъезжаться. Что я делала против сего ужаса - в стилях писала text-align:left, и float:left, в html - align="left", и td ширина фиксирована - ничего не помогает, такая ситуация только у IE, в Mozilla и Opera все нормально, текст выровнен влево, как и надо. . <table width="100%" cellspacing="0" class="map"> <tr> <td colspan="2"><a href="#" ><div>О Банке</div></a><a href="Компания «Энергобаланс»" class="level1"></a></td> </tr> <tr> <td class="mapl…
0 votes2 answers -
Проблемы с относительным позиционированием в IE7
Здравствуйте!! Верстаю сайтик на div, делаю это в первые, столнулась с проблемой. задача состоит в том, чтобы на картинке разместить блок (в будущем это выпадающее меню) и чтобы при изменении щирины экрана этот блок всегда находился в одном и том же месте по отношению к картинке (при уменьшении.увеличении тоже). В дальнейшем название меню планируется менять, так, что контейнеры с фиксированной шириной не подходят. Как я понимаю картинку нужно поместить в относительно позиционированыый блок, к котором уже абсолютно отпозиционирован блок. По крайней мере такое работает везде, кроме IE7. Заранее спасибо.
0 votes1 answer -
подскажите как организовать отправку формы
Как сделать чтобы после заполнения и отправки этой формы пользователя я смог бы это просмотреть в каком нибудь файле. <form method="(не знаю что здесь писать post or get)" action="(здесь незнаю какой файл указать)"> <table width=100%> <tr><td align=right>Имя:</td> <td align=left><input type=text name=f_name size=30></td></tr> <tr><td align=right>mail</td> <td align=left><input type=text name=f_mail size=30></td></tr> <tr><td align=right>сообщение</td> <td align=left><textarea cols=40 rows=5 name=f_message></textarea></td></tr> <…
0 votes2 answers -
Контекстные селекторы
Можно как-то указать, что td имеет указанные свойства если он идет после одного из указанных классов tr? конструкция ниже не работает, первые два класса игнорируются tr.QueryTableHeader, tr.QueryData, tr.QueryDataOdd td {padding-left: 5px; padding-right: 5px; border-width:1px; margin: 0; } Вариант написать свойства td раздельно для каждого tr оставлен на крайний случай, если подругому никак
0 votes1 answer -
проблема с дивом
Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-