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
29,542 questions in this forum
-
Приостановить событие с OnClick()
Есть страница на которой поисходят события по клику мышки..Но при выборе пункта я хочу чтоб это событие не срабатывало а потом вновь работало... в голову приходит следующее глобальная переменная var ClickPoSsilke=true; Если произошел клик по ссылке то ClickPoSsilke = false; $('.cubespinner').click(function(e){ если ClickPoSsilke = true то выполянем код
0 votes13 answers -
приписать target="_blank" куче ссылок
есть большой документ, там много фраз в столбик, все они ссылаются на разные страницы в интернете. Есть какой нить способ приписать всем этим ссылкам target="_blank" ? По отдельности редактировать каждую ссылку возможности нету - сылок сотни ( может больше ), рука отвалиться. Был вариант сделать cntr+H, найти и поменть все .ru" на .ru" target="_blank", однако там почти все линки ведут на отдельные страницы ( /blah/blah-blah-blah.html ) и на папки...
0 votes8 answers -
Приподнять <li>
Вот так это выглядит: т.е. <li> смещается вниз. Его нужно как-то приподнять или наоборот, опустить иконку Как это сделать? http://codepen.io/anon/pen/xVGyqZ
0 votes1 answer -
Присвоение width или heigth при помощи js
Надо чтобы загруженная картинка анализировалась вертикальная она или горизонтальная и в зависимости от этого присваивается width или heigth, тк задание одного параметра даст пропорциональное уменьшение. В итоге она ложится в квадрат и края обрезаются. вот код. [ code ] <div style="overflow:hidden; width:200px; height:200px;"> <script type="text/javascript"> function razmer(x) { var y = parseInt(x); if (y >= 0) {return "height"}; if (y < 0) {return "width"}; } </script> <img src="$IMG_SMALL_URL1$" class="newsPictures" border=0 onLoad="(razmer(width-height))='200px'" > </a> </div> [ /code ] $IMG_SMALL_URL1$ - путь к ка…
0 votes1 answer -
присвоение классов элементам списка
Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там п…
0 votes10 answers -
Присвоить class="current" элменту списка или ссылке.
Подскажите, пожалуйста, каким образом элементу списка или ссылке присваивается class="current" динамически, при нахождении на странице по данной ссылке. Спасибо.
0 votes1 answer -
Присвоить height значение переменной из JS
Помогите разобарться, пожалуйста. Нужно автоматизировать процесс создания стиля. Чтобы высота была равна разрешению экрана. .style { width:100%; height: <РАЗРЕШЕНИЕ ЭКРАНА>; } JS код для определения ширины и высоты экрана нашёл здесь: http://www.perkoka.ru/article/40/793.html <script type="text/javascript"> if (self.screen) { width = screen.width height = screen.height } else if (self.java) { var jkit = java.awt.Toolkit.getDefaultToolkit(); var scrsize = jkit.getScreenSize(); width = scrsize.width; height = scrsize.height; } if (width && height) var str = width + " x " + height; else var str = "неизвестно"; d…
0 votes2 answers -
Присвоить значение для Checkbox
есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…
0 votes13 answers -
Присвоить класс таблице....?
товарищи спецы, как присвоить класс таблице и всем рядам и ячейкам..? хочу чтоб были 1px dashed silver... поиск ничего не дал :/
0 votes3 answers -
присвоить св-во вложенному элементу css
Подскажите как правильно реализовать следующую задачу. Приведу часть необходимого кода. <div class="class1"><span class="class2"><a href=""></a><a href=""></a><a href=""></a><span></div>Мне необходимо присвоить св-во css тегу <A> вложенному в теги <div> и <span> с определёнными присвоенными классами. Присвоить индетефикатор тегу <A> нет возможности т.к. код генерится автоматом.
0 votes4 answers -
приследующий блок
Добрый день, всем хорошего настроения! Подскажите пожалуйста, как сделать преследующий блок как тут - http://ipod-touch.artmastery.ru/?
0 votes1 answer -
Присоединение к вертикальной колонке другой колонки
Подскажите, пожалуйста, как к вертикальной отцентрированной колонке присоединить прилепить другую колонку, так что бы отцентрированная колонка осталась отцентрированной?
0 votes5 answers -
приходят на почту карякули
на локальном сервере все приходит нормально а на бесплатном хостинке такая белеберда п≤п╪я▐:п▓п╦п╨я┌п╬я─ п╓п╟п╪п╦п╩п╦я▐:п÷я─п╬я┘п╬я─п╬п╡ п÷п╬п╫я─п╟п╡п╦п╩я│я▐ п╩п╦ я│п╟п╧я┌:Yes я│п╬п╬п╠я┬п╣п╫п╦п╣:п╡п╬я┌ я┌я┐я┌ п╫п╟п©п╦я┬п╦ я┤я┌п╬ п╫п╦п╠я┐я┌я▄ п╟п╡я┌п╬я─я┐ на локальном вот так X-Sendmail-Cmdline: sendmail.pl -t -i To: vitia146@mail.ru Subject: Отзыв о смешной странице Имя:Сергей Фамилия:Житлов Понравился ли сайт:Yes сообшение: текстовое сообшение почему так? код php такой <?php $result = mail ( "vitia146@mail.ru", "Отзыв о смешной странице", "\nИмя:". $_POST ['name']. "\nФамилия:". $_POST ['famili'] . "\nПонравился ли сайт:". $_POST ['likecontent']. "\nс…
0 votes7 answers -
прицепить резиновый футер к фиксированному центру
есть такая структура: есть фоновые хедер, мид и футер, растянутые на 100% ширину окна браузера. Сам контейнер сайта фиксированной ширины по центру(с помощью position:absolute накладывается на фон). Как сделать так чтобы положение 100%-го по ширине футера менялось в зависимости от содержимого контейнера. Т.е. грубо говоря футер цепляется к дну контейнера и гуляет вверх или вниз в зависимости от того как заполнен содержимым контейнер. надеюсь понятно объяснил :-)
0 votes5 answers -
Причину ищу
Пока работал над этим http://pomidor.com.ua/seemax/CatMain11.html много открыл для себя. Помогите пожалуйста найти ошибку ведущую к расползанию элементов при изменении разрешения экрана http://viewlike.us/?url=http%3A%2F%2Fpomidor.com.ua%2Fseemax%2FCatMain11.html&button.x=39&button.y=15 Мало того, можно заметить как при уменьшении разрешения на картинку в Хед лезет фоновый цвет <HTML> FireBug и тщательный просмотр всех элементов не дали мне возможности разобраться.
0 votes2 answers -
Про *
Здравствуйте. Где-то здесь на форуме ругали конструкцию а-ля * { margin: 0; padding: 0; } Одно я запомнил точно - это плохо. Но есть вопрос: а можно ли использовать * к примеру вот так? #header * { color: #abc; } <div id="header"> <h1>Заголовок сайта</h1> <p>Что-то там</p> <span>Еще раз что-то там</span> </div> Т.е. задавать единое свойство для всех элементов внутри определенных тегов. Имеет смысл использовать такой способ? И аргументы "за" и "против". Извиняюсь, если вопрос примитивный или уже где-то был
0 votes9 answers -
Про background и спрайты
Всем привет, что-то туплю, скажите, правильно ли понимаю, что спрайты получится использовать только если мы задаем ширину и высоту объекта на странице и фоном на весь этот размер накладываем часть спрайта, равную этому размеру, позиционируя его с помощью background-position ? Т.е. в случае, если мы просто накладываем на кнопку файл с картинкой (не спрайт, а именно отдельный файл), позиционируем его 0% 50% к примеру (с левой стороны посередине), а для свойства :hover подкладываем уже другой файл по такому же принципу - в этом случае каким-то образом эти два файла в спрайт собрать получится ? Надеюсь понятно объяснил
0 votes1 answer -
про float и width
хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получило…
0 votes12 answers -
про hover
Слева то что должно быть, справа то что есть. Разница состоит в двух вещах. Первая: когда я навожу курсор на подпункт меню, исчезает стиль с того пункта откуда оно выпало, как сделать чтобы не исчезало??? (я использую тег hover) Второе: Как сделать borded на самом нижнем пункте меню. Если я пишу border-bottom: solid 1px #ccc то под каждым подпунктом появляется border, а мне он нужен только на последнем. p.s. использую CSS Для меню в Joomla. Пример CSS можно найти тут. http://de.siteof.de/extended-menu-templates.html (son-of-suckerfish) Если кто-то реально подскажет, что делать, буду очень признателен!
0 votes12 answers -
Про margin
© margin Объясните пожалуйста, что это значит (схлопывание)?
0 votes1 answer -
Про margin
Чем отличается margin: auto; от margin: 0 auto;
0 votes4 answers -
Про margin и padding
Cкриншот Положение 1 Смотреть Тут все располагается в соответствии с тем, как элементы расположены в html коде. <img class="listok" src="img/listok.png"> <h1 class="enviromental">Environmental.com</h1> <div class="site_slogan_here">site slogan here</div> <div class="help_line">Help Line 24 /7 Support 1800 3246 345</div> Положение 2 Смотреть Через padding сдвигаю листок вниз, соответственно вместе с этим сдвигается все, что находится под листком. Положение 3 Вариант 1 Если делать отступы для записи Environmental.com через margin, то получается, что ее можно сдвинуть на уровень листочка. Смотреть Вариант 2 Смотреть Если …
0 votes5 answers -
Про svg и css
Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?
0 votes3 answers -
Про width
Есть два дива : div.header { width:70%; div.header { height:100px; min-width:400px; margin:30px 15% 0; background-color:grey; } div.header>div { border:1px solid; float:left; height:100%; padding-left: 10px; width:33%; } В div.header>div вложено ещё 3 дива, которые исполняют роль пунктов меню. Хочется, чтобы они занимали всю ширину div.header. Но в значение width: 33% не включены паддинги, и элементы выходят за свои пределы. Ещё стало заметно, что при паддинги добавляются засчет увеличения размера дива, а не засчет ущемления внутреннего пространства. Подскажите, как обойти это. Только обязательно должна сохраняться раздел…
0 votes8 answers -
Про xml
Здравствуйте! Не может ли кто-нибудь рассказать, чем хорош xml!
0 votes3 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-