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
-
Color in IE10
В почте gmail - браузера IE10 (Windows 7), html письмо созданное в Dreamweaver отображается со своими шрифтами, своим размером. А при открытие этого же html просто в браузере ,все выглядит правильно. gmail игнорирует мои шрифты, размер, а так же цвет меняет с красного на синий или черный или игнорирует. Форумчане пожалуйста, помогите исправить шаблон и указать на допущенные ошибки.
0 votes2 answers -
RSS
Завёл для сайта RSS, добавил такую строку. <link rel="alternate" type="application/rss+xml" title="WebReference.ru" href="//feeds.feedburner.com/webref"> И ничего. Раньше хоть в адресной строке браузера иконка RSS была. Теперь как вообще RSS использовать и подключать?
0 votes1 answer -
Помогите со слайдером
Помогите пожалуйста Как можно сделать слайдер с неровными краями как на картинке?
0 votes3 answers -
Перенос лого по центру без медиа запросов.
Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li>…
0 votes0 answers -
Флеш в Opera
Здравствуйте. Есть вот такой код <div id="expanding-hero" onclick="init()"> <object id="expandDemo" height="500" width="968" type="application/x-shockwave-flash" data="*******"> <param name="quality" value="high"/> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="opaque"/> <param name="scale" value="exactfit"/> <param name="allowscriptaccess" value="always"/> <param name="allowFullScreen" value="true"/> <param name="flashvars" value="xml_loc=virtualdrivecontenthandler.ashx%3fmodel%3dmazda3%26rand%3d633869671986718750&lcConn_01=connection01_633869671986718750&lcConn_02=connection…
0 votes1 answer -
Валидация JavaScript
Помоготе с валидацие JavaScript. Валидатор ругается на часть кода java script: for (var i = 0; i < j.length; i++) { This message may appear in several cases: * You tried to include the "<" character in your page: you should escape it as "<" * You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. * Another possibility is that you forgot to close quotes in a previous tag. и options += '<option value="' + j[i].pk + '">' + j[i].name + '</option>'; The element named above was found in a context where it is not allowed. This could mean that you have incorrectly n…
0 votes1 answer -
Inline-block
Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает
0 votes0 answers -
Опять про масштабирование изображения
Всем привет! Есть такая задача. Имеется сайт с большими фотографиями на страницах разделов. Фотографии имеют разрешение 1200х860px. Сейчас, если открыть сайт на ноуте, то фотки образаны снизу, поскольку часть экрана занимает верхняя панель броузера и шапка сайта. Выглядит погано. Задача состоит в том, чтобы при запуске сайта на ноутбуках с экраном 15" и менее эти фотографии пропорционально уменьшились относительно размеров окна браузера, оставаясь на нужном месте. А теперь, внимание, главный вопрос. Каким образом сделать так, чтобы, если сайт открывается на большом экране, фотки не растягивались бесконечно, а в какой-то момент растягивание останавливалось на своем оригина…
0 votes1 answer -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
нужна помощь друзья!
сайт: terra-clean.org css: body{ margin:0; padding:0; background-color:#E9EAEA; font-family:Segoe UI; } a{ color:#02364c; text-decoration:none; } a:hover{ color:#04668d; } a:active{ color:#04668d; } h3{ color: #02364C; font-size: 20pt; font-weight: lighter; letter-spacing: -1px; } #all{ margin:0 auto; width:1240px; background-image:url(../images/body_back.png); background-repeat:repeat-y; min-height: 700px; } /* HEADER */ #header{ position: relative; } #logo{ background-image:url(../images/header_blue.png); background-repeat:no-repeat; height:95px; z-index:999; position:relative } .logo{ background-image:url(../images/logo.png); background-repeat:no-repeat; height:31px…
0 votes1 answer -
Проблемы отображения <hr> в ie9
Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>
0 votes2 answers -
Блочная ссылка в строчном элементе неупорядоченного списка ?
<style> li {display:inline;} li a{display:block; padding:5px 15px;} </style> <ul> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> <li><a href="#">Ссылка1</a></li> </ul> Можно ли так делать?
0 votes2 answers -
Правильно ли я вывожу фрейм
вот код...начинайте пинать ))) <!-- Общий фрейм --><div id="frame-for-All"><iframe id="frameAll" src="menu\svet_fasadi\alumin.html" width=600 allowtransparency="true" scrolling=no frameborder='no'> </iframe></div>CSS #frame-for-All {color:#fff;position: absolute;top:40px;/*bottom: 0;*/left: 600px;/*right: 100px;*//*margin: auto;*//*height: 50%;width: 50%;*//*background: #ccc;*/}а так я пытаюсь сменить файл который грузится во фрейм $('a.spider').click(function(){$('frameAll').(document).location.href = "spider.html";});
0 votes0 answers -
Помогите настроить валидность верстки!
Проблема состоит в следующем: Имеется скрипт выдвижного меню, вот сам код: И все бы хорошо, все установилось. НО validator - выдает вот такое сообщение при проверке: Я так понял это связано с атрибутом "onClick" - Помогите, как это можно исправить?
0 votes2 answers -
Слайдер colorbox
Здравствуйте! Есть слайдер colorbox. При увеличении картинки снизу отображается надпись "image 1 of 3" Подскажите, пожалуйста: 1. Как изменить на "Изображение 1 из 3" 2. Как можно вообще удалить эту надпись? Перепробовала все, что можно, но ничего не изменяется. Как было "image 1 of 3" так и осталось. Чтобы было более понятно что я хочу сделать, см. картинку: http://savepic.org/6232428.jpg
0 votes1 answer -
избежать конфликта адресов
помогите пожалуйста пинками разобраться в вопросе допустим, что я купил выделенный виртуальный сервер и решил выложить сайтики в web. какой минимум действий нужно для этого совершить? доупустм, я зашёл на свой сервер, поднял там apache(с модулем php), mysql. затем закинул сайты в определённый каталог. затем настроил конфиг апача так чтобы он смотрел в этот каталог. для экспериментов на локальном сервере этого хватало. проблема в том, что на локальном сервере я мог в ServerName использовать любые адреса(хоть google.com). но в web часть адресов занята. подскажите пожалуйста что ещё нужно установить и настроить чтобы избежать конфликтов адресов
0 votes2 answers -
мобильные На мобильниках средняя колонка на пол экрана
Здравствуйте. Столкнулся с такой проблемой: На стационарных компьютерах верстка отрабатывает нормально, а на мобильных браузерах нет. В мобильных браузерах средняя колонка занимает всего 50% ширины контейнера, предназначенного для нее. http://c3w.ru/fotogalereya/ - альбомы должны располагаться в два столбика, а на мобильных браузкрах располагаются в однин столбик. В общем ширина элемента со значением id="center" на мобильных устройствах почему-то меньше. Кто поопытнее: Подскажите пожалуйста в чем может быть дело и как эту проблему решить.
0 votes2 answers -
При открытии страницы через phpdesigner 7 выходит ошибка
При открытии страницы через phpdesigner 7 выходит не удается получить доступ к сайту.
0 votes0 answers -
Футер по краю
Здравствуйте. При вёрстке возникла одна проблема с нижней частью сайта, а именно при разрешений экрана 1280x1024 и при широкоформатном все элементы располагаются по центру, т.е. как надо. Но, если например использовать ноутбук, то футер сдвигается к левому краю. Вот код футера. Помогите пожалуйста разобраться. Заранее благодарен. <table style='border-collapse: collapse; width: 1031px; height: 289px; background-attachment: scroll; background-repeat: no-repeat; background-image: url("/diz_n/niz/bot_new_project2.png"); background-position: 50% 100%; background-size: auto; background-origin: padding-box; background-clip: border-box' align="center"> <tbody> <…
0 votes3 answers -
проблемы с hover и vertical-align
Помогите решить проблему - есть код label:hover img { background: #9FDAEE; // код не имеет значения - главное, что-то должно происходить. } </style> <div style="text-align:left; width:60px; height:32px; float:left;"> <img align="top" src="img.png" width="10" height="10" /> </div> <div style="height:100%; margin-bottom:0; text-align:left; height:45px;"> <textarea id="text_id" name='text' cols='20' rows='4'></textarea> <label for="text_id"> <img src="im/img2.gif" style="vertical-align: top;" /> </label> </div> Хочется выровнять img2 по верхней границе textarea, но при таком выравниван…
0 votes2 answers -
Выпадающее меню
Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }
0 votes1 answer -
Передача данных
Приветствую. Наверное, не совсем относится к вёрстке, но в других разделах создать тему не дает Необходимо реализовать фичу, которая будет при переносе на страницу заказа товара вносить автоматически название товара в инпут под лейблом "Название товара*". Возможно ли такое реализовать? Если да, то с помощью чего? CMS - FlexoCMS.
0 votes2 answers -
Конфликтуют js скрипты в Opera
Всем привет! Прошу помощи, так как совсем отчаялся. Проблема проявляется в браузере Opera(9.80 возможно и другие версии). Суть проблемы: Есть js редактор текста http://ckeditor.com/ проблема в том что именно в опере, не устанавливается курсор в поле ввода. Причём курсор начинает периодический появляться если несколько раз обновить страницу. Ошибка скорей всего не в редакторе а в js скрипте чата который видимо как то конфликтует со скриптом чата. При отключении js скрипта чата, всё работает исправно.Чат так же написан на js. В остальных браузерах всё работает нормально. После долгих мучений с js скриптом чата, решил попробовать установить другой редактор(http://imperavi.…
0 votes0 answers -
Отступы в блоке реклама
Как сделать, чтобы отступы в блоке реклама отображались во всех браузерах правильно? Например в браузерах Opera, Mozilla Firefox, Google Chrome все хорошо, а в Internet Explorer отступы между картинками другие. Opera: Internet Explorer: Вот сайт - линк P.S. если смотреть через ноутбуковский Internet Explorer, то все картинки будут идти в столбик.
0 votes3 answers -
Растяжка wrapper
И снова я, снова с растяжкой wrapper`a, на этот раз с другой проблемой, В общем wrapper должен тянуться по длине, все было бы хорошо, но вот wrapper состоит картинкой (прозрачность в местах + закругление углов) впринципе проблемы нет - wrapper тянется, но не так как нужно, ведь там закругленные углы и прозрачность - что не ок. Как выходить из такой ситуации? Смотрим код http://jsfiddle.net/rCRKJ/
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-