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
-
Проблемы с заливкой фоном
Здравсвуйте всем!Я совсем начинающий верстальщик,помогите пожалуйста решить такую проблему:есть три колонки,хедер и футер,футер по умолчанию должен быть прижат к низу,при большом количестве контента сдвигаться вниз.Я написал следующий код,но не могу решить проблему с фоном для колонок(нужно чтобы фон был на всю колонку независимо от контента).Очень жду вашей помощи. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница Васи Пупкина</title> </head> <style type="text/css"> html,body{ margin:0; padding:0; height:100%; } #header{ height:50px; text-align:center; background:#cf9; } #all{ min-height:100%; margin-bott…
0 votes2 answers -
Откуда появляется зазор между float-ами?
Пример макета - http://divverstka.16mb.com/
0 votes4 answers -
Выравнивание меню по горизонтали в ие7
Всем привет. Уже несколько часов пытаюсь выровнять меню по горизонтали в ие7. Для решения проблемы использовал css хак для ие7: *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } В ие7 изменений не произошло, зато в ие8 все стало на свои места . Вот полный код, к сожалению разместить на хостинге пока не могу: /**General**/ * { margin: 0; padding: 0; } img { border: 0; } body { font-family: Arial; background: #f1f1f1; min-width: 960px; } header,nav,section,footer,aside { display: block; height: 1%; } *:first-child+html .nav.menu ul li { zoom:1; display: block; position: relative; } /*…
0 votes5 answers -
Проблема с Формой Поиска
Кнопка поиска не встает рядом с формой ввода Код В HTML <form action="#" class="search"> <input type="search" name="q"> <input type="submit" value=""> </form> Код в CSS .search { width: 303px; height: 41px; float: right; } input[type="search"] { background-color: rgba(255, 255, 255, 0.20); border: none; outline: none; -webkit-appearance: none; height: 41px; width: 250px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; color: #fff; }[/center] input[type="submit"] { width: 53px; /* Ширина кнопки */ height: 41px; /* Высота кнопки */ border: none; /* Убираем рамку */ background: url(img/search.png); /* Параметры фона */…
0 votes3 answers -
Кнопка со звуком. Помогите!
Мне надо чтобы по нажатию на кнопку издавался звук, сделать это при помощи CSS, много форумов облазел, но ничего не нашол. Заранее спасибо!
0 votes0 answers -
Функционал сайта
Здравствуйте) Очень интересует один вопрос, ответ на который не могу найти в гугле, хоть и почерпнул много инфы пока искал ответ. Я новичок в этом большом деле, знаю(html и css), сверстал свой первый шаблон который очень даже похож на первую страничку такого себе сайта))))) Собственно вопрос состоит в том, что я столкнулся с Статикой и Динамикой сайтов, как я понял сейчас преобладает динамика сайтов в том плане что после завершения мастером всех технических задач, сайт отдается в руки клиенту который хочет управлять этим сайтом сам (загружать фотки, обновлять контент и так далее). Здесь я понял что есть CMS движки (управления контентом)! Как я понял есть уже шаблон на нег…
0 votes4 answers -
Проблема с раздельными фонами для пункта меню и выпадающего списка
Есть пункт меню. При наведении на которого, выпадающая меню должно располагаться над пунктом меню. При этом она должен остаться видимым. Сперва делал фон для выпадающая меню градиентом где определенная верхняя часть прозрачная. Но при этом border без фона прикрывает корзинку и выглядел некрасиво. По совету тов.psywalker делал как он сказал. Но фон и border пункт меню только вокруг текста. То есть нет требуемого ширины. С паддингами поигрался. К сожалению, не сработал. Как можно решить данную задачу. Вот сайт. Пункт "Мой аккаунт" наверху. Всем спасибо.
0 votes13 answers -
Адаптивное уменьшение картинки
На сайте http://чосер.рф/ мне нужно сделать адаптивное уменьшение картинки. То есть при уменьшении ширины экрана текст справа от неё остаётся неизменной ширины, а картинка пропорционально уменьшалась бы сохраняя своё место. Не понимаю, как этого добиться. Помогите, пожалуйста.
0 votes6 answers -
Помогите разобраться с версткой
<div class="container"> <div class="relation"> <div class="relation__ratio"> <div class="relation__wrapper"> <div class="relation__big-img"> <img src="img/gallery3.png" alt="gallery3"> </div> <div class="relation__row relation__row1"> <img class="relation__img" src="img/gallery1.png" alt="gallery1"> <img class="relation__img" src="img/gallery2.png" alt="gallery2"> </div> <div class="relation__row"> <img class="relation__img" src="img/gallery4.png" alt="gallery4"> <img class="relation__img" src="img/gallery5.png" alt="gall…
0 votes0 answers -
Помогите вставить изображение в блок
Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.
0 votes1 answer -
На стационарном ПК не отображается картинка баннера!
Все привет. Очень нужна помощь!!! Сделал сайт. Все работает. Единственная проблема в том, что картинка баннеров отображается только на ноутбуках, а на стационарных ПК - НЕТ. Проверял на многих компак стационарных и ноутбуках. На ноуте работает на стационарном - нет. В чем может быть причина??? первый раз с таким столкнулся. Очень срочно нужна ваша помощь!!! Заранее спасибо.
0 votes1 answer -
Помогите с таблицами в Wordpresse
Извините, если не в ту ветку запостил Блин бьюсь уже наверное дня четыре... Понял, что без спецов не обойтись. На формах по WP молчат. Есть таблицы к примеру http://extramoney.at.ua/ Пытаюсь сделать у себя на сайте они не выдерживают размер, причем в визуальном редакторе выглядят отлично, а в просмотре страниц или постов становятся большими и не знаю как их сжать. Я уже научился собственные таьлицы строить и заливать из ворда.... Ставить фиксированные размеры ячеек. Результат один и тот же у всех таблиц, ничего не меняется. Если весь текст не вбивать то таблица вмещается, начинаю заполнять таблицу - она уезжает за границу страницы. Вот как выглядят в в визуальном редакт…
0 votes4 answers -
Некорректное отображение таблицы в IE6
Всем привет. Имеется вот такой html-код <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…
0 votes2 answers -
Как проще сделать такое как на картинке ?
Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка
0 votes5 answers -
Расстояния между счётчиками
Здравствуйте. Когда я на своём сайте estry.ru установила счётчики, между ними появились большие расстояния разного размера. Посоветуйте , пожалуйста, что и куда прописать, чтобы счётчики сгруппировались один под другим аккуратно?
0 votes2 answers -
joomla 2.5.4
всем доброе время суток! У меня проблема с стилем CSS, а проблема в том что как известно что у Joomla главнее моих стилей. вопрос есть какая не будь команда для, чтоб мои стили были главнее джумлы?
0 votes7 answers -
Как реализовать всплывающие подсказки
Необходимо что бы для картинок по-умолчанию выводились всплывающая подсказка "текст 1". При нажатии на кнопку эта же всплывающая подсказка менялась на "текст 2". То есть, на страничке есть несколько картинок у которых при наведении всплывает "текст 1", внизу странички кнопка при нажатии меняет подсказку на "текст 2". как-то можно такое реализовать, желательно и для наведения и для клика по картинках.
0 votes1 answer -
Верстка CSS меню
Доброго всем вечера! Возникла проблема при верстке меню средствами html и CSS без использования фоновых картинок. В приведенном ниже изображении первая ссылка находится в обычном состоянии, а вторая в состоянии hover. В принципе сам вопрос в том как сделать полоски идущие по верхней и нижней границе меню, как я понял свойством border так не обрисовать ибо полосы идут чуть ниже границы. Прошу помощи!
0 votes3 answers -
Разное отображение типографии в Ubuntu и Windows Xp
Здраствуйте. Я верстаю на ubuntu. Совсем не давно заметил, что размеры шрифтов по разному отображаются в уьунту и виндоус. Как с этим быть? Существуют ли какие либо сбросы стилей конкретно для типографии? Скрины прилагаю: ubuntu, windows xp
0 votes2 answers -
Canvas
Заинтересовался следующим вопросом. А можно ли использовать canvas в качестве фона, а поверх накладывать блок с различными элементами (ссылками, кнопками, текстом, формами и.т.п.) и прорисовывать на канвасе какую-либо анимацию, скажем на оnload страницы. Ведь так, по идее, можно использовать все возможности анимации без flash, да и к таким не емким и достаточно быстрым вещам как WebGL дорога открывается. Но дело не в мечтаниях. Вопрос вполне понятен - Можно ли помещать элементы страницы поверх канвы так, чтобы было видно прорисовку на последней?
0 votes2 answers -
"границы сайта"
Сайт состоит из div-блоков. По краям страницы (после div-колонок) - бэкграунд. На лэптопах/ПК все нормально. А вот планшет автоматически "отрезает" все что находится вне div-блоков. И получается некрасиво. Нужно каким то образом очертить границы сайта, чтобы бэкграунд частично считался "полезным". Самый простой способ - создать пустые div-ы по краям... Но я не уверен что это "профессионально". Может быть есть существуют "правильные, общепринятые" способы?
0 votes1 answer -
Помогите разобраться с background url
Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые
0 votes2 answers -
Взаимосвязь элементов сайта.
Добрый день. Есть такая проблема. Предположим, есть сайт, например, на 20 страниц. Есть меню, в которое я хочу добавить какой то определенный пункт. Собственно вопрос: какую технологоию использовать и как сделать, чтобы, добавив пункт на индексную страницу, этот пункт отобразился и на остальных страницах, без правки кода на оставшихся 19 страницах? Заранее благодарен.
0 votes4 answers -
как сделать линию из середины блока в пол?
есть блок, вертикальный размер которого плавно изменяется скриптом. как сделать внутри этого блока вертикальную линию, начинающуюся не с самого верху, а с неизменным отступом, до низа блока, причем с изменением размера блока линия не вылезает и не отстает от нижней границы? допускается через рисунок бекграунда или бордер. спасибо!
0 votes3 answers -
как подобрать педдинги в пунктах меню?
сайт n-crown.ru/ Подскажите, пожалуйста, как сделать, чтобы пункты меню не переносились по словам? Т.е., чтоб пункт "котята на продажу", например, находился на верхней или на нижней строчке целиком? Уже и педдинги для moduletable_menu все перепробовала и шрифты самого меню меняла - не помогает, либо этот пункт переносится, либо предыдущий, "канадский сфинкс", никак не могу справиться с проблемой((
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-