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
-
Укажите на ошибку
В сверстанном макете дважды дублируется информация, думаю на Тег <body>. Подскажите новичку в чем ошибка. Посмотреть trigis(точка)ру
0 votes5 answers -
Контент вылазиет за блок
Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо
0 votes2 answers -
запись в jq
разбирал код слайдера и не смог понять что делает такая запись var $controlContainer = $('<ul class="bjqs-controls"></ul>'), $next = $('<li><a href="#" class="bjqs-next" class="controls">' + settings.nextText + '</a></li>'), $previous = $('<li><a href="#" class="bjqs-prev" class="controls">' + settings.prevText + '</a></li>'); // Bind click events to the controllers $next.click(function (e) { e.preventDefault(); if (!animating) { bjqsGo(forward, false); } }); здес…
0 votes3 answers -
Картинки в RSS
Дорогие форумчане, я уже не знаю где искать решения. Все картинки в постах в RSS попадают без выравнивания и обтекания текстом. При этом на самом сайте все как положено, все отображается как задумано. А в RSS все картинки слева (даже если их по центру выставить) и их не хочет обтекать текст (даже если выбрать обтекание текстом справа или слева). Вот код CSS (сайт на Wordpress): .alignleft, img.alignleft { float: left; margin: 0 10px 5px 0; } .alignright, img.alignright { float: right; margin: 0 0 5px 10px; } .aligncenter, img.aligncenter { clear: both; display: block; text-align: center; margin-left: auto; margin-right: auto; } .alignnone, img.alignnone { c…
0 votes3 answers -
как заставить элементы видеть друг друга
брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если ски…
0 votes2 answers -
Как выровнять все картинки по центру через CSS
Здравствуйте, подскажите пожалуйста, как вровнять все картинки по центру страница через CSS? Что нужно дописать в уже существующий стиль, чтобы каждую картинку не приходилось выравнивать вручную? спасибо
0 votes2 answers -
Как ограничить ширину DIV'a в зависимости от контента?
Кто может подсказать, как ограничить ширину DIV'a в зависимости от ширины изображения, помещенного в него кроме float и inline-block, width: auto Почему кроме? Потому, что как только эти свойства написать div'у с классом display-template перестает почему-то работать класс img-responsive, примененный к фото фотоаппарата. А width: auto вызывает проблемы при ширине окна <750px Проблема проявляется в FF, IE. В Хроме проблемы нет. Ссылка на то что сделано http://o-blog.ru/igntv-test/ Не пойму почему происходит конфликт display-template и img-responsive p.s. над адаптивностью еще работаю, так что при не больших размерах окна много чего криво. Пока споткнулся на "фотоаппар…
0 votes0 answers -
Проблемка с выравниванием
Вечер добрый, не могу решить одну задачу с навигацией. В общем, мне нужно выровнить текст в li. А когда я в css прописываю text-align: center, у меня выравнивается только по вертикали. Мне нужно вот так: А у меня:
0 votes5 answers -
Смежные media queries отображаются внахлест
Доброго дня. Я новичек в адаптивной вестке, и чего то я не могу врубится в одну проблему... Смежные media queries отображаются внахлест не пойму по какой причине, все вроде правильно, но на брекпойнтах получается скрол... Величина перекрытия составляет около 12-20рх на разных точкак. макет: http://sea.kh.ua/test/test2.html Скрин брейкпойнта 980рх http://sea.kh.ua/test/980.jpg Скрин брейкпойнта 786рх http://sea.kh.ua/test/768.jpg Что я делаю не так?
0 votes7 answers -
Непрозрачное содержимое на полупрозрачном фоне
Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?
0 votes4 answers -
Проблема с отображением сайта на айфоне
Приветствую! Столкнулся с проблемой неправильного отображения фоновой картинки на iphone. Причем проблема возникает на реальных девайсах, на симуляции всё выглядит нормально. На моем телефоне на андроид всё хорошо. Есть ещё одна проблема - на айфоне не отображаются описания и кнопки "Подробнее".
0 votes0 answers -
@font-face - у кого работает в ИЕ ?
Приветствую всех. Ставлю лебедевский знак рубля http://www.artlebedev.ru/tools/technogrette/html/rouble/ Никак не получается осилить его в ИЕ. Вроде делаю все как у них, а на моем шаблоне в ИЕ не работает. (там используется @font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); } ) Кто-нибудь пользовался им? В чем там может быть загвоздка?
0 votes0 answers -
Иконка в меню
Хочу разместить сво иконку ,я создал её, она находиться в папке имг. Хочу как-то в стилях прописать изображение, а потом подключить в пункты меню эту картинку,чего-то не получаеться правильно сделать это, вот фото которое я хочу получить, и архив в котором пытаюсь это сделать. http://www.sharemania.ru/0227236 http://ipicture.ru/uploads/100903/3BZtW9w4xU.jpg
0 votes1 answer -
помогите исправить код
в этом коде есть картинка размером 200 на 180 а розовая полоса длиной во всю страницу как зделать её чтоб она была по длине как картинка? Заранее благодарен !!!!! <head> <td width="1"><style type="text/css" > .r1, .r2, .r3, .r4 { display: block; height: 1px; background: #f677c5; } .r1 { margin: 0 5px;} .r2 { margin: 0 3px;} .r3 { margin: 0 2px; } .r4 { margin: 0 1px; height: 2px;} .block-round-content { background: #f677c5; /* Öâåò ôîíà */ padding: 10px; /* Ïîëÿ âîêðóã òåêñòà */ } </style> </head> <img src="images/BRC_4EL.gif" width="200" height="170" hspace=20 vspace=10 class="lef…
0 votes3 answers -
Трудности верстки меню на <li>
Добрый день. Столкнулся с маленькой трудность при оформлении бокового меню на сайте. Изначально меню должно смотреться вот так. Категории берутся из Бд и прописать CSS для каждой строчки отдельно не представляется мне возможным. Поэтому для li были забиты обычные border-bottom: 1px solid #cfc7b2; border-top: 1px solid #f1ece0; В результате получил замечательную полоску между категориями, но и сверху и снизу каталога они существуют и рвут дизайн. Код запроса по категориям.. <li><a class="cat_href<? if (@$_GET['s_c']==$show_sub_cat['id'] ) echo "_sel";?>" href="index.php?<? show_href_lang($_GET); ?>&m_c=<? echo $show_cat['id']; ?>&s_…
0 votes2 answers -
всплывающее окно
Есть ли javascript или варианты с фреймами для создания всплывающего окошка при нажатии на ссылку в одном и том же окне? Как на сайте http://lowenbrau.ru/?
0 votes5 answers -
Выравнивание в горизонатльном меню
Вот картинка : . Вот её исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70px; padding: 0; list-style: none; float: left; background-image: url(1.png); width:865px; height:60px; background-repeat: no-repeat; } #mainNav li { float: left; width: 143px; } #mainNav a { text-decoration: none; font-size: 18px; font-weight:900; color:#392411; font-family: Verdana, …
0 votes3 answers -
Объединение ячеек в таблице
Ребят, могли бы помочь пожалуйста с объединением ячеек. Нужна таблица вот такой формы
0 votes3 answers -
Индексация на Яндексе
при индексации на Яндексе выдается следующее "Сервер возвращает код статуса http 403 (ожидался код 200" Что делать?
0 votes5 answers -
Фотошоп
Фотошоп сохраняет из всех нарезанных слайсов только нарезанный последним. Как могут настройки вернуть к привычному ходу событий, т есть сохраняются все слайсы?
0 votes3 answers -
Непонятные причуды стилей
Вот код, не могу понять вроде всё верно, зелёная ячейка 800 пикселей, внутри таблица, ширина 770 бордеры 5 отступы 10, вместе должны заполнить все 800 пикселей, но по непонятным причинам слево 10 отступ, справа 20, визуально они сравниваются, если ширину увеличить до 780 пикселей, где логика? <!DOCTYPE html> <html> <head> <title>aaa</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/css.css"> <style> BODY { margin:0px; border:0px; padding:0px; background-color:#D4A984!important; font-family:'Lucida Sans Unicode','Arial'; font-size:16px…
0 votes1 answer -
линия за словом
подскажите пожалуйста такой момент) как можно сделать такую штуку, чтобы за словом шла сразу линия, типа: слово ———————-- такая штука ещё используется в контакте, в анкете пользователя. например:
0 votes2 answers -
Выровнять список
Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…
0 votes4 answers -
Как убрать странные отступы в IE
Здравствуйте! Я - абсолютный новичок как на этом форуме, так и вообще в HTML (стаж - пять дней). По-этому не судите строго, ежели чего. Вопрос состоит в следующем. Вот тестовый HTML: <!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"> <TITLE>Титан</TITLE> <STYLE type="text/css"> BODY { background: #D4E5E9 url("images/background.gif") 850px 454px repeat; font: 14pt "Microsoft Sans Serif"; font-weight: bold; margin: 0px; padding: 0px; } H…
0 votes3 answers -
Запрет на изменение ширины
Проблема в том что у меня есть таблица c 3 колонками где width стоит 3% 94% и 3% таблица имеет ширину 100%(посути у меня с боку сделаны поля где я подставляю background) все работает отлично до момента когда содержимое центральной колонки не становится больше width="94%", в этом случае ослина убирает поля не кого не спросив. Как же мне всетаки жестко зафиксировать ширину в 3% у моих колонок? Я вот пробовал: 1) style="min-width:3%;" не помогло 2) пробовал вписывать не помогло 3) если туда вписать прозрачную картинку помогет но у нее ширина будет не та. Версии осла рассматриваются от 7 ну хотя бы 8
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-