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 -
Странность с clear: both.
Всем привет! Я новичок в css, и хотелось бы задать вопрос, по как мне кажется странному поведению свойства clear. Следующий пример не рабочий, в нём нет нужды сделать всё правильно, или решить проблему, он написан для того что бы понять по чему так происходит. Предположим у нас есть один блок, в который вложено два других бока, каждый из них имеет совой заголовок, и ещё несколько вложенных блоков ( в примере блок только один), с заголовком статьи, и датой её создания, за который следует некий текст. Код-html <div id="content"> <div id="block1"> <h4>Название блока</h4> <div class="wrap"> <h5>Заголовок для статьи!</h5&g…
0 votes2 answers -
Нужен хороший зарубежный сервис для фриланса верстальщиком
К сожалению, на форуме не нашел подходящего раздела, в котором можно обсудить где можно предложить свои услуги и где искать работу. Ведь все обучение так или иначе заканчивается применением на практике, т.е. работой. Мой вопрос простой - кто знает хороший зарубежный сервис для фриланса верстальщиком? В принципе, поставлю плюс за любую полезную информацию по теме поста. Если тема не совсем по адресу, прошу не удалять ее а перенести в другой, возможно, более подходящий раздел.
0 votes5 answers -
Не пойму как работает min-width
Здравствуйте! Не пойму как работает min-width в медиа запросах. Вот, например, мне нужно, чтобы на больших экранах был фон у блока с картинкой, а на маленьких экранах -- картинку убрать. То есть, на экранах с минимальной шириной 768px картинка с фоном должна исчезнуть...но она не исчезает. Пишу такой код: @media (min-width: 1200px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 992px) {.footer { background: url(../images/1.png) no-repeat;}}@media (min-width: 768px) {.footer { background:none;}}
0 votes3 answers -
Как работает код данного массива?
Дан код: var table = new Array(10); for(var i = 0; i < table.length; i++) table[i] = new Array(10); for(var row = 0, str = ''; row < table.length; row++) { for(var col = 0; col < table[row].length; col++) { table[row][col] = (row+1)*(col+1); str += table[row][col] + ' '; } console.log(str + '\n'); str = ''; } Я читал статью про массивы, знаю что значат квадратные скобки, но поясните мне пожалуйста как здесь в данном случае они работают, и в целом сам код?
0 votes1 answer -
Градиентное изображение
Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…
0 votes0 answers -
Неполучаеся осуществить!
немогу разместить в лево и вправо синим выделено то что надо в лево красным выделено то что надо в право
0 votes5 answers -
Не корректно отображается меню в ie 6
Не корректно отображается меню в ie6, подскажите где ошибка, что дописать в стилях, чтобы div-ы не растягивались на всю страницу. Причём если всё вставляю в таблицу, то всё нормально отображается. Вот эта страница с меню
0 votes2 answers -
проблема с горизонтальным выравниванием
скажите пожалуйста почему на странице в ie7 социальные кнопки выстраиваются лесенкой, а не горизонтально? не первый раз уже сталкиваюсь с подобным поведением, хотелось бы научиться исправлять
0 votes3 answers -
Текст смещается!
вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!
0 votes3 answers -
Правильное оформление ссылки
Здравствуйте! возникла проблемка: яша не индексирует страницы сайта кроме главной (правда сайт молодой) Ссылки в меню поставил таким образом: <a href='/brodilki'><img class='ico' src='{THEME}/images/controller.png'/>Бродилки</a></li> Вопрос в том - обязателен ли слеш после ссылки на раздел сайта в котором размещаются статьи?
0 votes3 answers -
Как к фону применить градиент
Подскажите пожалуйста, как к фону применить градиент
0 votes1 answer -
фокус-покус-имперемокус!
Добрый вечер, товарищи! Суть такова. На странице только инпут с тайпом текст. Как сделать так, чтобы при открытии этой страницы, инпут сразу получал фокус, как с атрибутом autofocus, только как-нибудь более универсально?
0 votes2 answers -
Выравнивание таблиц
Необходимо выровнять таблицы по центру следующим образом: Красный элемент - любой невидимый элемент, расположенный по центру страницы. Его ширина равна ширине самой широкой таблицы (извиняюсь за тавтологию). Синим цветом обозначены таблицы, которые выровнены по левому краю относительно красного элемента. Рассматривается только горизонтальное выравнивание. Как это реализовать? Какой тег можно использовать в качестве красного элемента? Заранее спасибо.
0 votes3 answers -
В Opera едет верстка
http://195.222.84.234/ Там, конечно, костыль на костыле, но может кто-нибудь может подсказать, где та ошибка из-за который в опере все плывет?
0 votes2 answers -
вопрос по трехколоночной верстке
Уважаемые гуру, подскажите, такой момент: делаю трехколоночный макет с шапкой и подвалом. Левую и правую колонку сделал флоатом, у центральной колонки задал левый и правый маргин. Внутри центральной колонки нужно выводить текст с плавающей картинкой (опять флоат) и таких картинок куча. когда картинка больше текста получаю кашу: следующее изображение слетает на предыдущее Чтобы не было каши поставил <div style="clear:both"></div> Но в таком случае все, что ниже этого улетает вниз на уровень завершения боковиков. Подскажите, как такое обойти?
0 votes3 answers -
Смена фона кнопки при клики
Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!
0 votes4 answers -
Эластичное портфолио
Здравствуйте! Хочу сделать такого же механизма портфолио http://essenza.plusquare.pt/minimal/portfolio/. Чтобы контент растягивался при разных экранах и в одном ряде становилось от 4 до 2 элементов (в зависимости от экрана). Каким способом это можно сделать? Может быть есть готовые плагины jquery или статьи, не могу даже придумать что в запрос в гугле написать.
0 votes5 answers -
Фон шалин в Мазилле.
Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.
0 votes4 answers -
Еще немного о тенях
Всем доброго. Подскажите пожалуйста, как средствами HTML+CSS сделать такую тень (см. вложение) Или проще вырезать кусок из макета и вставить <img>?
0 votes3 answers -
Помогите решить задачку
http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи тега hover мне нужно сделать так что бы изначально светилось какое нибуть окошко соц сети, а при наведении мыши получался такой результат как я показал) спасибо
0 votes2 answers -
Установить фото фоном через админку
Или не через админку. Добрый день, уважаемые. Помогите, пожалуйста, девушке-ламеру. В общем, есть несложненький в общем-то сайт с админкой, где все редактируется через html (все - это в смысле каждый раздел в отдельности). Мне надо в этих разделах поставить фоном фото, причем с заданными размерами и так, чтобы поверх можно было наложить контент. Блок div не сработал, обычные команды и подавно. Пыталась вставить через код админки - вообще чуть к чертям все не снесла. Что вы можете посоветовать, какое решение? Если надо, дам коды всего, только помогите, пожалуйста. Спасибо.
0 votes1 answer -
Как реализовать подобный скролл?
http://i.imgur.com/VW0ODIL.png http://i.imgur.com/xHmw0of.jpg
0 votes4 answers -
Необходима помощь с выпадающим меню
Здравствуйте у меня имеется изготовленное горизонтальное меню необходимо сделать некоторые пункты выпадающими, но все усилия тщетны.
0 votes5 answers -
Верстка списка товаров
Здравствуйте. Верстаю каталог с товарами. Столкнулся вот с такой трудностью: Т.е. товары разбросаны как попало. Как это исправить? Вот ссылка на сайт
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-