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
-
background из 2-х цветов
Здравствуйте. Не знаю, как реализовать такую схему: необходимо сделать фон для страницы так, чтобы левая сторона окна до середины была одного цвета (например, белого), а правая - другого (например, красного). Т.е. 50% окна по вертикали "залито" одним цветом, 50% - другим. Конечно же, очень хочется, чтобы независимо от разрешения (ширины окна) фон так и оставался на 50% белым, на 50% - красным. Спасибо заранее.
0 votes6 answers -
Обьясните новичку. 3 колонки.
Здравствуйте, вот есть у меня код <doctype html> <html> <head> <meta charset="utf-8"> <title>3 колонки</title> <link href="footer.css" type="text/css" rel="stylesheet"> </head> <body> <div id="container"> <div id="main"> <div id="all"> <div id="out"> <div id="in"> <div id="center">center</div> </div> <div id="right">right</div> </div> <div id="left">left</div> </div> </body> </html> Обьясните, почему у элементов с id="main" и id="container" нет закрывающего тега </div>
0 votes2 answers -
Изменение размеров Div при добавлении Padding и Margin
Ребят при добавлении стилю DIVу элемента padding у этого DIVа увеличивается размер. Если на пальцах есть блок размеров 200 на 400. В его стиле прописываю padding:10px; и блок становится размером 220 на 420. Как этого избежать? Ведь padding должен просто делать отступы внутри блока а не менять его размер.
0 votes5 answers -
Верстка сайт бар
Добрый день! Хочу попрсить помощи у вас для вас будет легко, а так как я новичок мне нужна помошь. Смотрите начал верстать макет у меня сайт на один сайт бар, шапка сайта, контент, нижнья часть сайта. Вот почти все сверстал у меня не вийшло сделать сайт бар. как нужно правельно сайт бар сверстать? <div class="block1"> <div style="padding-left: 10px;"> sdfdfgfd dsfsdfsd sdf sdf sdf sd fs </div> </div> вот ксс . block1 { margin-top: 2px; width: 310px; height: 300px; padding-top: 75px; margin-right:160px; float: right; display: inline-block; background:url(/img/menu.png)…
0 votes8 answers -
Мерцание шрифтов на mac os
Есть страница http://bliss123.zz.mu/html/1/ когда пролистывается слайдер мерцают шрифты... Такое только на мак ос в хроме Кто сталкивался с проблемой? неподскажите решение?
0 votes2 answers -
Сохранить значения при перезагрузке
Есть форма с 19 вопросами на да нет. Когда пользователь отправляет не все вопросы, страница перезагружается и значения радиокнопок сбрасываются. Как сохранить значения радиокнопок при перезагрузке? Форма обрабатывается с помощью php.
0 votes12 answers -
Интерактивная схема помещения (expo)
Добрый вечер, Для выставки требуется сделать интерактивную схему помещения/зала, с добавлением фирм и их последующим редактированием. Может кто сталкивался с похожими плагинами? Чтобы сделать самому, к сожалению не заточены руки. Пример того, что нужно - иностранный сайт тык, со схемой выставки и фирмами, эту софтину, как я понял они взяли с этого сайта: тык, который предлагает данный софт, но никак не пойму как скачать демку, да и вообще не пойму как заказать. Помогите пожалуйста разобраться с этим сервисом или если кто знает может быть есть похожий плагин у нас?
0 votes2 answers -
Лучшие текстовые редакторы с подсветкой синтаксиса
Привет всем, хочу спросить у гуру и новичков, каким текстовым редактором с подсветкой синтаксиса большого количества языков программирования и разметки вы пользуетесь? Я начинал с Dreamweaver но после работы с порядка 10 сайтов, он мне показался очень тяжелым. Совместно с ним я пользовался Notepad++ но наверно из за своей бесплатности он не предлагает автопродление кода, что влияет на быстроту написание. В данный момент сижу на CodeLobster, и на момент написания поста меня он удовлетворяет. В нем есть Emmet и Less! Может кто поделится своим опытом с данными или другими редакторами? P.S. Не нашел раздела для данной темы и поместил сюда. Админы сделайте пожалуйста раздел "П…
0 votes11 answers -
Про счетчик с перелистыванием
Насколько я знаю все счетчики с перелистыванием реализованы сейчас на спрайтах? Я смотрела их коды - везде непонятный канвас и как мне показалось, это все самописное. Может кто посоветовать счетчик, где можно полностью выбрать стиль и подключить свой спрайт? Кстати, создаете ли вы сами спрайты для перелистывания или только строго, если он шел вместе с макетом? Если ли у кого настраиваемый счетчик, реализованный без использования спрайтов?
0 votes7 answers -
Социальный div под логотипом (проблема верстки)
Ссылка на рабочий пример своей убогой верстки: http://jsfiddle.net/SpPS6/ Как это выглядит на сайте: http://stv-sb.ru/ Помогите выпрямить все это дело что бы было нормально а то картинки друг от друга находятся далеко, в ie отображается вообще не так, ну на ie не так критично, но хотя бы что бы если при добавлении новых пунктов нормально все было... а jsfiddle отображает вообще не так как на сайте хотя структура та же...
0 votes5 answers -
Растянуть содержимое div'a с равными отступами
Скажите, вот если допустим, есть div шириной 960 пикселей и в нем есть н-количество пунктов меню. Как сделать, что бы левая и правая ссылка были выровнены по левому и правому краю, а те пункты которые между ними, имели одинаковые отступы ?
0 votes4 answers -
Наложение уголков
Есть вот такая картинка. Как считаете, можно ли обойтись в данном случае одним элементом? Всякие :before тоже не считаются. Как только задал вопрос, сразу же пришло решение. Надо использовать радиальный градиент. height: 100px; width: 100px; background: radial-gradient(#FFFAC0 49px, #6DC065 50px);
0 votes1 answer -
Как привязать стиль к расположению?
Имеем. <div class="slide"><div class="content"></div></div> <div class="box"><div class="content"></div></div> как правильно описать это в CSS чтоб каждый класс контент был привязан к своему классу. (т.е. чтобы у меня было 2 разных стиля "content")
0 votes2 answers -
В чем дело?
Делаю макет по инструкциям как на этой странице, но почему так же не получается( Помогите пожалуйста разобраться. _______________________________ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Макет 1</title> <link rel='stylesheet' type='text\css' href='style.css' </head> <body> <div class='container'> <div class='header'> <h1></h1> </div> <div class='left-menu'> <h1></h1> <div> <div class='right-menu'> …
0 votes7 answers -
Посоветуйте литературу
Здравствуйте, прошу посоветовать литературу для начинающих web программистов типа : html/html5 css PHP+MySQL Javascript или что-то в этом роде или же дать список качественных статей (желательно побольше и что бы они были связаны.) Я просматривал некоторые статьи приведенные в этом форуме некоторые были полезные а, некоторые нет т.к. я даже не понимал почти все, что там написано. Спасибо за то-что вы это прочитали и надеюсь вы мне посоветуете действительно качественные тексты.
0 votes15 answers -
Экспорт макета из psd в png послойно
Доброго времени суток. В хтмл и цсс не полный ноль, а вот народная мудрость "опыт не пропьешь" в моем случае не работает. У меня имеется макет сайта в .psd на +100 слоев. Я не помню, как это работало раньше. Если я экспортирую каждый слои в отдельный графический файл, то photoshop cs5\6 запоминает его расположение в файле, получается своего рода лист, но с элементом, который надо обрезать самому, пересохранять. Вопрос: А можно ли сделать как-то, чтобы каждый слой сохранялся со своим собственным размером, а не как элемент на пустом листе, где все основное место занимает "ничего"? Получается, мне каждый слои надо будет подрезать самому от всего остального фона?
0 votes2 answers -
геолокация от гугла
помогите пожалуйста вывести данные о городе, в котором находится пользователь я использую сервис геолокации от гугла. и вывожу объект с данными в консоль браузера. фиддл проблема в том, что выводится undefined
0 votes4 answers -
Div и картинки. Адаптивная верстка
Здравствуйте, уважаемые посетители форума. Замучался решать вопрос, он следующий. У меня есть скрипт ротатора картинок, который меняет картинки по времени (делает это через ul). Как сделать так, чтобы картинки которые он выводит НИКОГДА не выходили за границы div'а? И еще вопрос. Мне нужно чтобы все это было адаптивно к экрану (будет показываться на full HD, но была бы возможность посмотреть с 17-24"(Radmin)). Если вас не затруднит, помогите пожалуйста. Код прилагаю. В нем о размещении элементов даже не пахнет (много раз исправлял). Нужен такой вариант как во вложении (картинке), чтобы так было на всех экранах (ток картинки по-больше в высоту ну и выровняно). Понимаю, что…
0 votes1 answer -
Звук при наведения на кнопку, как?
Доброго времени суток, Хочу, что бы при наведении курсора на кнопку меню, происходил звук (щелчок), посоветуйте, что нибудь по проще.
0 votes2 answers -
Не работает width: 100% и margin: 0 auto на ios
http://nargilia.pavelzheglov.ru/ Впервые столкнулся с такой проблемой, даже не могу четко выявить суть, чтобы гуглу задать вопрос.
0 votes1 answer -
Странная форма картинки
Собственно такая вот проблема, поискав час решений, понял что сам не справлюсь, нужно решение вот такой задачи. Есть картинка http://savepic.su/3458647.png Она уже обрезанная, она кликабельная, их несколько, нужно "обрезать" границы ссылки, чтобы другим ссылкам проблем не доставило, друг на друга накладывать не вариант, спасибо за любую помощь.
0 votes7 answers -
мобильная версия подключение
Здравствуйте! Сделала мобильную версию сайта, поставила ее не поддомен m.сайт.ru, на сайт.ru/index.html вставила код для переадресации на m.сайт.ru, когда входишь с мобильного браузера. Все отлично. Но. Мне нужно чтобы можно было на мобильном перейти на полную версию сайта. Вопрос: как это сделать? Или как по-другому подключить мобильную версию с возможностью перехода на полную версию сайта?
0 votes2 answers -
Заказы для начинающих
Доброго времени суток, уважаемое сообщество! Не так давно начал изучать материалы сайта, и, дойдя в практикуме до определенного уровня сложности заданий вдруг понял, что нужно браться за реальную работу. На форуме выложены .PSD для перевода в код, а также есть ветка с оценкой работ, но это, как мне кажется, немного не то, хотя и безусловно крайне полезно. На мой взгляд начинающим верстальщикам нужно практически сразу брать копеечные заказы, как и любым начинающим ремесленникам в принципе, пусть это будет даже 10 долларов за работу, ибо любой труд должен быть оплачен. Работать же за "репутацию" и "для портфолио" - глупость, потому что работая за деньги, пусть даже за крохо…
0 votes9 answers -
Картинка не ужимается до размеров блока!
Ребят поясните мне.Имею вот такой код.Цель - чтобы картинка которая по размерам изначально 564*589 px ужалась сама в блок span.Почему этого не происходит?Ведь я задал класс .juy где есть атрибут display:block. Также размер блока photo (до размеров которого как раз и должна уменьшиться картинка) составляет 150px. Помогите пожалуйста!
0 votes4 answers -
Вопрос по кукисам.
Всем доброго времени суток. Вникаю в то, каким образом сервер задаёт куки клиенту. Set-Cookie: username=aaa13; expires=Friday, 31-Dec-99 23:59:59 GMT; path=/; domain=www.htmlbook.ru; Вот что по имени домену понятно. Если домен указан как "www.htmlbook.ru", то эта кука будет использоваться только при переходе клиента по ссылкам и только данного домена. Если же куку задать так: Set-Cookie: username=aaa13; expires=Friday, 31-Dec-99 23:59:59 GMT; path=/; domain=.htmlbook.ru; То кука будет пользоваться в тех случаях, если домен ссылки будет оканчиваться на ".htmlbook.ru". Следовательно, кука будет отправляться и при переходах по ссылкам других доменов как: www.htmlbook.ru html…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-