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
-
Антивирус и сайт
Тут возникла такая проблема,у некоторых пользователей сайта(с антивирусом касперский) при его загрузке начинает ругаться на содержание вирусов,что можно сделать и как исправить кто нибудь может подсказать? *желательно по подробней Спасибо за ранее
0 votes3 answers -
Как сделать правильно?
Подскажите, как правильно написать код, чтобы объекты ( текст и изображение ) располагались именно таким образом? Я просто не знаю как одну область разбить например на две вертикальные части, где в одной, как на скрине, слева был бы текст, а в другой, справа, было бы изображение! Заранее благодарен!
0 votes7 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 -
Возможно ли задать размер изображение без изменения пропорций
Доброго времени суток! Есть ли возможность при помощи css задать тегу <img/> без добавления ему class и id резмер в пикселях, но что бы пропорции изображения не изменялись а изображение обрезалось по заданным размерам, т.е. все что не помещается в размер уходило бы за края. код который устроил бы меня если бы была возможность поместить изображение в блок .someclass{ width:207px; height:207px; overflow:hidden; padding:10px; background:#ffffff; border:1px solid #d9d9d9; } надо сделать то же самое по сути но напрямую img { }
0 votes5 answers -
Не получается прижать footer к низу страницы
Друзья, пробовал несколько методов, найденных в сети, выбрал тот, при котором к footer-у применяется абсолютное позиционирование, а страница body и html растягиваются до 100%... Долго мучился, так и не разобрался, вот полный код: <!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 charset="utf-8"> <style type="text/css"> html { height: 100% } * html body { height: 100% } body { margin: 0; padding: 0; min-height: 100%; position: relative; } #header { float:left; width:100%; min-width:1000px; } #wrapper { …
0 votes1 answer -
Вендорные префиксы
Вендорные префиксы, какие ещё актуальны для современных браузеров, вроде бы слышал о том, что -moz уже не используется для новой мозили, вот хочу узнать какие префиксы её нужны, а какие уже в небытие.
0 votes2 answers -
position:fixed
как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!
0 votes2 answers -
Не могу подключить css-документ к html
Привет всем. Такая проблемка - не могу подключить сss-документ к html. Раньше подключал, сейчас не в какую. <link type="text/css" rel="stylesheet" href="netcat_template/template/103/css/style.css"> строка из html index.html лежит в qb-interactive. в этой папке есть netoat_template и так далее - template/103/css/style.css чего оно не подключает? т.е. я попробовал запустить через дримвивер. то там видит. что эти документы связаны. но когда я что-то задаю в css в html оно не выполняется
0 votes2 answers -
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon
Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...
0 votes1 answer -
Firefox скрывает картинку
Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…
0 votes4 answers -
шапка не продолжается при горизонтальнйо прокрутке
http://www.serviceprint-novoros.ru/ Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить? АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало
0 votes5 answers -
В меню jquery не отображается текст
Помогите! Скачала плагин готовый для сайта. Не знаю можно тут ссылку указать или нет. В общем вроде анимированной навигации по сайту. При переходе по пунктам меню всплывает блок с описанием и возможными ссылками, при этом в зависимости от выбранного пункта меняется фон страницы. В меню как бы задумано показывать просто текст, а я хочу чтобы были ссылки а не просто текст. <li><a href="#">Запечённый омлет</a></li> Прописала ссылку , а текст вообще исчез! Почему не пойму. Что может быть проще, всегда если нужно текст сделать ссылкой ставишь a href="#" и всё работаёт. Помогите пожалуйста. Код такой: <div id="ac_content" class="ac_content"> &…
0 votes6 answers -
Принципиальные изменения в дивжках браузеров
Заранее прошу прощения за возможно некомпетентный вопрос. Но суть в следующем. Примерно год назад сверстал пару страниц, все отображалось идеально, как и планировал. Проверил их недавно, вся верстка "полезла", при этому изменения никакие не вносились. Ни один ресурс не подгружается ни от куда извне. Я смог найти только одно логическое объяснение - за прошедшее время, обновились движки браузеров в каком-то принципиальном моменте. Хотел узнать у более опытных колег, возможно ли такое, и если да, то что за последние месяцы могло измениться, в сторону каких CSS свойств стоит смотреть? Заранее благодарен за любую помощь.
0 votes6 answers -
Конфигурация меню
Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. Менял в css ul.top_menu_lvl1 li a{ значение color Вот код файла template.php для меню: Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die(); $this->setFrameMode(true); if(!empty($arResult)): ?><ul class="top_menu_lvl1 clearfix"> <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"…
0 votes1 answer -
не выходит анимация
В медиа прописано ограничение на анимацию до ширины 768px В итоге анимация работает только когда проходит ширину 768 Мне при открытии страницы нужна анимация, подскажите что делать?
0 votes1 answer -
Как сделать адаптивные изображения
Всем привет! Структура такая: <div class="tovar"> <div class="kartinka"> <img ... > <div> <div> Высота дивов фиксированная. Ширина меняется под ширину браузера. Сама картинка (img) и высоту и ширину меняет пропорционально при изменении ширины браузера, но не должна вылазить за пределы своего дива <div class="kartinka"> Все картинки разного размера, квадратные, прямоугольные, большие, маленькие, вертикальные, горизонтальные. Надо чтобы весь этот сброд автоматом втиснулся каждый в свой див, выровнялся по горизонтали и в дальнейшем масштабировался. Какие стили нужно задать? Сам пробовал. Делал обертку для <img> с помощь…
0 votes4 answers -
черестрочная окраска
prtscr для удобства щелканья пользователя по кнопкам, хотелось бы провернуть черестрочную окраску рядов, но у меня упорно продолжает окрашиваться только первая колонка ряда советовали убрать :only-child - но тогда окрасились все delete если убрать онли чайлд html темплейт: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"…
0 votes1 answer -
Подскажите с IFRAME
В общем сделал делаю галерею картинок. По середине изображение, вверху полоса картинок для выбора. Это полоса IFRAME. Так вот когда я выбираю картинку,загружаю другую с помощью то есил я после загрузки нажму НАЗАД в браузере то на месте IFRAME остает белое пятно вместо полосы картинок. Подскажите как сдлеать чтоб там все время был IFRAME?
0 votes0 answers -
Глючит меню в IE
Пытаюсь сделать выпадающее меню. Работает нормально во всех браузерах, кроме IE6. В 6м IE - просто ужас. Пожалуйста, помогите исправить. Чтобы не выкладывать кучу кода, я запаковала файл с меню в архив. Скачать его можно по прямой ссылке http://prodengiblog.ru/rar/menu.rar Так его будет удобнее редактировать - можно сразу открыть файл. Помогите, плиз...
0 votes1 answer -
Как отцентрировать список внутри дива по вертикали?
html: <div id="header"> <div id="menu"> <ul> <li class = "first"><a href="">О нас</a></li> <li><a href="">Ароматы</a></li> <li><a href="" target = "_blanc">Подарочные наборы</a></li> <li><a href="" target = "_blanc">Галерея</a></li> <li><a href="" target = "_blanc">Уход за кожей</a></li> <li><a href="" target = "_blanc">Косметика</a></li> <li><a href="" target = "_blanc">Аксессуары</a></li> <li><a href="" target = "_blanc">Контакты</a>…
0 votes0 answers -
Отображается по разному в одном и том же браузере
В общем есть кнопка с фоном, ссылка обведена рамкой: padding {8px 20px}. В мозилле начиная с версии 4 и по 7-ю отображается по другому, как {9px 20px}. Поставил хак: @-moz-document url-prefix() { padding {7px 20px}. } На компьютере стало нормально, посмотрел с ноутбука (таже винда, таже мозилла), в ней padding {7px 20px} отображается как и есть на самом деле. Проверил в http://browsershots.org отображается также как и на ноутбуке. Где искать косяк?
0 votes6 answers -
Оптимизация моих трудов)
Допустим у меня будет много страниц с одинаковым дизайном, в которых меняется только серединка. Какими способами можно размножить этот дизайн на много страниц, чтобы потом, например при правке, не менять +100500 страниц, а изменить в одном месте? Я знаю такой способ: В начале файла <?php require('na4alo.php') ?> Тут сама начинка страницы <?php require('konec.php') ?> Но мне кажется есть какой-то более рациональный способ.. Есть ли таковой?
0 votes3 answers -
верстка макетной платы
привет! необходимо сделать модель макетной платы в виде веб-страницы. выглядеть это должно примерно так: сверху эл. элементы (их пока там нет) берутся и перемещаются на плату снизу (между точками) будет использоваться html и jquery (+css конечно) вопрос: каким образом сделать саму плату(интересуют html теги)? как выполнить точки на плате, чтобы элементы "крепились" между ними?
0 votes8 answers -
Назначение ещё одного класса не производит эффекта
Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…
0 votes2 answers -
Помогите разобраться с Валидацией
Всем доброго времени суток, страничка www.all-read.ru (это не реклама, тем более рекламировать нечего еще). Поставил в конце (в низу) странички ссылку на прохождение валидации.. Выходит премерно 6 ошибок. Я не понимаю этих ошибок. Помогите разобраться пожалуйста.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-