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
-
Как делать значки соц. сетей через css?
Разобрался. Это шрифт специальный. Font Awesome Icons .fa-pinterest::before { content: ""; } А чтобы инвертировать цвет написал: background: black; color: white;
0 votes0 answers -
Надо меню сайта сдвинуть влево
Надо меню сайта сдвинуть влево В броузере Ffirefox меню выглядит корректно , в Chrome расположено по центру. Почему оно в Chrome там оказалось не пойму, было раньше расположено слева. Подзабыл, год не занимался версткой. Сам допру, но хочется побыстрей. Решил контент освежить. сайт http://nakhodka.h1n.ru/
0 votes2 answers -
Помогите с версткой
Здравствуйте, такой вопрос, как выразить зависимость отображаемой картинки от параметров заданных пользователем с помощью выпадающих блоков, т.е. пользователь выбрал красную основу и белый фон, и картинка соответственно поменялась. Спасибо.
0 votes1 answer -
создание архива и отдельной ссылки на пост
1) можно ли каким либо способом переносить темы в архив 2) хотелось бы сверху на гостевой по правой стороне сделать ссылку на новый пост или перенести туда старый, при открытии была бы одна какая либо тема и постоянно ее обновлять заранее спасип
0 votes4 answers -
Позиционирование
Всем привет! Друзья,помогите понять,для чего/зачем и когда нужно применять position,читаю книжки/самоучители,токо я чё то допереть никак не могу,кому не трудно,расскажите по подробнее о позиционирование,если можно с примерами,мб есть статьи какие,на русском,где,как говорится,всё расжёванно... Хелп!)
0 votes1 answer -
кнопка поиск
Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?
0 votes2 answers -
Проблема с background'ом
Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…
0 votes2 answers -
Не работает выпадающее меню на CSS в IE8
Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …
0 votes2 answers -
Четыре блока в центре экрана
Безуспешно пытаюсь позиционировать четыре прямоугольных блока по центру экрана. http://jsfiddle.net/e4PYz/ Задача в том, чтобы они размещались всегда в центре в не зависимости от размера окна. И если им есть место, то увеличивались до максимального размера, а если не хватает места, то сжимались. Как этого добиться? И существует ли возможность контролировать расстояние между красными прямоугольниками?
0 votes10 answers -
Посоветуйте статьи про кеширование
Посоветуйте статьи про кеширование сайта браузером. Не принцип работы, а именно как использовать в разработке. Как сделать, к примеру, что бы спрайты меню каждый раз не скачивались, а подгружались из кеша браузера?
0 votes3 answers -
Разные ширины
Доброго времени суток. Прошу помощи. Такая задача: шапка и подвал должны иметь ширину 1365px, область контента 940px. Вроде бы ничего сложного. Но когда разрешение экрана например 1280х1024, как понимаете, внизу браузера появляется полоса прокрутки. Вопрос: как сделать, чтобы при меньших разрешениях не появлялась полоса прокрутки внизу, а шапка и подвал адаптировались под разрешение экрана (чтобы слева и справа изображение немного отсекалось, оставалась центральная часть)? Картинки для шапки и подвала целые и шириной 1365px. Спасибо.
0 votes4 answers -
Генерация таблицы с объединенными ячейками и нумерация ячеек
Мой скрипт создает таблицу с некоторыми объединенными ячейками. Но если в эти ячейки вывести идентификаторы строк самих ячеек, то будет видно что ячейка объединенная colspan считается как одна и поэтому подсчет идет так например (предыдущая ячейка - 1_1), (colspan="3" - 1_2), (следующая ячейка - 1_3). А должно быть вот так (предыдущая ячейка - 1_1), (colspan="3" - 1_2,1_3,1_4),(следующая ячейка 1_5). Если взять например rowspan то он как раз считает как надо. Вот пример скриншота, красным выделено правильный подсчет ячеек (нужно смотреть на последнюю цифру после черточки). Если смотреть на rowspan, то он изначально все правильно считает. Как мне сделать, чтобы цифры …
0 votes1 answer -
Насыщенность специальных символов
Что делать в этом случае?
0 votes2 answers -
Градиентное изображение
Вся шапка сайта это отдельный фрейм. В нем 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 votes3 answers -
На стационарном ПК не отображается картинка баннера!
Все привет. Очень нужна помощь!!! Сделал сайт. Все работает. Единственная проблема в том, что картинка баннеров отображается только на ноутбуках, а на стационарных ПК - НЕТ. Проверял на многих компак стационарных и ноутбуках. На ноуте работает на стационарном - нет. В чем может быть причина??? первый раз с таким столкнулся. Очень срочно нужна ваша помощь!!! Заранее спасибо.
0 votes1 answer -
ссылка "Назад"
удалите эту тему, плз=)
0 votes0 answers -
Как послать по почте странице сайта?
Подскажите пожалуйста как послать по почте страничку сайта? может ето и не сайт я не знаю. мне приходит рассылка интернет магазина и когда я открываю почту то открывается страничка сайта с новои продукцией. мне нужно сделать так-же.
0 votes6 answers -
Позиционирование элемента
Имею затруднения в изображении одного из элементов сайта. Вот эскиз: Весь макет выравнивается по центру, "жесткий" макет, с определенной шириной. С чем проблема: серая панель, на которой располагается слайдшоу. Слайдшоу будет реализовано в виде готового скрипта javascript и помещено в контейнер (эту самую серую панель). Нужно, чтобы серая панель справа всегда была в край окна браузера, а слева - на определенном расстоянии от центра окна (т.е. чтобы также равнялась по центру (с левой стороны) со всем остальным сайтом; иными словами, чтобы левый край панели был "привязан" к правому краю всего макета). Как такое выравнивание описать на css?
0 votes4 answers -
выравнивание текста по вертикали в гор. меню, проблемы с ие
Всем добрый день, вертсаю гризонтально меню, выравниваю текст по вертикали, текст есть в одну строчку, есть в две <li> <div class="box"> <div class="box2"> <a href="#">some text 1</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text <br /> some text 2</a> </div> </div> <div class="box"> <div class="box2"> <a href="#">some text 3</a> </div> </div> </li> в css li{float:left;} box{ display:table; float:left; height:100px; } box2{ display:table-cell; vertical-align:middle; }…
0 votes3 answers -
Ошибки в css классе
Вот код ,который нужно добавить к остальному: <div class="thumbnails"> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="1.jpg" alt="К44774тво. Вто74ание"border="0" /></a><br /> Про4еии «<a href="#">Ко43ва</a>» </div> </ins> <ins class="thumbnail"> <div class="r"> <a href="#"><img src="2.jpg" alt="Оп673темы" border="0"/></a><br /> <a href="#">Офтал367357овка</a> к54нии «Опт367емы» </div> </ins> <ins class="thumbnail"> <d…
0 votes1 answer -
ширина блоков в ie7
помогите пожалуйста понять почему 2 колонки этой страницы ie7 отображает в вертикальном порядке, а нормальные браузеры в горизонтальном. возможно ли это исправить? ширину левой колонки я задал 75%, правой - 25%
0 votes6 answers -
перенос слов
Здравствуйте ув. формучане, такой вопрос: есть сайт http://test11.16mb.com/, по бокам блоки со ссылками, меню и т.д... там где ссылка не умещается в блок, она тупо режится... Как сделать что бы если ссылка не влазит в блок, она преносилась на следующюю строку?
0 votes9 answers -
Посоветуйте книгу по верстке (в PSD)
Здравствуйте. Посоветуйте пожалуйста какую нибудь хорошую книгу по верстке в pdf формате, чтобы я мог закинуть ее на мобильный телефон и читать на парах, а то скучно.
0 votes3 answers -
внизу 3 пустых экрана образовалось...
Создаю верстку, проверяю в хроме... Сделал - проверил в IE 7 и понял, что накосячил! ))) Можете найти в каких тегах или стилях кроется лишнее или ошибочное? )) http://newsushiline.ru.r01-service.ru/www/index.htm
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-