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
-
редирект в .htaccess
Добрый день уважаемые разработчики. Есть вопрос по поводу редиректа. Прочитал кучу материала но до меня что то не доходит как реализовать такой редирект? *sait.com.ua/s-etogo/* -> *sait.com.ua/na-etot/* Спасибо!
0 votes4 answers -
svg или webfonts
Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/). Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?
0 votes16 answers -
Цвет фона по бокам в wordpress
Привет, стоит тема Metro Magazine на wordpress. Хочу поменять фон по бокам, чтобы не белый был, а немного сероват. Нашел инфу что в настройках нужно Внешний вид -> Настройки темы -> вкладка Стили -> во вкладке пункт «Ваш CSS» -> пишем туда код: body { background: #CCC; } #header { background: #CCC; } все так и сделал, но при этом поменялся фон не только по бокам, но и посередине, в контенте. Как сделать так, чтобы поменять фон только с боков, а посередине оставить как есть. Надеюсь я понятно описал проблему, буду рад если мне ответят, спасибо.
0 votes4 answers -
Как исправить блок под Safari?
Сверстал страничку. На Хроме, Опере, ФФ отображается норм. А вот в Safari этот блок растягивает. У меня нету техники apple что бы залезть в консоль. Может кто-нибудь поможет? Префиксы вроде бы на месте.Вот как в остальных браузерах и в Safari <div class="container"> <main class="3d-print-pages"> <section class="price-section padding-left"> <div class="price-section__call"> <h2 class="price-section__text-heading">Стоимость печати рассчитывается следующим образом:</h2> <div class="price-section-text-wrap"> <p class="price-section__text-price-strong"><strong>Цена 1 грамма пластика (ABS, PL…
0 votes2 answers -
Размер шрифта, разный в разных браузерах
Здравствуйте. Появилась проблема, ну никак не могу понять как ее решить, вроде все делаю правильно: задаю шрифт в css html { font-size: 100.01%; } body { font: 62.5% Tahoma, Geneva, sans-serif; } h1 { color: #26a6af; font-weight: bold; font-size: 1.6em; text-decoration: none; } вроде все ок, должно все работать. Я работаю на линуксе, на нем виртуальный winXP, проверяю на нем, на opera, firefox, ei8 - все ок, никаких отличий. Беру ноутбук, открываю эту страницу в opera b ie7 и шрифт отличается, незнаю даже в чем проблема.
0 votes4 answers -
Блочная вёрстка
Всем привет. Пожалуйста, помогите в затруднительной ситуации. Прилагаю картинку - Дано: 3 дива. В первом диве текст и ещё пара дивов. Страничка с плящющей шириной (min-width, max-width). Надо: При уменьшении/увеличении окна браузера, первый блок тянется, второй и третий не изменяются и остаются у правого края. Никак не получается. Получается как на картинке 2 - при уменьшении окна браузера, блоки 2 и 3 перескакивают вниз.
0 votes6 answers -
Изобр. на форме с меняющейся картинкой
Есть вот такая заготовка: <a href="http://www.mail.ru" onMouseOver="document.button.src='buttoni.png'" onMouseOut="document.button.src='button.png'"> <img src="button.png" class="csbutton" alt="Рассчитать индивидуально" name="button"></a> Которая, как известно, при наведении курсора мыши на кнопку меняет картинку. Пытался сделать такое с картинокой в форме: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Кнопка с изображением</title> </head> <body> <form ac…
0 votes8 answers -
@font-face
Подключил свой шрифт но он не работает, какая может бить причина??? @font-face { font-family: Perfo; src: url('font/perfo.eot'); } Весь код можно увидеть здесь
0 votes8 answers -
Подскажите чайнику
День добрый. Подскажите последовательность книг, которые нужно изучить, что бы сделать более менее приличный сайт. Нет цели его продать. Друг подсказал, что нужно изучить HTML, CSS, PHP, Фотошоп нужен и Флеш-аниматор. Книг множество. С чего начать? Откуда бесплатно скачать и в каком порядке? Как лучше изучать - прочесть книгу,потом садиться за комп или параллельно читать и делать на практике?
0 votes18 answers -
резиновая меню
Здраствуете.Мне нужна создат резинавае меню.Так штоба пункты меню со сваим блокам отxадили друг от друга и тянулис по ширине екрана не меняая размеров.Кто знает как ето можна реализожат? http://webfile.ru/5684398 zdes vy@lajil fayl
0 votes2 answers -
Подключаемые шрифты в Win 7
Привет! Проблема такова. Я подключаю шрифты следующим образом @font-face { font-family: 'HeliosC'; src: url('../font/HeliosC.otf'); font-family: 'HeliosCBold'; src: url('../font/HeliosC-Bold.otf'); } @font-face { font-family: 'HeliosThin'; src: url('../font/HeliosCondThinC.otf'); } Кроме браузеров в Win 7 везде подключаются..как так??
0 votes11 answers -
ошибка в простейшем xml
помогите пожалуйста разобраться с основами xml сделал пример. он не работает, сообщение об ошибке, которое выдаёт FF такое из сообщения об ошибке даже не понятно куда копать. существует ли способ получить более информативные сообщения об ошибках? и что удивительно, опера документ отображает без сообщений об ошибке. но инструкции xslt-файла проигнорированы при этом
0 votes3 answers -
Верстка на арабском
Всем добрый день. Столкнулся с проблемой. Необходимо сверстать сайт на арабском языке. Есть Word документ где и содержится вся текстовка "в правильном виде". При вставке в Adobe Dreamweaver текст переворачивается (слева на право - в арабском справа налево). Применил direction:rtl; текста перевернулся как полагается, но вместе с ним и маркеры и всё что только возможно и не возможно. Изменения не коснулись только мета тегов, которые также необходимо сделать в правильной форме. Вот ломаю голову, может кто то знает решение данной проблемы. Заранее благодарен.
0 votes1 answer -
Анимация в CSS3
Собственно, недавно хотел проявить участие в мини-конкурсе (про Новый год) на этом форуме. Там надо сделать зацикленную анимацию. Я сначала подумал, куда ж тут без JavaScript. Я-то тогда думал, что анимацию в CSS3 можно делать только при наведении курсора (transition). Ну и забросил, я в JavaScript не очень разбираюсь (только если со справочником чего путного могу сделать), я больше по серверным технологиям. Так вот, поучаствовал в другом мини-конкурсе и начал рассматривать работы конкурентов. Увидел у одного участника такой код: animation: roll 1s infinite linear;Удивился. Откуда такое свойство взялось? Весь HTMLBook перерыл, не нашел такого. Этот пропуск в информации н…
0 votes3 answers -
Как сделать круговое меню ?
Нужно сделать меню примерно как на рисунке, прямоугольные изображение изначально не видны, они появляется при попаданию мышки в зону.
0 votes13 answers -
Сетка для макета
Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/
0 votes7 answers -
для чего файл robots.txt, что в н?м должно быть??
для чего файл robots.txt, что в н?м должно быть и можно ли без него обойтись?? если не сложно, просьба причести пару примерв внутреннего содержания robots.txt заранее спасибо..))
0 votes5 answers -
Лишние пиксели по краям div в IE
http://goodfengshui.ru/ нижнее оформление: страница: <div id="footer2"> <div id="btm1"></div> <div id="btm3"></div> <div id="footer31"></div> <div id="footer3"><H2>Телефон: 8(926)533-59-18</H2></div> </div> css оформоение: #footer2 { width: 100%; } #btm1 { float:left; width: 315px; height: 293px; background-image: url(i/btm2.jpg); } #btm3 { float:right; width: 315px; height: 293px; background-image: url(i/btm1.jpg); } #footer31 { height: 252px; } #footer3 { height: 41px; background-image: url(i/btmfill.jpg); backgrou…
0 votes1 answer -
очередной бой с IE
Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…
0 votes11 answers -
аналог Firebug для IE
Есть что-то подобное Firebugа для IE? Нашел в инете ФайрДебаг но там в коде на сайте типа ихнию жс ссылку добавить надо...А если нет такой возможности а просто надо протестировать не входя в код... в 4х браузерах все норм ток ИЕ не правильно отображает...даж не знаю где ошибку искать ((
0 votes1 answer -
Br - как обнулить отступ
Всем привет, возможно как нибуть обнулить отступ у br ???
0 votes4 answers -
Кнопки в шапке Wordpress
Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.
0 votes8 answers -
Откуда то лезет hover
В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.
0 votes4 answers -
Замороженный .gif
Подскажите, существуют ли проверенные методы решения такой проблемы: при загрузке страницы данные получаются с помощью ajax-запроса и последующего форматирования полученного ответа в нужный вид. Во время этого процесса пользователь видит на странице индикатор загрузки (анимационный .gif). Но в случае большого объема форматируемой информации индикатор прекращает движение и складывается впечатление подвисшего приложения. Как бы выйти из ситуации? Посоветуйте. Спасибо.
0 votes2 answers -
верстка
вотс пробую сделать http://stars124.narod.ru/stat/ проблема такая в IE6 откудато в низу непонятные квадратикии серая полоска http://s42.radikal.ru/i095/0811/af/b36b00df40e8.jpg в опере основной блок mn1 не закрашивается серым... http://s39.radikal.ru/i085/0811/56/dc4f3a13481e.jpg html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Картинка</title> <link href="style.css" rel="stylesheet" type="text/css" > </head> <body> <…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-