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
-
Видимый пункт меню для определенного IP адреса
Подскажите пожалуйста возможно ли такое реализовать. Есть сайт фирмы. На сайте нужно сделать 1 пунктик меню (рядом с теми которые уже есть в top-menu), что бы он был видимый только для определенных IP адресов, тобишь есть общий 1 IP адресс, который идёт на 2 офиса наших, который расположены рядом. Там как раз будет информация для штатных работников. А вот для людей другого контингента, что бы этого пункта и вовсе не существовало. То бишь, настроить так, что бы этот пункт меню был виден только нам (по одному IP адресу), а остальным нет, и было без сдвигов для них. Заранее благодарю. Описал как можно подробней. Не знаю как такое называется.
0 votes5 answers -
Notepad++, плагин WebEdit, редактирование WebEdit.ini
Это часть файла WebEdit.ini [Commands] ; Syntax: <Item name>=<Left text>|<Right text> ; Known escape sequences: \\ \t \n \r <style></style>=<style type="text/css">|</style> При вставке кода выдает такой вид: <style type="text/css"> </style> Как можно сделать так: <style type="text/css"> </style> Догадываюсь что нужно использовать эту подсказку (но не знаю значение этих знаков) ; Known escape sequences: \\ \t \n \r
0 votes1 answer -
Автоматическая ширина - span
Подскажите пожалуйста: <span id="A" style="width: 200px">Left</span> <span id="B">Center</span> Как можно сделать чтобы элемент B, автоматически выставлял себе ширину (до конца границы/родителя/..) на оставшееся место, находясь при этом на одной строчке с элементом A?
0 votes9 answers -
как обычно IE6 против Mozilla и Opera
Страница нормально отображается в мазилле и опере , а в ие6 блок с выбором курса сползают куда-то вправо. С чем это связано? Не ругайте слишком сильно, я не волшебник я только учусь. Mozilla Opera IE6 Код HTML <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Курсы</title> <link href="select curs.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 {color: #003366} --> </style> </hea…
0 votes3 answers -
Блок внутри ячейки таблицы.
Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> <…
0 votes8 answers -
картинка поверх другой
есть карта страны, разбитая по областя, при наведении на определенную область она должна менять цвет, сейчас это реализовано тут (наведите на донецкую область) http://albomov.net/mapa/ т.е. сейчас вместо первой картинки подгружается вторая с выделенной областью, но этот метод не совсем подходит, подскажите как можно поменять цвет нужной мне области другим методом - или вставить картинку нужной области поверх главной карты или какой либо другой способ Буду очень признателен, очень нужно но чтото ничего не выходит
0 votes1 answer -
Помогите, пожалуйста, с написанием скрипта
Здравствуйте! Очень нужна помощь с JavaScript Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2). HTML-код такой: <ul class="Горизонтальное-Меню"> <li class="line"> <a href="/">Адреса магазинов</a> </li> <li class="line"> <a href="/">Оплата</a> </li> <li class="line"> <a href="/">Доставка</a> </li> <li class="line"> <a href="/">Сотрудничество</a> </li> <li c…
0 votes8 answers -
Линия под заголовоком
Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?
0 votes14 answers -
frD-Html=>css
Пожалуста нужно сделать ксс который бы делал вот ето - Новости сайта - Mp3 альбомы сделайте пожалуста
0 votes4 answers -
Мой первый макет - критика, советы для улучшения
Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как …
0 votes6 answers -
Проблемы с таблицей при блочной верстке.
При верстке блоками (div) при позиционировании блоков с отрицательными margin возникает проблема размещения таблицы с шириной 100% в блоке content, он расширяется и появляется полоса прокрутки, а левый блок navigation уходит в право, сайт резиновый с фиксированной минимальной шириной, можно ли как нибудь избежать этого? Html - код <html> <head> <title>Название страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script src="AC_RunActiveContent.js" language="javascript"></script> <link href="css/style.css" rel="stylesheet" type="text/css"> <!--[if lt IE 7]> <script language="J…
0 votes1 answer -
Верстка блока для сайта
Требуется: Верхнее оранжевое изображение разделить на 3 части. Т.е. по краям фиксированная ширина по 10 px а посередине background 1 px который растягивается по заданной ширине. Нижняя рамка тоже из трех частей, фиксированный верх и низ а середина тянется. Между двумя объектами должно быть расстояние 3 px. Как это все грамотно сделать в CSS ? И что должно быть в HTML файле? Помогите новичку, уже голова кругом...
0 votes8 answers -
ИЕ 6 и ИЕ 7, немного не понятное поведение input
вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз
0 votes12 answers -
Горизонтальное меню как на Apple
Доброго времени суток! Друзья, много где спрашивал, однако однозначного ответа ни где не нашел. Дело в том, что я хочу сделать горизонтальное меню по-центру сайта. С заданной шириной, так, чтобы при добавлении дополнительных пунктов ширина не изменялась, а менялась только ширина пунктов меню, т.е. уменьшалась в зависимости от количества пунктов. Причем!!! Пункты меню должны иметь разную ширину. Тупо задать размер - не интересует. Можно тут посмотреть: http://www.apple.com/ Градиенты не интересуют, хочу сохранить гибкость. Буду благодарен всем, кто сможет направить на путь... Спасибо! Если у них на сайте чуть подправить HTMl с помощью fireBug например. То на второй картинк…
0 votes10 answers -
Не внедряется lazy load прокрутка
День добрый форумчане. Нужна ваша помощь в установке на сайт lazy load прокрутки. Так как на одной странице очень много изображений, и необходимо что бы они подгружались по порядку. Буду очень рад вашей помощи, сам уже несколько дней пытаюсь внедрить прокрутку на сайт но все тщетно. Во вложениях прилагаю сам сайт и пример lazy load прокрутки. Необходимо внедрить прокрутку во кладку work. ссылка на файлы
0 votes4 answers -
help> помогите проблемы с гостевухой> я чайник тока начал!!!!!!!!!!!!!
Подскажите ПЛЗ как зделать так, чтобы когда пишеш в гостевухе и потом нажимаешь кнопку отпровить то, чтобы мо? сообщение остовалось там над полем где я писал. како код мне нужен помогите ПЛЗ!!!!!!!!!!!!!:)
0 votes6 answers -
Устройство файла css
Любопытно кто какое использует устройство таблицы стилей. Я лично до сих пор не могу определиться, как делать лучше. Когда вёрстка довольно сложная и правил очень много, то получается очень запутанно. Пробовал выстраивать названия классов по алфавиту. Это помогает найти нужный класс, но когда много правил вида "TD.class1 A #id2 {...}", то это не особо помогает. В итоге уже через неделю после того как верстал, получается, что определить какой в заданном месте цвет, легче через принтскрин и фотошоп, чем через таблицу стилей. Кто, что может посоветовать, как лучше делать? Например, все ли стили выносите в таблицу или что-то оставляете в шаблоне, и тому подобное.
0 votes10 answers -
Репитнуть элемент
Нужно сделать так, что бы див репитился до самого низа страницы. В CSS: #bkbg { background-image: url('img/bkbg.png'); background-repeat: repeat-y; width: 254px; height: 100%; } В HTML: <div id="bkbg"></div> Как делать подскажите!
0 votes13 answers -
Как хадать приоритет бэкграунду?
Мне нужно сделать так, чтобы бэкграунд родительского элемента находился поверх бэкграунда дочернего. Т.е. закрывал его. Можно ли как-то задать приоритет именно и только для background? или всё-таки придётся выкручиваться по-другому?
0 votes7 answers -
HTML 5 на деле - шаблон интернет магазина
Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…
0 votes1 answer -
Текст отображается как ромбики. Как исправить?
Кто может помочь? Как исправить?Почему вместо буквы у меня ромб?
0 votes2 answers -
Проблемы с кнопкой
<A href="http://imperialtavern.narod.ru/" target="_blank"><IMG src="http://imperialtavern.narod.ru/img/gfx/imptav.gif" width="88" height="31" border="0" alt="Имперская Таверна: Все о Morrowind & Oblivion"></A> Делаю кнопку, вроде все правильно, но на других сайтах она не работает. Высвечивается альт. тест и все(( Из-за чего это?
0 votes5 answers -
Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...
Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…
0 votes2 answers -
Реализация красивого блока
Столкунулся с проблемой которую не представляю как решить, день потратил а толку никакого, последняя надежда на форум.. Ситуация такая требуется вставить блок с помощью css .nizblock1 {background:url(../images/top.td1.gif) no-repeat left; font-weight:bold;text-align:right; padding-bottom:150px; } В итоге получается вот такой вот блок и вот здесь начинается загвоздка, при различных разрешениях блок смещается... каким образом можно сделать, чтобы width при увеличении или при изменении разрешения экрана всегда был 100%?? у меня вообще не получилось... Дальше я попробывал данную картинку разделить на 3 части (левая, центральная, правая) чтобы выводилась левая затем …
0 votes6 answers -
Submit неотмеченного checkbox-а
Здравствуйте. Вроде бы простая проблема, но совершенно поставила меня в тупик. Мне нужен checkbox, который при submit-е передает 0 если он не отмечен, и 1 когда отмечен. Когда он отмечен проблем нет, все работает как надо. Но когда бокс не отмечен, он вообще не передается в запрос. Можно ли как-нибудь сделать чтоб его статус всегда передавался, независимо, отмечен он или нет? Вот его код: <input name="nulpack" type="checkbox" id="nulpack" value="1" /> При отмеченном: test-1.html?nulpack=1 При неотмеченном: test-1.html? (надо чтобы было nulpack=0)
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-