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
-
Joomla 2.5
А создание шаблона для Joomla 2.5 чем-то отличается от 1.7? Или все то же самое? И может лит-ра есть хорошая на эту тему кто в курсе? Или видеокурс какой...
0 votes2 answers -
Как убрать отступы?
Здравствуйте! У меня проблема с отступами на странице. Верхний, правый и левый работаю а вот низ никак не поддается. В CSS значение body стоит margin: 0;, высота body 100% Структура: один div как контейнер а внутри множество остальных. высота контейнера тоже 100% В самом низу контейнера есть изображение которое никак не хочет примыкать к нижней части окна. Выставил рамку для контейнера, тоже не примыкает к низу. Помогите разобраться.
0 votes4 answers -
Потерял статью
Всем привет! Наверное написать лучше в эту тему Помню была хорошая статья на хабре, сейчас понадобилась, но по необъяснимой причине я ее не добавил в закладки Вобщем есть такой макет И в той статье очень подробно описывалось для чего нужно такое количество вертикальных полос, в чем удобство, для чего отделять хэдер, контент и футер и прочее прочее... Может у кого осталась ссылка... или хотя бы помогите сформулировать запрос в поиск
0 votes2 answers -
Оцените, пожалуйста, верстку
P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.
0 votes0 answers -
Небольшой вопрос по overflow
Есть контейнер div, в него динамически добавляется инфа. По достижению определенной высоты добавляется полоса прокрутки, но последние добавленные строчки оказываются за пределами видимоски, поскольку полоса прокрутки не прокручивается вниз автоматически, при добавлении новых строк. Можно ли без javascript'а сделать чтоб прокручивалась?
0 votes3 answers -
верстка под все разрешения
Я вот при верстке часто задаю себе вопрос, и постояно не знаю как решить! Как же верстать под все разрешения экрана... Вот опять начал верстать и опять бах немогу сделать у меня так у других по другому! Может скажет кто? в принципе вот: http://jsfiddle.net/H2hMq/ (P.S не знаю почему но radikal уберает прозрачность (вроде не было такого) у меня смотрится нормально без этих отступов тд.. впрнципе вот 2 примера Как выглядит оригинал: http://s020.radikal.ru/i720/1310/87/279584d85b4c.png Как показывает у меня: http://i019.radikal.ru/1310/aa/6e65cecb9c4a.png Вот как то так!
0 votes2 answers -
Можно ли сделать слова вместо маркеров и подвинуть потом их?
Есть список новостей Задача к списку подписать сверху "Новость": копал в водпрессе последние записи и не найду код где можно вставить перед li слово новость. Подумал, а может в css можно как-то это сделать? знаю, что можно как-то картинку вставить. А можно ли чтобы цифра оставалась. а при этом картинка добавлялась?
0 votes1 answer -
Расчет ширины блока в IE после float и его перенос
Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>
0 votes1 answer -
Меню с картинкой
Здравствуйте, при верстке одного макета столкнулся с одной проблемой, не получается сделать меню с картинкой, вот демо. А как должно быть вот скрин Что посоветуете, как с этим бороться?
0 votes5 answers -
Проблема с вертикальным выпадающим меню.
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…
0 votes2 answers -
плавающие блоки
верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> …
0 votes2 answers -
Отправка формы с пустыми полями
Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…
0 votes2 answers -
Изменение шрифта при разных разрешениях
Можно сделать так, чтобы размер шрифта оставался неизменным визуально при разных разрешениях экрана?
0 votes1 answer -
Аспекты позиционирования
меня интересуют все моменты выравнивания по центру внутреннего элемента: например <div class="one"><div class="two"> </div> </div>, пусть размеры у них заданы явно сразу 500 х 500 px для внешнего и 200 х 200 px для внутреннего. я знаю следующие способы: 1. установить внутреннему стиль margin:0 auto; //внутренний встанет по центру горизонтальному 2. используя для внешнего позицию relative и для внутреннего absolute с указанием стиля left:50% top:50% и минус margin'ы равные половине длины и ширины соответственно //внутренний элемент встанет по центру веб страницы как вертикально так и горизонтально. 3. установить html атрибут align для внешнего эле…
0 votes2 answers -
проблемка с <select>
Всем привет. Пишу портальчик на php. Нужно сделать выбор ролей пользователей из списочка с мультивыбором. При генерации страницы высылаю с сервера список с уже выбранными опциями, показывающими текущие установленные роли с атрибутом selected. При выборе других ролей и сабмите формы, на сервер приходят именно те опции, которые были помечены атрибутом selected. Подскажите как это побороть.. ЗЫ на пхпфоруме мой вопрос проигнорировали. Неужели я один с таким столкнулсо? ЗЫЫ проверял в хроме и в експлорере - эффект один и тот же.
0 votes3 answers -
Фиксированная ширина
Приветствтвую всех. Возникла у меня такая проблема. Есть у меня блок фиксированной ширины. В нем размещены thumb-ы (фотографии). Так вот в одной "строке" помещается 3 картинки, и четвертая уже должна уходить вниз, чего она не делает. Вот как мне этого добиться? Задавал фиксированную ширину вместе со свойством "float", не помогает.
0 votes1 answer -
проблема g.raphael
Есть замечательная библиотека raphael, g.raphael - основан на графической библиотеки raphael.при подключении первой и работой с ней проблем не возникает, все рисуется.когда подключаю вторую g.raphael все скрипты качал с официальных сайтов и подключал <html> <head> <script src="raphael.js" type="text/javascript"></script> <script src="g.raphael-min.js" type="text/JavaScript"></script> <script src="g.raphael.js" type="text/JavaScript"></script> <script src="g.pie.js" type="text/JavaScript"></script> <script src="g.bar.js" type="text/JavaScript"></script> <script src="g.line.js" type="text/JavaScript…
0 votes1 answer -
фон у шапки
Не работает background-image у header, хотя с footer'ом все отлично. Не могу понять в чем дело! <!DOCTYPE html> <html> <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <meta charset="utf-8"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <link rel="stylesheet" href="css/menu.css" …
0 votes2 answers -
Изображение рамки с двух сторон
Здравствуйте, я бы хотел узнать как мне поставить изображение для рамки и сделать её с двух сторон (слева и справа) при этом не создавая других блоков
0 votes3 answers -
Аналогия ФШ-ким sharp/crisp/strong/smooth есть в CSS?
Добрый день. Аналогия ФШ-cким настройкам текста sharp/crisp/strong/smooth есть в CSS? Благодарю
0 votes1 answer -
Как лучше с верстать ?
Скажите пожалуйста как лучше сверстать ? http://itmages.ru/image/view/1690784/f7f0f63c Таблицей или дивами ?
0 votes3 answers -
Нужна помощь
Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31
0 votes4 answers -
Как лучше реализовать вот такую задумку?
Вот как лучше реализовать вот такую вот задумку дизайнера Макет: http://prntscr.com/62xzzj Надо сделать так, что бы при нажатии на Ежика, открывалось окошко поверх картинки Ежика вот так http://prntscr.com/62y0my
0 votes3 answers -
При просмотре сайта в iOS перепутаны все картинки
У меня возник глюк, подобного которому не смог найти ни в российском ни в англоязычном сегменте. Сайт http://nastobr.com/ Если зайти ПЕРВЫЙ раз с любого устройства iOS (то есть айфона или айпеда), причем из любого браузера, то все картинки перепутаны, то есть например логотип откуда-то из низа страницы встает вместо картинки баннера, или фотка из анонса может встать вместо скана лицензии и т.д. Если просто обновить страницу, то глюк исчезает и его можно снова увидеть лишь очистив кеш. На других устройствах: десктопе или из андроиде глюк не проявляется. Клиент мне всю плешь уже этим глюком проел, а я не понимаю что происходит. Что это может быть?
0 votes1 answer -
Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки
Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-