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
-
Таблица и "контентная" ширина колонок
Доброго. Есть следующая таблица (все пихнул в один блок да бы не разбивать на части) <!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=windows-1251" /> <title>grid_one_doc</title> <style type="text/css"> /*** x-grid ***/ .x-grid { border: 1px solid #DCEBF7; } /* defaults & same options */ .x-grid * { margin: 0px; padding: 0px; border: none; } .x-grid table { border-collapse: collapse; border: none; width: 100%; table-layout: fixed; } .x-…
0 votes2 answers -
Проблема с меню
Ребята, Мозилла на отрез отказывается отображать менюшки(сделанные в Ксаре), ИЕ и Опера без проблем, а вот Мозиллу уговорить не могу, что делать? Помогите чем смогите, пожалуйста!
0 votes1 answer -
проблема с таблицей
есть такая конструкция: <table border="1"> <tr> <td height="20"> </td> <td rowspan="3"> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>texta</p> </td> </tr> <tr><td> </td></tr> <tr><td height="20"> </td></tr> </table> Почему то не выдерживается высота верхней и нижней ячеек. там же явно задана высота. По логике должна растягиваться центральная ячейка. Не работает ни в эксплорере ни в Опере max-height не…
0 votes5 answers -
Проблема с позиционированием
Не знаю, обсуждалась данная тема или нет, простите нет времени просматривать кучу тем. Суть проблема следующая: Сайт состоит из 3 таблиц - верхняя и нижняя имеют фиксированную высоту. Среднюю с контентом разбиваю на 3 ячейки, правая и левая (менюшки) тоже с фиксированной шириной, средняя width="100%". Проблема в том что в крайних колонках с менюшками, хочу к их дну прикрепить картинки но чтобы у всей ячейки был valign="top", чтобы выровнять слои с менюшками и чтобы ячейки имели резиновый дизайн и тянулись на 100% в высоту. Пример такого сайта http://promteks-ips.ru, но там это работает потому что quot;-//W3C//DTD HTML 4.0 Transitional//EN">, а при quot;-//W3C//DTD HTML…
0 votes14 answers -
Внешний вид полос прокрутки
Хотелось бы изменить внешний вид полос прокрутки. Как это сделать для IE - уже нашел. А для Mozilla что нужно прописать в коде? И можно ли в один css впихнуть и для IE и для Mozilla?
0 votes3 answers -
Background
Как сделать так что бы бэкграундная картинка не размножалась а было адно и по цетру?
0 votes3 answers -
Меню
Что делать если выподающее подменю уходит под фрейм и из-за этого не видно часть текста (только в Опере). Может нужно настроить чтото в самой Опере .
0 votes10 answers -
Многоуровневое дерево на CSS
Доброго. Что-то не получается найти примерчик обычного дерева, как в проводнике, реализованный на CSS. если есть у кого что-то на примете, подкиньте линк, плиз. tnx u
0 votes5 answers -
Высота слоя
Такая проблема: есть 3 дива, 2 боковых, типа поля и один по центру с контентом и все они все находятся в родительском слое. Но боковые слои не хотят растягиваться на 100% в высоту. Их бы и вообще не было, если бы я не вставила пробел. Кажется есть что то по этой теме в Css, чтобы слой отображался в независимости от содержания. Вот код <div class="middle"> <div class="left_side" > </div> <div class="main"> <h1>Заголовок</h1> <center><div class="h_menu"> </div></center> <div class="welcome"> </div> <div class="news"> …
0 votes4 answers -
помогите пожасто!!!!
как сделать так чтобы при table width="100%" и при изменении разрешения монитора не происходили сдвиги содержимого этой таблицы?
0 votes11 answers -
параметр min-width
Здравствуйте! У меня две колонки в div с параметром float, но когда окошко браузера уменьшается, то одна колонка съезжает под другую. Я прочитала статью об этом (http://htmlbook.ru/faq/?a=53 ) - все работает, но только когда у колонок нет border'a. Как только ставлю бордер - все по новой. Что делать? Заранее мерси, Наташа
0 votes5 answers -
Автоматическая типографика на Php
Автоматическая типографика на Php: http://pixel-apes.com/typografica Очень интересный и полезный скрипт. Аналог используется нынче Лебедями.
0 votes4 answers -
выровнять высоту div'ов
У меня 2 дива - слева менюшка с раскрывающимся списком, справа текст. Как сделать, чтобы когда содержимое одного дива увеличивалось (больше текста), второй увеличивался автоматически? Засовывала их еще один div, там делала 100% height, но тогда когда менюшка полностью раскрывается, то выходит за границы дива. (Прокрутку делать не хочу)
0 votes2 answers -
Как задать ссылке цвет родительского объекта?
Подскажите пожалуйста, как в стилях задать ссылке цвет родительского объекта? Например: главнаячтобы при изменении атрибута color в стиле td изменялся и цвет ссылки? А то не хочется менять скрипты и вводить дополнительные идентификаторы.
0 votes14 answers -
Высота родительского div'a в FF и Opera
Подскажите, что надо изменить в коде, чтобы в FF и Opera вс? отображалось также, как в ИЕ. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <style type="text/css"> body {background-color:#000000; margin:0;} #main{background-color:#0000ff; margin:0 auto; padding:5px; padding-top:20px; padding-bottom:20px; width:740px;} #inside{margin:0 auto; width:700px; text-align:center;} #header{margin:0 auto; padding:0;} #h-left{background-color:#FF0000; width:366px; flo…
0 votes1 answer -
изменение маркеров списка
Хотел сделать раскрывающийся список с изменяющимся при наведении курсора маркером. Этот код работает в ИЕ и не работает в firefox li a:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li a { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Этот код работает в firefox и не работает в ИЕ li:hover { list-style-type: none; list-style-image: url('../image/style/fleche-orange.gif'); color: Gray; } li { list-style-type: none; list-style-image: url('../image/style/fleche-gray.gif'); color: Black; } Как сделать изменение маркера для обоих браузеров без Ява скрип…
0 votes2 answers -
DHTML
Прошу помощи : Динамический эффект (изменение цвета текста гиперссылки при наведении мыши) работает только в ИЕ и не срабатывает а других браузерех, что делать? <a href="../../Мои%20документы/Мои%20веб-узлы/index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #00FF00" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2"> deff</a></span></font></b></td>
0 votes6 answers -
Только для Оперы
Подскажите плиз как прописать стиль, который поймет только Опера и проигнорируют другие броузеры?
0 votes5 answers -
Помогите разобратся в FLV ! ( ОЧЕНЬ ПРОШУ )
Вот в чем проблемма, значит захотел я на сайт поставить flv видео, скачал flv плеер, закачал на сайт, начинаю размещать на сайте вот таким вот кодом: <center><embed pluginspage="http://www.macromedia.com/go/getflashplayer" allowfullscreen="true" src="http://сайт/video/flvplayer.swf" type="application/x-shockwave-flash" flashvars="file=http://сайт/video/video.flv" width="500" height="400" bgcolor="#FFFFFF" /></center> Видео работает, НО проблемма в том, что видео показывается только в маленьком окошке а не в том расширении что я назначил. Вот фото как показывается видео: Помогите сделать, чтобы видео показывалось в том, расширении что я ему назначил.
0 votes2 answers -
флэш как ссылка посредством хтмл
собсно сабж есть флэш ролик 200 на 200 пикселей, нада сделать его ссылкой, ну или область в каторой он находится вопрос: как?
0 votes5 answers -
Поиогите разобраться с в?рсткой
Как сделать чтобы слой id="direct" отображался внизу рубрикатора, а не под ним. В 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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style type="text/css"> #nov_level1 { margin: 2px 20px 0 190px; position: relative; } #nov_level2 { background: #f0f0f0 url('../images/ug_lb.gif') no-repeat bottom left; float: left; width: 100%;…
0 votes2 answers -
Помогите с версткой
Уважаемые профи! Помогите девушке-непрофессионалу. Занимаюсь сайтом всего месяц.. Как расзместить шапку сайта с новым логотипом во всю ширину страницы, а колонку с кнопками регионов (header.html), котрая находится справа, поместить вниз под шапку? http://www.faudit.ru/page/index.html !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--<body bgcolor="#ffffcc" topmargin=5 leftmargin=2 marginheight="5" marginwidth="2">--> <frameset rows="120,*,1" frameborder="0" framespacing=0"> <frame name="header" src="../page/header.html" marginwidth="2" marginheight="5" scrolling="no" frameborder="0" noresize> <frameset…
0 votes4 answers -
overflow изменение стандартных элементов
Ребята кто подскажет код как лучше реализовать это, желательно чтобы потом внутри текст мог быть доступен для индексации поисковиками:
0 votes12 answers -
Автоматическая нумерация строк
Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…
0 votes7 answers -
Как сделать, чтобы при наведении на ссылку ничего не появлялось в с...
Как сделать, чтобы при наведении на ссылку ничего не появлялось в строке состояния? Обычные методы: Не помогают. Все равно адрес появляется.
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-