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
-
Кнопки для смены шрифта
Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?
0 votes5 answers -
Как сделать резиновый сайт?
Делал сайт для техникума по заданому шаблону http://htkem.ru/ столкнулся с проблемой не хватки места подс татьи на страницах этого шаблона, пришлось делать переключатели, но все же все это проблемно и гемарно и при том в админке статьи будут добовлять люди не владеющие навикахи хтмл, поэтому тут вступает в силу такая тема, нужно сделать подобный шалон резиновым так чтобы от размера статьи он растягивался до нужной длинны, сам шаблон сверстан на css все сложные блоки вставлены как картинки что и создает проблему для переведения шаблона в растягиваемый режим, подскажите как это можно сделать?
0 votes5 answers -
Проблема с шириной DIV элементов в IE и FF
Здравствуйте. Наткнулся на такую проблему. Есть следующий код для страницы <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Audit Log</title> <style type="text/css"> html {font-family: arial; font-size: 9pt} table {font-size: 9pt;} h1,h2,h3 {font-style: bold} div.container {display: inline-block; border: 2px solid black; padding: 4px;margin-bottom: 32px;background-color: #f6f6f6} h1 {font-size: 14pt;margin: 4px 0px 4px 0px}h2 {font-size: 12pt;margin: 12px 6px 6px 26px} h3 {margin: 0px 4px 4px 4px;font-size: 10pt;font-style: italic} table.itemHeader td {border: 1px solid black;padding: 2px 4px 2px 4…
0 votes5 answers -
ширина макета
еще на стадии создания макета уткнулся в то, что не могу понять какое разрешение должно быть у макета? для любой верстки, какая резиновой, какая для фиксированой.
0 votes5 answers -
Javascript-ом получить текст из cgi
есть 2 поля (id="in", id="out") вводим в поле "in" текст "tt" и при клике по "out" надо передать из "in" в cgi скрипт ("../cgi/test.cgi?text=tt"), а ответ вставить в "out". Подскажите с javascript-ом.
0 votes5 answers -
Странные отступы между блоками.
Добрый день уважаемые форумчане! Делаю сайт визитку. Движок Joomla 1.5. Когда создаю меню и позиционирую его в написанный мною блок, появляются странные отступы между ними...., не могу разобраться почему.., подскажите, что не так? Вот код блока: <div id="block1"></div> <div id="block2"></div> <div id="block3"></div> #block1 { background-image:url(../images/z1.png); background-repeat:no-repeat; width:305px; height:22px; } #block2 { background-image:url(../images/z3.png); background-repeat:repeat-y; width:305px; } #block3 { background-image:url(../images/z5.png); background-repeat:no-repeat; width:305px; h…
0 votes5 answers -
Вопрос про высоту элемента
Собственно, есть вот такой фидл: http://jsfiddle.net/74VxY/3/ И к нему вопрос: Почему у элементов <a> по бокам высота равна высоте строки, хотя я выставил у них height: 100%? Как растянуть их по высоте на весь родительский div, не прибегая к установке высоты в пикселях?
0 votes5 answers -
Мозилла-зум
Привет! с кроссбраузерностью знаком пока не очень! Появилась такая проблема...главная страница сайта почему то зумится по отношению к другим...и только в Мозилле...в остальных всё норм, да и остальные страницы в Мозилле норм в чем может быть дело? спасибо
0 votes5 answers -
Как вствить флеш фоном
Здравствуйте, в общем есть такой макет , там на флеше изображена сама электростанция и облака вокруг нее, там птички летают облачка то и дело снуют туда сюда, в общем красота неописуемая, как вы уже наверное догадались вопрос: как мне теперь поверх всего этого разместить основной контент (меню и т. д.). Пробовал разместить флеш сверху а все остальное поднять margin не вышло, накладывать дивы друг на друга с помощью position:absolut мне не подходит. Подскажите плз. может скрипт есть какой или иное решение.
0 votes5 answers -
Как поднять шапку сайта
есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи
0 votes5 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 -
Блочная вёрстка + wordpress
Есть сайт http://uchkollektor26.ru/. Стандартный двухколоночный шаблон <div class="head"> Шапка </div> <div class="wrap"> <div class="sidebar" style="float:right;width:200px"> Содердимое боковой колонки </div> <div class="main" style="margin-right:220px"> Основное содержимое </div> </div> <div class="footer"> Туфли </div> вопрос - при каких условиях содержимое боковой панели может влиять на отображение основного сожержимого. Причина вопроса: На вышеуказанном сайте при добавлении товара в карзину, основное содержимое, начиная со второго товара, съезжает вниз. Валидцию проходит ругаясь…
0 votes5 answers -
Каким образом верстать сайт такого типа?
Верстаю в первый раз, прочитал про вёрстку div-ами, но там только про "резиновые сайты", хочу фиксированный с вот такой структурой. Структура, думаю, стандартная, но не могу найти как сделать... Кстати, у дивов углы закругленные в макете.
0 votes5 answers -
onClick
Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?
0 votes5 answers -
в IE7 не устанавливается курсор в текстовом поле
Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…
0 votes5 answers -
Отступ после блока с clear: both
Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…
0 votes5 answers -
First-letter в Firefox
Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { di…
0 votes5 answers -
Меню
Народ у меня такой вопрос , сделал менюшку простенькую во всех браузерах норм отображается но в Ие 6,7 между элементами списка <li> появляются отступы http://www.sendspace.com/file/ca6ygx вот сюда залил меню может кто нить обьяснить почему они там появляются , и что я сделал не правильно ?
0 votes5 answers -
a:visited img
Здравствуйте. Ситуация такова: Есть горизонтальная менюшка с кнопками нарисованными в фотошопе. Хочу чтобы нажатые кнопки обводились жёлтой рамкой. Казалось бы всего и делов - то ...вот код: a:{display:block;} img{border:none;} a:visited img{border: 1px solid #ffac4f;} a:hover img{border: 1px solid #ffa948;} <div id="knopkisverhy"> <ul> <li><a href="#1"><img src="../MoiSite/knopka.png" width="100" height="40" alt="Главная"></a></li> <li><a href="#2"><img src="../MoiSite/rasskazi.png" width="100" height="40" alt="Мои рассказы"></a></li> <li><a href="#3"><…
0 votes5 answers -
Подсветка текущей ссылки
Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?
0 votes5 answers -
выдернуть value из xml
Есть XML: <test t="ff" /> как выдернуть "ff" из responseXML?
0 votes5 answers -
Проблема с nl2br и maxlength
Итак. Когда юзер отправляет данные, они обрабатываются функцией nl2br(); чтобы все его самостоятельные "enterы" переходили на новую строку. А также стоит ограничение в X символов. Проблема в том, что можно просто добавить текст, который будет вводится одними entарами (т.е. переходы на новую строку). т.к. один переход считается за один символ, то можно отправить очень длинный вниз текст без ничего. Как бы этого избежать? Например что бы один переход считался не за один символ, а за 128 допустим.
0 votes5 answers -
тег img не работает в ФФ
я чё то не пойму, как так... в ффоксе не отображается <img> в хроме и ie работает... <a href="http://vkontakte.ru/app2340458" target="_blank"><img width="397" height="108" src="baner_oxota.png" /></a> проще кода нет в чём проблема я не пойму ? (этот код засунул сюда, что бы картинка грузилась) http://vk.sad.skywars.ru/img.html
0 votes5 answers -
Проблемы с меню в IE7
Добрый день Прошу помощи знатоков, т.к. сам я в этом мало что понимаю. Проблема в том, что в нормальных браузерах все работает хорошо, а вот в IE7 - не хочет. Два косяка: 1) в выпадающем меню пункты становятся по центру 2) в меню в сайдбаре висит какой-то пустой пункт Вот тестовый сайт - убрал
0 votes5 answers -
zoom сайта
Доброго времени уважаемые форумчане. Помогите пожалуйста разобраться одним вопросом. Имеется сайт с фиксированной шириной 900px. Решил сделать его, с помощью свойства zoom вместо 100% - 150%. Нормально работает в Google Chrome, а вот в Internet Explorer почему-то сайт уплывает вправо. Погуглил поиск, но ничего подходящего не нашел. Подскажите пожалуйста, как можно выровнять колонку сайта по центру. Вот скриншот отображения в IE-8: P.S. Вообще хочется сделать чтобы сайт масштабировался в зависимости от разрешения монитора пользователя, что в принципе примерно знаю как можно сделать с помощью скрипта, но опять же только с использованием свойства zoom. Может быть кто-то мож…
0 votes5 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/
-