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
-
Вопрос по ссылке-закладке
Вот скрин моего меню. Обычное положение и при действии :hover. Меню работает с javascript-ом, при нажатия на вкладку в низу меняется контент без перехода на другую страницу. Я хочу что бы при переходе на другую вкладку картинка которая появляется при действии :hover не исчезала. Подскажите, как это можно сделать?
0 votes2 answers -
высота <iframe> 100% не работает в mozilla
Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле карта не растягивается и в самом начале отображается п»ї что это за не понятные символы и не понял в коде их точно нет! как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; backg…
0 votes0 answers -
Растягивающийся фрейм
Подскажите возможен ли растягивающийся фрейм? Проблема вот в чём: Есть гостевая книга,есть сайт вставляю гостевую книгу средствами iframe, по ширине все устраивает но по высоте есть нюанс по мере заполнения книги появляется прокрутка этого фрейма. Как это дело устранить и возможно ли это!! Вставляю фрейм следующим образом <iframe src="guestbook/index.php" width="765px" height="" frameborder="0" align="center"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
0 votes4 answers -
Возникла проблема при вёрстке
Здравствуйте, вот код: #everything { width:1000px; margin:0 auto; background:url(../images/background_2.jpg); 50% 0 repeat-y black; border:1px solid black; border-width:0px 1px; } нужно чтобы изображение размножалось в низ, вроде всё так сделал, но оно не хочет.
0 votes2 answers -
Странный фон колонки таблицы в IE
Добрый день! Вот тут: http://www.kafe-na-dinamo.ru/ в IE (и только в нем) правый бордюрчик подложки для текста (бежеватой) отображается некорректно... Это колонка с фоном. Как быть и почему это?
0 votes2 answers -
несколько input с текстом
Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…
0 votes0 answers -
Проблема верстки меню.
Добрый день, коллеги! Прошу помощи в решении проблемы с версткой меню. В представленном архиве можно посмотреть суть проблемы (там исходники страницы с изображениями). Есть 2 элемента: двухуровневое меню и "карусель" изображений. Почему-то "карусель" находится всегда выше всплывающего пункта меню второго уровня. Уже долго бьюсь. Все перепробовал. И position менять и z-index и тд. Ничего не помогает. Проблему локализовал: у стиля .main-hot свойство position:relative; всё портит. Как мне модифицировать код, чтобы все заработало? Желательно, чтобы была кроссбраузерность. Спасибо за помощь.
0 votes8 answers -
кроссбраузерность методы и решения
Доброго времени суток? Столкнулся с такой проблемкой, не могу определить хак, в FF все выглядит нормально, в принципе под него изначально писал. а вот в IE, O, и в гугловском Хроме ползет... вопрос с меню в картинках код следующий: <table cellpadding="0" cellspacing="0" border="0" class="ab"> <tr> <td><img src="../images/uslugi.png" width="251" height="131" class="menu_img" tab=1 /> <div class="links" style="position: absolute;display: none;" id=menu1> <?php $sql->query("select id, name FROM page WHERE img3=1"); while(list($id,$name)=$sql->fetch_row()) echo '<div> <a href="../page.php?id='.$id.'">'.$name.'</a></d…
0 votes6 answers -
Меню на списках не проходит валидацию
всем доброго времени суток. сделал меню на списках, все получилось, выглядит отлично, но валидатор ругается на вложенность тегов <ul>, подскажите в чем проблема? вот такой код у меня <div id="leftMenu"> <ul class="folder"> <li><a href="/gallery/painting">Живопись</a><span class="arrowmenu"></span></li> <ul class="subfolder"> <li><a href="/gallery/painting/1976-1985">1976 - 1985</a><span class="arrowmenu"></span></li> <li><a href="/gallery/painting/1986-1994">1986 - 1994</a><span class="arrowmenu">…
0 votes10 answers -
Растягивающие кнопки в меню.
Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>
0 votes60 answers -
Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным
Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…
0 votes3 answers -
Верстка двух фонов, не выходит
Добрый день! У меня на blogger есть блог, куда я загрузил сторонний шаблон. Фон(background) в нем уже загружен - это шапка блога body { background: #ffffff url(http://1.bp.blogspot.com...D8/s1600/bg.jpg) top left repeat-x; margin: 0; padding: 0; font: 10pt verdana, arial, helvetica, sans-serif;} Хочется добавить второй фон, на всю страницу браузера, под вышеуказанную шапку, с тегом fixed. Сначала тупо пробовал ниже добавить url второго фона, он соответственно перекрывал первый. Почитав еще htmlbook, нашел z-index, но как ни варьировал с ним ничего не выходит, он только для блоков в шаблоне или подходит и для background? Может кто наставит на путь истинный, я так понимаю …
0 votes10 answers -
Отступ у дива в таблице
Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <li><a href>Каталог</a></li> <li><a href>Оплата</a></li> <li><a href>Доставка</a></li> <li><a href>Контакты</a></li> <li><a href>Прайс</a></li> …
0 votes2 answers -
Лишнии отступы а списке li убрать
Вот такая вот проблема, не знаю как избавится от кривоты в IE и Мозиле, сделать как в Опере ровно: /* Treeview */ #ex2 {margin: 0 12px 26px 30px;} #ex2 ul li a.first {font: bold 12px Tahoma; color: #000000;} .treeview, .treeview ul {padding: 0; margin: 0; list-style: none;} .treeview ul {background-color: none; margin-top: 4px;} .treeview .hitarea {background: url('./images/treeview-default.gif') -64px -25px no-repeat; width: 16px; height: 16px; margin: 1px 0 0 -16px; float: left; cursor: pointer;} /* fix for IE6 */ * html .hitarea {display: inline; float: none;} .treeview li {margin: 0; padding: 5px 0 5px 14px; display: block; } .treeview a {margin-left: 2px; font: no…
0 votes10 answers -
Замена кода в нескольких файлах
Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"
0 votes1 answer -
Подсветка текущей ссылки
Как выделить ссылку в меню на страницу, на которой мы сейчас находимся. НЕ получается сделать такое в меню сайта на Joomla, ховер и актив работают, а как сделать текущую ссылку?
0 votes5 answers -
Кодировка на страницe VS кодировка в таблице БД
Добрый день, не знал где создать данную тему, поэтому открыл её в этом разделе. Описываю ситуацию: - Я обычно сначала полностью верстаю страницу и необходимый текст располагаю прямо среди кода. Потом, когда страница сверстана и работает корректно, я вырезаю весь текст (и т.п.), загоняю текст и всё необходимое в БД и уже оттуда подключаю контент на страницу. Тут-то и начинаются проблемы. При верстке на странице стояла кодировка UTF-8 и мой ФРАНЦУЗСКИЙ текст отображался корректно. После того как я текст запихнул в таблицу (со сравнением UTF8-GENERAL-CI) некоторые символы (такие как: ?,?,?) превратились в квадратики - ? При этом на странице осталась кодировка UTF-8. Я зад…
0 votes1 answer -
Странное поведение тега div
Вот какое дело, не пойму поведение дива, что такое присходит, а картина следующая, щас изображу схематически <div class="content"></div> <div class="div.doska_menu"></div> <div class="menu_temp">Какой-то текст</div> div.doska_menu { width:400px; height:400px; margin-top: 10px; margin-left: 0px; padding: 0px; float:left; background-image:url(../images/doska_menu.png); background-repeat:no-repeat; border:3px solid black; } div.content { height:90%; min-height:200px; padding:0px; width:800px; margin-left:420px; margin-top:10px; border:3px solid black; } div.menu_temp { width:400px; height:400px; margin: 0px; padding: 0px; background…
0 votes8 answers -
a:hover ПРОБЛЕМЫ ВРОДЕ В
ВСЕМ ПРИВЕТ ВООБШЕМ УЧУСЬ ВЕРСТАТЬ ШАБЛОНЫ, И В ОДНОМ МАКЕТЕ наткнулся на одну вешь! Вообшем вот как должно быть когда на нажимаешь на сыллку в топ меню красная картинка должна открываться на весь свой размер! А у меня вот как открываеться! ТУТ МОЖНО СКАЧАТЬ МОЮ РАБОТУ>>>http://rghost.ru/6875221 ТУТ МОЖНО СКАЧАТЬ МАКЕТ http://rghost.ru/6875521 ПОМОГИТЕ что дописать или где что подправить что бы было как положенно!
0 votes14 answers -
hover как центрировать фон
Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…
0 votes16 answers -
Проблемы в IE 7
Здраствуйте форумчане, умные и те кто только учится. У меня возникли проблемы с версткой в Эксплорере 7. Постараюсь понятно изложить суть проблемы. начнем. 1. Сайт сделанный мной, возьмем его для примера . В остальный браузерах все нормально (пример). 2. Открываю сайт в 7 Эксплорере то кнопки(спрайты) разьехались в стороны (пример). Вот в принципе и вся проблема, у меня есть подозрения что собака зарыта на спрайтах. Я выравнивал текст по вертикали таким образом. Сама ячейка со спрайтом: td.gen5 { background: url('../images/eks.jpg'); background-position: 0px 0px; /* Смещение фона */ width:165px; height:115px; vertical-align: center; text-ali…
0 votes4 answers -
Опять верстаю меню в joomla, проблема с маркерами
Всем привет! начал делать шаблончик на дивах и сразу возникло много проблем, начну с первой) Левое меню должно выглядеть вот так. Ненумерованный список в жумле (стандартный модуль), в качестве маркеров стрелка с фоном, и у li остальная часть. Почему то нашел единственный способ их сблизить: list-style-position: inside; в FF, Chrome робит, Opera 11.10 пофигу ( Про отступы вообще молчу, буду разбираться в порядке очереди. В IE 6 лучше не открывать, чтоб не потерять дар речи. http://soleks.ru.preview.ihc.ru/ Благодарю за советы
0 votes6 answers -
Кэширование XML
Здравствуйте! Имеется файл /xml, содержание которого все время обновляется. Нужно чтобы в браузерах также обновлялась получаемая с файла информация. В общем не подскажите как прописать кэширование так, чтобы при первом изменении xml браузер тоже обновлял информацию? Спасибо!
0 votes0 answers -
Нужно поправить шаблон
Есть шаблон: <!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> <title>1</title> <style type="text/css"> body {background-color:#000} #cnt{ position:fixed; left:310px; margin-left: -300px; width: 700px; margin-top: 10px; background-image:url(bg.jpg) top: 303px; top: 292px; } </style> </head> <body> <center><img src="gla.jpg" scr="gla.jpg"/><img src="pgna.jpg" width="140" height="39" /><img src="mna.jpg" width="140" height="39" /><img src="sna.jpg" width="140" …
0 votes4 answers -
Тянущийся флеш и не тянущийся дизайн
Есть дизайн, ширина 1000. И есть флеш, максимальная ширина 1544 Еще есть карусель, которая тоже должна тянутся на всю. При позиционировании абсолют, появляется колесо прокрутки Как можно обойти эту ширину 1000, если карусель и флеш находится внутри контента?>< Спасибо )
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-