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
-
Не понимаю как применить спрайт для фона
День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/
0 votes0 answers -
Как лучше проверить является ли бутстрап-верстка responsive на персоналке
Всем привет, Есть сайт разрабатываемый на основе бутстрап-темплейта. Надо проверить является ли бутстрап-верстка responsive на маленьких и очень маленьких устройствах. А как-то лучше проверить на персоналке с 22дюймовым монитором ?
0 votes5 answers -
Вопрос по резиновой верстке.
Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо
0 votes6 answers -
JS: вставка генерируемого контента в любое место документа
Хотел создать тему в форуме по сценариям, но толком не смог сформулировать даже заголовок, стало стыдно и решил написать пока здесь. Прочитал уже много теории по экме (циклы, инструкции, операторы, функции, массивы, объекты, классыи т.д.) но никак руки не доходят до клиентской части. Если быть откровеннее — загнулся на замыканиях (хотя вроде бы и понял в чем суть) и прочих вещах. Все это время для вставки в документ использовал метод write(). В интернете часто мелькало что-то вроде innerHTML... В общем формулирую вопрос: Нужно научиться вставлять генерируемый сценарием контент в указанное место, а не как это делает document.write(''а именно, он вставляет там, где написан…
0 votes4 answers -
Непонятный отступ у родителя div > img
Прошу объяснить мне почему `wrapper` имеет отступ. https://jsfiddle.net/psr1919plus21/3qbuqjuz/ Понял проблему: img – инлайновый элемент. Решение 1: Сделать img блочным: display:block. Решение 2: Поставить нулевой интерлиньяж: line-height: 0; Всем спасибо) p.s.: Решение 2 не работает.
0 votes2 answers -
Резиновая картинка (больше-меньше)
Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...
0 votes1 answer -
Прозрачность в IE
<!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=windows-1251"> <link rel="stylesheet" type="text/css" href="css2.css"> <title>Главная</title> </head> <body> <div class="ab">Прозрачность </div> </body> </html> body { background-color:rgb(0,0,0); opacity:0.5; filter: alpha(opacity=50); } .ab { background-color:rgb(255,255,255); } http://htmlbook.ru/css/opacity.html - сказано для IE прописать "filter: alpha(opacity=50)", прописываю - в IE 8 beta не работает.
0 votes1 answer -
Нужна помощь
Имеется скрипт, имеется шаблон...вроде все сделал осталось пару недоработок (косяков) помогите подправить, в примере показать немогу так как все на денвере..... если можно пишите в аську 193672261
0 votes2 answers -
Табличная верстка
Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.
0 votes1 answer -
z-index в скрипте
то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.
0 votes5 answers -
Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...
0 votes2 answers -
html + css в разных браузерах
День добрый. Создал таблицу на сайте http://www.pelekan.ru/main/City_adventures_in_Moscow, http://jsfiddle.net/LFXyj/ Проблема в том, нормально отображается только в firefox, в opera и chrom таблица не вся цветастая, а в IE вообще ужас. Как решить проблему, что нужно добавить?
0 votes6 answers -
Chrome и visited
Доброго дня, форум! Пытаюсь настроить кроссбраузерность. Радуют все, кроме Chrome. Проблема такая: не меняется background-image у visited ссылки. - что показывает Chrome - что должно быть #menu a:link { color:#00338D; background-repeat:no-repeat; padding-left:20px; background-image:url(img/pup_sin.png); * background-image:url(img/pup_sin.gif); } #menu a:visited { color:#D52B1E; padding-left:20px; background-image:url(img/pup_kr.png); *background-image:url(img/pup_kr.gif); background-repeat:no-repeat; } #menu a:active { color:#fff; background-color:#D52B1E; background-image: none; text-decoration:none; padding-left:20px; } #menu a:h…
0 votes2 answers -
спрайты CSS
Не могу настроить спрайт для фонового изображения. Скажите возможно ли это если у меня фоновое изображение повторяться по вертикали и по горизонтали так как оно маленькое то есть не во всю страницу сайта. Вот код CSS. body { margin-top: -3px; background: url("./images/logo.png") #F3F4F4 fixed; }
0 votes4 answers -
Проблема с выпадающем меню
Здравствуйте! Только-только вернулся из армии. Подкинули работу для разминки, и я тут же встал. Проблема такая: у меня ниспадающее меню позиционируется по absolute. Тут ясно сразу, что при изменениях размера окна его может быть и не видно, да, и вообще, оно не там где надо появляется. Скажите, пожалуйста, как мне его разместить так, чтобы оно при любом окне появлялось под родительским элементом? (Оно будет только у меню "Документы") Спасибо!
0 votes4 answers -
Помогите вставить код на Wp
Добрый день. Подскажите пожалуйста, нужно эти 3 кнопки <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>"></div> <script type="text/javascript" src="http://btn.kiev.ua/share42/share42.js"></script> <script type="text/javascript">share42('http://btn.kiev.ua/share42/')</script> Установить на каждую страницу сайта сразу под текстом на сайт http://www.btn.kiev.ua/ Тема шаблона StoryMag. В какой файл нужно код вставить и конкретно куда. Спасибо за ответ
0 votes9 answers -
Новичок. Помогите, пожалуйста, по верстке.
Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li><…
0 votes4 answers -
Наложение картинки на блок
Каждый товар на сайте разбит по блокам (сам сайт создавался в конструкторе), но блоки - это html код. http://ga1000.casio55.com/ Нужно наложить на угол каждого блока след картинку При накладывании, смотрел по этой теме (http://htmlforum.ru/index.php?showtopic=22581). Наложить удалось, но стал неактивен слайдер изображений на этом блоке. Вот код самого блока: <div class="hvr"><div style="text-align:center;font-family: 'Trebuchet MS'; font-size: 16px; padding: 7px"><a style="color:#cc0000; text-decoration:none"><b>Casio </a><a style=";color:#000000; text-decoration:none; font-size: 16px">GW-A1000-1AER</a></b></div>…
0 votes1 answer -
и снова вопрос по шрифту
Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно э…
0 votes2 answers -
не понятно с float
http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем
0 votes4 answers -
посоветуйте адаптивный слайдер
есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.
0 votes1 answer -
Работа с текстом из фотошоп
Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.
0 votes4 answers -
Проблема с бордером в андроид
Не закрываеться бордер снизу и сверху в андроиде, как фиксить? Скрины. *** сайт http://edop2.besaba.com/sight/index.html
0 votes3 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
меню на сайте не уменьшается
сайт https://ok-mnenie.ru/2index.html если сжимаю ширину браузера то меню не уменьшается в размерах как сделать чтобы уменьшалось?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-