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
-
Ошибка в стиле для input
В дизайне сть такой элемент: Пытаюсь верстать, получилось это: Вот на странице что: <div id="search"><input class="search" type="text" name="search_string" value="Поиск" onfocus="java script: if(this.value == 'Поиск') this.value = '';" onblur="java script: if(this.value == '') { this.value = 'Поиск';}"><input type="hidden" name="search_string" value="search_string"><input type="image" src="images/search.jpg"></div> и сам css: #search { position: absolute; top: 162px; left: 221px; width: 12px; height: 22px; } input.search { width: 172px; border-top: 1px solid #cecccc; border-bottom: 1px solid #cecccc; border-left: 1px so…
0 votes4 answers -
Запрет печати колонтитулов web страницы
Всем привет! Возможно ли сделать запрет печати названия web страницы, ее адреса и даты на уровне html, css, java?
0 votes3 answers -
Не корректное отображение сайта в разных браузерах.
Здравствуйте уважаемые гуру. Второй день пытаюсь исправить это: В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он. Сайт: guardgame.ru Предоставляю HTML код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="Description" content="stress, lineage2, la2">…
0 votes8 answers -
Атрибут lang
Стал чаще встречать атрибут lang в теге html. W3C говорит по этому поводу: "Этот атрибут определяет базовый язык значения атрибутов элементов и текстового содержимого" И что нужен он для: "Оказание помощи поисковых систем Помощь агент пользователя выбрать символ варианты для высокого качества типографии Помощь агент пользователя выбрать набор кавычек Помощь агентам пользователей принимать решения о переносов, лигатур и расстояния" И тут у меня вопросы: 1) Разве не для этих же целе <meta http-equiv="Content-Language" content="ru"> 2) А если у меня значения атрибутов на англ, а сам контент сайта на русском? Что мне тогда писать в <html lang="">? 3) Действительно…
0 votes4 answers -
Почему текст соскакивает вниз?
Текст соскакивает на строку ниже иконок: http://jsfiddle.net/7WMMy/3/ Почему?
0 votes15 answers -
Проблема с кросбраузерностью
В общем вот сайт http://spheres.in (это пока начльная версия отображается почти везде с парочкой ошибок, но эт я исправлю) а вот че делать с браузером мозила фаирфокс незнаю все криво мож я чет не так делаю(((
0 votes8 answers -
раскрутка сайта и Refresh
для раскрутки сайта посоветывали зарегится в поисковых системах с помощью услуги вот этого сайта: http://1ps.ru/ есть советы и мнения по этому поводу знающих людей?? заранее спасибо И ещ? вопрос: подскажите пожалуйста, зачем нужа эта строка: для автоматического обновления что ли??
0 votes4 answers -
div не так отображается в IE
Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id='blok' style='background: white; text-align: center;"> много текста </div> </body> </html> css: body,html { margin : 0; padding : 0; height:100%; max-height:100%; overflow: hidden; } #blok { position: fixed; top: 75px; left: 190px; bottom: 50px; right: 0px; overflow: auto; } При таком коде в IE отображается только часть текста и нет полосы прокрутки ... Если поменять fixed на abs…
0 votes5 answers -
Три картинки в ряд
Нужно расположить в ряд три картинки, чтобы одна из них была всегда по центру, а две других - сбоку от нее. При этом боковые картинки при уменьшении размера окна обрезаются окном браузера. Расстояние между рисунками 5%, ширина 540px. Горизонтальной полосы прокрутки быть не должно. Рисунки одновременно являются ссылками. Какие есть идеи, как подобное реализовать?
0 votes5 answers -
Помогите советом, сложная верстка
День добрый, подскажите пожалуйста как сверстать такой дизайн. Определенные области (окно, дверь) должны быть ссылками и чтобы при наведении на них эта область менялась на другую картинку (РНР в помощь, для подмены имени картинки). Вся сложность в форме этих областей.
0 votes8 answers -
INLINE
В общем вся суть проблемы есть так называемый хит продаж, его можно посмотреть тут в правой колонке сайта моя задача:нужно отключить так называемую карусель и вывести товары в один ряд. файл хтмл: <div class="carouselDiv"> <div class="jCarouselLite"> <ul> {section name=i1 loop=$hits_to_show max=$smarty.const.CONF_MAX_HITS} <li> <div style="margin: 2px; text-align: center;"> <a href="./{$hits_to_show[i1][5]}"> <img src="./products_pictures/{$hits_to_show[i1][3]}" width="130px" height="130px" alt="{$hits_to_show[i1][1]|replace:'':'"'}" /> </a> <br/> <a href="./{$hits_to_show[i1][5]}" class="ti…
0 votes10 answers -
Меню как на Google
Здравствуйте. Решил сделать меню как на Google. Но пока получилось только вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Пример горизонтального CSS списка</title> <style type="text/css"> body {margin: 0;} #nav_menu {width: 100%;} #nav_menu ul {list-style: none;} #nav_menu a { float: left; height: 100%; background-color: #2d2d2d; text-decoration: none; text-align: center; padding:7px; font-family: arial; font-size: 10pt; color: #cccccc } #nav_menu a:hover {background-color: #4c4c4c; color: #cccccc;} span {border-top: 2px solid #dd4b39;} </style…
0 votes6 answers -
HTML5
Здравствуйте, уважаемые. Напишу вопрос по коду html5. Если он покажется вам тупыми - просто пройдите мимо. Я долго Гугль мучил, пока вспомнил о форуме, где мне помогали по старому html много лет назад, да всё не впрок. 1. Drag and Drop в html5. Дано: окно браузера. В нем - главный <div> на всё окно. А в нём - несколько <div>, которые мне надо перемещать. Что-то типа: <body><div class="owner" id="largeDiv"ondrop="drop(event)" ondragover="allowDrop(event)"> <script> var div1 = new myDiv('mydiv1');" var div2 = new myDiv('mydiv2');" var div3 = new myDiv('mydiv3');" </script></div> </body></htmlВот. Как…
0 votes9 answers -
Изменить стандартный select
Нужен такой select Почти сделал, но старые стили у select убрать не могу. Может кто знает как это сделать? http://codepen.io/anon/pen/EVrOaq
0 votes4 answers -
На Brackets LivePreview открывается норм а если так открыть лажа..
Привет ребята! Я вообще в расстерянности, сверстал все через Brackets LivePreview отработал все через Хром и после когда все сверстал открываю без LivePreview от Brackets на том же хроме только теперь через не Brackets а через индексный файл смотрю и вижу никакие стили не работают. Фоновый изображение не действуют хотя все в стилях прописано и все файлы на месте. В чем проблема помогите.
0 votes3 answers -
Куда делся px ?
Построил флоатом блоки в двух строках: <div class="element" style="border-left: 0;"></div> <div class="element"></div> <div class="element"></div> <div class="rek" style="margin-left: 0;"></div> <div class="rek"></div> <div class="rekl"></div> css .element { position: relative; float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 233px; height: 165px; } .rek { overflow: hidden; position: relative; float: left; margin: 1px 0 1px 1px; padding: 0; border: 1px solid #dedcdc; width: 231px; height: 64px; background: #fff; } Проблема в том, что при увеличении масштаба в firefox …
0 votes9 answers -
IE6 не реагирует на onclick
Необходимо, чтобы при наведении и нажатии на картинку она изменялась. Все виды-кнопки картинки запихнуты в одну. При наведении и при нажатии изменяется background-position. onmouseover onmouseout нормально работает под всем браузерами. onclick или onmousedown работает под mozilla, но не работает под IE6 Кусок HTML кода <tr class="11"> <td class="div1" onclick="this.className='clicked1'"> <a group="1" class="specialButtons" href="/cars/new_cars/"></a> </td> Кусок CSS кода .div1 a{ display: block; cursor: pointer; background:url(/images/auto_1_s2_3.png) no-repeat; height:108px;width:170px; bac…
0 votes10 answers -
Фиксированный блок в фиксированном блоке
Скорее всего хожу вокруг да около или просто туплю, но мне надо сделать два блока фиксированной ширины. Схематично это можно выразить так: Грубо говоря, у меня есть зеленый блок фиксированной ширины, а внего нужно запихнуть красный блок фиксированной ширины. Естественно, не получится запихнуть блок большей ширины в блок меньшей ширины, но вот как-то надо это сделать каким-то другим образом.... )))
0 votes13 answers -
Проблемма с radio переключателем в софте
Должно быть так: При нажатии на radio PHP должны активироваться 3 чекбокса. Проблема наблюдается в данном софте Судя по всему он использует внутренности браузера IE. Но у меня все радио элементы как буд-то "мертвые". Даже в настройках не сохраняются... Вот строчки кода связанные с этим элементом настройки: <html> <head> <title>JakoDorgen - Настройки</title> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body background="images/background.jpg" bgcolor="#87AEC9" style="background-attachment: fixed; background-position:center;"> <s…
0 votes11 answers -
поиск по прикрепленному к сайту файлу
Помогите! Ситуация такая: есть сайт и есть таблица с 5 колонками в excel.Надо на сайте сделать поиск по этой таблице, но только по значению первой колонки и при выводе результатов на сайте пользователь видел содержание только той строки, в первой колонке которой есть искомый элемент. выглядеть это должно примерно так: то что нужно получить
0 votes18 answers -
Можно ли задавать высоту обертки, блока всей секции в rem?
Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
0 votes1 answer -
CSS Mozilla
Для всех ли свойтв css достаточно приставки -moz- или есть особые написания свойств? Где почитать спецификацию CSS для MOZ, не могу найти... помогите кто сможет?
0 votes7 answers -
Проблема с футером и экста пустым местом справа
Всем привет! Собственно проблема: не могу понять откуда взялась горизонтальная прокрутка, и справа появилось пустое место; второе какой все таки наиболее изящный способ прижать футер к низу, желательно без растягивания body. Также хотелось бы услышать критику Swetlan'ы, PsyWalker'a (на этот раз верстал без чрезмерного использования позиционирования) и других понимающих людей, как и где можно было сделать красивее, быстее и проще. Вот собственно сайт: http://choiceimaging.co/ Заранее спасибо
0 votes18 answers -
Подскажите, как сделать фон (теги)
Добрый вечер! Подскажите, пожалуйста, как сделать фон в таком макете. Т.е., как я понимаю, зелёный фон делается так: я делаю вертикальный срез в ФШ и растягиваю его на 100% по ширине, а вот как быть с центральной вставкой (кремовой)? Она должна одинаково смотреться на мониторах разного разрешения, т.е., быть железно по центру и отступать от краёв экрана на ** пикслей. Т.е, быть как бы "резиновой", чтобы выглядело одинаково со всех сторон. Если я просто вырежу её на отдельный слой в ФШ, размер там будет фиксированный, а это чревато лишними отступами по краям. Как это оформить и как лучше верстать такой макет, слоями или таблицей?
0 votes10 answers -
счетчик работы сайта
Добрый день! помогите пожалуйста со скриптом таймера(счетчика) тип времени работы компании. Требуют, чтобы было с годом, месяцем, днем, часами и т.д. Прошарил все сайты, не могу найти -- сделать, чтобы он он шел вперед... ПРИМЕР: "мы на рынке уже: 7 лет, 2 месяца, 3 дня, 4 часа, 2 минуты, 33 секунды" Напишите код, если не тяжело... Спасибо.
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-