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
Скачал шаблон сайта. Стиль, видимо, создан с помощью css. В папке только 2 html документа. Не могу понять где сам файл css. Вот фрагмент кода: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <link href="file:///C|/Temp/kot/_kot_work/temp/temp.css" rel="stylesheet" type="text/css"> Как понять, где файл css, чтобы его отредактировать?
0 votes4 answers -
Как правильно задать свойства
Здравствуйте! Я совсем новичок в верстке, помогите разобраться в вопросе. Когда создаем горизонтальное меню с помощью float то float и margin нужно указывать для селектора <li> или можно для<a>? Проверял - работает и так и так. Как будет правильно или вообще без разницы? 1.Так правильно? .social_buttoms li {float: left;margin-right: 14px;}.social_buttoms a {display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} 2.Или так?.social_buttoms a {float: left;margin-right: 14px;display: block;width: 32px;height: 32px;background: url(../images/social_sprite.png) no-repeat;} Заранее спасибо за ответ.
0 votes11 answers -
Навигация по сайту (только html и css)
Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…
0 votes2 answers -
Что такое SVG и с чем его едят
Всем привет. Вот хочу сделать динамическое построение круговых диаграмм на странице статистики. Долго думал и в результате остановился на варианте создания SVG на чистом JS. Всё бы ничего, вот только информации по SVG кот наплакал, а хочется сделать всё красиво. Пока мой JS умеет генерировать псевдо-3D круговую диаграмму, проблема в том что она плоская, а хочется объемную. Подскажите где что почитать по теме? Например на w3c есть вот такой пример http://www.w3schools.com/svg/tryit.asp?filename=trysvg_ellipse2 А как сделать эти же элисы еще и толстыми, ну чтобы они выглядели например так
0 votes4 answers -
Сложности при верстке навигации
Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?
0 votes3 answers -
Вопрос от новичка
Как вставить картинку ? должно получиться как на нижней картинке вот мой код <!DOCTYPE html> <html> <head> <title>Испытание 2: слайдер</title> <meta charset="utf-8"> </head> <body> <div class="conteiner"> <div class="content"> <h1>Долго, дорого, скрупулезно</h1> <p>Математически выверенный дизайн для вашего сайта или мобильного приложения.</p> </div> <div class="knopka"> Узнать больше </div> </div> <…
0 votes1 answer -
Глюк со слоями. Слой будто бы не в слое.
<body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…
0 votes2 answers -
Генератор номеров!
Как сделать так, чтобы после заполнения формы обратной связи на сайте, письму присваивался уникальный номер (можно просто счетчиком - номера подряд), который отображался бы пользователю и передавался б вместе с его письмом. Заранее благодарен!
0 votes7 answers -
как заставить страницы работать оффлайн?
здравствуйте. очень нужна Ваша помощь. у меня вобщем есть сохраненные страницы с интернета. и на каждой из них есть ссылки друг на друга. так вот как мне прописать в исходном коде чтоб все это работало на компьютере без интернета? страницы в формате mht. вот что пробовал я: Оригинал Измененный в итоге после сохранения изменений, мне перед именем страницы которая находится на компьютере (например "1.mht") вставляет адрес этой страницы в интернете (рис. внизу), хотя я его убрал из ссылки... может я что-то неправильно делаю? подскажите пожалуйста.
0 votes2 answers -
Ссылки в hover меню картинками
Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.
0 votes5 answers -
margin: 0 auto для меню span float:left
Добрый день! Не получается .menu span сделать по центру блока .menu .wrap {position: relative; min-height: 100%; height: auto; -height: 100%;} .container {margin: 0 auto; padding-bottom: 198px; min-width: 998px; max-width: 1000px;} .content {padding: 80px 0px 0px 13px;} .head {padding: 0; height: 247px; background: #ffffff url(../img/headerbg.jpg) 50% 100% no-repeat;} .logo {width: 187px; height: 49px; padding: 77px 0 0 64px;} .logo img {width: 180px; height: 146px;} .foot {background: #ffffff url(../img/footerbg.jpg) 50% 0 no-repeat; width: 100%; position: absolute; bottom: 20px; height: 129px; z-index: 22; left: 0;} #foot {margin: 0 auto; min-width: 998px; max-width…
0 votes2 answers -
В хедер запхать 2 картинки и слайдер
Привет всем. Хочу изменить шапку, вместо одной картинки впихнуть по сторонам 2 (эмблемы типа) а по центру слайдер. Я в блок хедер вставляю 3 блока(левый картинка-log_img, центр слайдер-wowslider-container1, правый тоже картинка-log_img2), но так получается что правая картинка переезжает на следующую строчку. Какое свойство в каком блоке поправить что бы все влезло в одну строчку? Шаблон сайта я скачал а слайдер сделал с помощью программы.Не судите строго только учусь. https://www.dropbox.com/sh/huhumx34a01nejz/AADFEG-J98yAJGLqq-wSOQrya
0 votes1 answer -
Вертикальное выравнивание картинки в ссылке
Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.
0 votes8 answers -
выравнивание дивов в 1 строчку
Скрытый текст Есть строчка. в начале на треть страницы 1 блок, 2 блок разделяется на 2 маленьких, и 3 блок тоже большой. 3 блока нормально встали, но 4 (2 маленький) не хочет. вот, что выходит. должно быть так. как это сделать? Скрытый текст < <div> <div class="stock_left"> <a href="#"><img src="img/content/stock400x500.jpg" alt="stock"></a> </div> <div class="regist"> <img src="img/content/regist400x240.png" alt="regist"> </div> <div class="stock_right"> <img src="img/conte…
0 votes2 answers -
Текст в разных концах блока ...
Скажите пожалуйста на сколько "правильна" такая конструкция? (выравнивание в лево) (выравнивание в право) ТЕКСТ (выравнивание в лево) По сути: h1 и h2 - 1-й уровень "строк", находятся на одной строке; в рамках слоя фиксируются точным размером ширины h3 - 2-й уровень "строк", находится под h1 и h2 Что меня смущает? Когда пролистываю в IE смазываются края (становятся белыми) h1 и h2, в Опере нормально. Если h1 сам по себе заполняет весь 1-й уровень, то такого эффекта не наблюдается. В принципе что я хочу получить и как сделано сейчас можно увидеть здесь: http://wmnavigator.by.ru/tmp/ - первый квадро-блок DonkeyMails Спасибо.
0 votes2 answers -
Как сделать прокрутку часов:минут:секунд в поле формы?
Собственно сабж! Если не понятно поясню может чтото типа набора селектов формы?
0 votes3 answers -
Проверка Данных На Валидность
Есть один маленький вопрос, http://www.htmlbook.ru/content/?id=114 ознакомился со статьей и решил проверить свой сайт на валидность, но столкнулся с двумя проблемами, 1-я языковой барьер и 2-е не понимаю не которых ошибок, что он от меня хочет, возникает вопрос, нет ли какого сайта аналога на русском или же может тут найдутся люди знающие толк в версте и объяснят "начинающему нубу" в чем я не прав. Выложу пару примеров ошибок с описанием (прошу сильно не ругать, понять и помочь): Ну тут, если я правильно понял, он прописит прописать alt Что ему не нравиться тут не понимаю. Или вот, что ему не нравиться? в первой букве названия моего id Спасибо за внимание.
0 votes4 answers -
JQuery Календарь...
Добрый День! Моя проблема следующая: Cкачал плагин JQuery 'календарь' и при его редактировании у меня возникли дополнительные отступы(около 2px) в IE-7!(между ячейками таблицы на каторых указаны дни недели,а также между числами...) В остальных браузерах всё нормально!(Верстаю под: Моzillu, Operu, Safari, Google Chrome, IE-7,8,9...) Перепробовал всё что в моих силах - но безрезультатно!(Хотя в таблицах я разбираюсь очень поверхностно,а плагин построин на них!) <table cellpadding="0" cellspacing="0"> применить не удается,поскольку не могу найти соответствующего кода HTML! Он находиться в папке jquery.date_input.js (правда я пока,что не могу разобраться в том - можно л…
0 votes5 answers -
Как выровнять картинки по ширине?
Имеется несколько картинок одинаковой высоты, мне нужно разместить их в диве шириной 1000px, таким образом, чтобы отступы автоматически формировались(что-то типа justify для текста). Возможно ли это сделать без Js ?
0 votes3 answers -
проблема верстки в Safari
Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom…
0 votes4 answers -
text-align в IE<9
Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.
0 votes4 answers -
Запрет копирования текста
Всем привет, подскажите, каким образом здесь реализован запрет на копирование текста? http://www.tehno-online.ru/arenda-spectehniki/ekskavatori/
0 votes8 answers -
Сайт обрезается при уменьшении дисплея
Название сайта- http://help-for-computer.ru .Сайт обрезается на телефонах. Когда писал его, так старался,что даже для ie 5.5 его тестил. На валидаторах протестил. А вот на маленьких дисплеях забыл. Что теперь делать, как исправить? Там при заходе с телефона даже номер, куда звонить, не видно((( P.S.: еще, вопрос: почему у меня на samsung galaxy s4 при заходе через chrome на сайт ширина блока главного уменьшается(строчки плывут), я же зафиксировал ее width:1000px?
0 votes4 answers -
не получается сделать меню горизонтально
добрый день. недавно, менее 2ух недель я изучаю хтмл и цсс. Решил сделать сай, пробный. пытаюсь сделать у сайта горизонтальную меню, для этого я вставляю [i]display: inline.[/i] и вроде всё гуд, но не то немного. у меня элементы подстраиваются под размер содержимого. как мне сделать так чтобы оно оставалось тем же размером что было?? я уже подумываю каждой кнопке делать отдельный блок где будет прописан своё местоположение. я надеюсь что не криво изложил свою мысль и проблему)) ниже сам код
0 votes3 answers -
Не могу сделать фрейм
Напишите пожалуйста код для такого фрейма http://i.imgur.com/yj8keAy.png Сколько я ни пытался, никак не могу нормально написать. Криво получается
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-