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
-
Проблемы с фоном на маленьких разрешениях
Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…
0 votes1 answer -
Скругленные углы заданные в процентах у прямогульной кнопки
Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код:
0 votes1 answer -
CSS + SVG animation
1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.
0 votes1 answer -
:active в ie8
У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.
0 votes1 answer -
проблема с меню
добрый день форумчане, проблема заключается вот в чем: меню футера само по себе написано обычным шрифтом, а при ховерном состоянии жирным, то при наведении левая часть отодвигается, так как слово увеличиваетя, вопрос вот в чем можно ли чтобы оно при наведении не двигалось?
0 votes1 answer -
Свечение в шапке и подвале
Подскажите пожалуйста как лучше сделать свечение в шапке! Главное что бы средние 2 фонаря были именно над контентом, а 2 крайних появлялись только в случае наличии большого монитора либо маленького масштаба. Аналогично и для фонового изображения. Если его целиком ставлю, то блок с контентом уезжает вправо.
0 votes1 answer -
Расстояние между строками таблицы
Здравствуйте всем. У меня вопрос по теме. Есть код, или вот страница : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> tr td img { display: block; } </style> <title>Audi site</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="3"><img src="./images/audi_new_02.png"></td> <td style="float: right;"><img src=…
0 votes1 answer -
css уменьшить код
.galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?
0 votes1 answer -
оцените верстку!
оцените пожалуйста мою первую верстку верстку, буду рад всем замечаниям!!!! http://webfile.ru/5953814 файл нужно скачать
0 votes1 answer -
Выравнивание по вертикали блока внутри блока
Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...
0 votes1 answer -
Как распилить каждую страничку на 2 колонки?
Здравствуйте. Использую тему Twenty Eleven. Как распилить каждую страничку на 2 колонки, чтобы в правую втыкать галереи NextGEN Gallery, для каждой странички свою? Скорее сего это надо делать не сайдбаром, а именно изменением шаблона каждой странички.
0 votes1 answer -
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
Нужен блок с контентом фиксированной высоты с полоской прокрутки!
Всем доброго времени суток. Подскажите пожалуйста как правильно будет реализовать блок с фиксированной высотой и шириной, и когда контент не будет влазит в него по высоте что появлялась полоса прокрутки. Подскажите пожалуйста как это будет правильней реализовать и валидностью в HTML5?
0 votes1 answer -
точность статистики запросов google
Насколько отличается частота запросов в инструменте подсказок ключевых слов google Adwords от реальной частотности запросов?
0 votes1 answer -
Счётчик нажатия,возможно ли?
Примечание: Пожалуйста не пишите что то типо, иди делай на php или на фига это нужно, меняй хостинг Здравствуйте у меня возник вопрос возможно ли создать "кнопку счётчик" на HTML, тоесть счётчик нажатий на кнопку Допустим зашли на сайт нажал кнопку и около кнопки прибавилось 1 раз на неё нажали допустим было 80 на кнопку нажали стало 81 И чтобы только 1 человек мог нажать только 1 раз, дапустим проверка по ip или запоминание Куки Возможно ли такое сделать ? сайт стоит на хостинге narod.ru
0 votes1 answer -
css уменьшить код
.galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?
0 votes1 answer -
медиа-запросы
Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..
0 votes1 answer -
Убрать пробелы между колонками в таблице
Здравствуйте есть таблица.. почему-то вкруг ячейки стоят отступы.. как их убрать не понимаю.. к таблице применены следующие стили: .myclass table, tr, td, th { border: 1px solid black; border-spacing: 0; width: 290px; } tr, td { padding: 5px; text-align: left; } сделал так и заработало .myclass { border:solid black 1px; border:0; border-spacing:0px; width:160px; }
0 votes1 answer -
ie 8 и старше не отображают фон
Здравствуйте. Проблема с IE от 8 и старше. Здесь - тест как всегда отличается IE: фон у <h2>, <p> не отображается. Как бороться? Костыли из этой темы не помогают...
0 votes1 answer -
снова div
Здраствуйте, я уже роюсь с этим блоком уже целый день.Мне нужно убрать желтую область,чтобы реклама не смогла загородить слово "shkola" и "slogan" ,на маленьком разрешении реклама загораживает эти слова.
0 votes1 answer -
Несколько div в ряд
Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на 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{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }
0 votes1 answer -
Не понимаю поведение эдементов
Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…
0 votes1 answer -
лишние файлы и производительность
скажите пожалуйста влияет ли хоть в какой то степени присутствие неиспользуемых файлов в папке сайта? пример. есть минифицированный js-файл, используемый слайдером. рядом лежит неминифицированная копия этого файла, которая не используется
0 votes1 answer -
Отрицательный отступ POSITION
Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}
0 votes1 answer -
выравнивание слоя по вертикали
Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; …
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-