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
-
Убрать отступы !
Как убрать отступы между двумя изображения , что-бы они прилягали друг к другу ? <p align="center"><TABLE WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ROWSPAN=7> <IMG SRC="images/image_01.gif" WIDTH=17 HEIGHT=428 ALT=""></TD> <TD COLSPAN=6> <IMG SRC="images/image_02.gif" WIDTH=266 HEIGHT=131 ALT=""></TD> <TD COLSPAN=3 ROWSPAN=3> <IMG SRC="images/image_03_blank.gif" WIDTH=199 HEIGHT=169 ALT=""></TD> <TD COLSPAN=2 ROWSPAN=4> <IMG SRC="images/image_04.gif" WIDTH=101 HEIGHT=253 ALT=""></TD> <TD ROWSPAN=8> <IMG SRC="images/image_05.gif" WIDTH=17 HEIGHT=449…
0 votes2 answers -
0 votes2 answers
-
селект накладывается на слой
Добрый вечер. Проблема: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT style='WIDTH: 100px' name='kpp'></SELECT> В explorer'e селект отображается поверх слоя. Подскажите, плз, в чем проблема
0 votes2 answers -
вверху слоя отступ, а как заставить его забирать часть окна внизу?
К примеру: #d {position:absolute;left:0;top:239px;[b]width:245px[/b];height:350px;background:url(f/2.gif)} <div id=d> <div><a href="link1.html">1</a></div> <div><a href="link2.html">2</a></div> <div><a href="link3.html">3</a></div> </div> как отсюда видно высота у слоя 245 пикселей, а как тогда сделать чтобы див был на всю высоту окна кроме top:239px ? заранее благодарен
0 votes2 answers -
Абсолютное позиционирование
Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…
0 votes2 answers -
резина по вертикали
доктайп хтмл 1,0 транситионал задача. заставить три дива растягиваться на 100% по высоте окна. внутри них четвертый див с минимальной высотой 500px; хотелось бы, чтобы когда текста было много (т.е. суммарно больше высоты в 500px) one, two и three "тянулись" вниз.. CSS * {margin: 0; padding: 0;} html, body {height: 100%;} .one {height: 100%; background: red url('image.gif') top repeat-x;} .two {height: 100%; background: green url('image2.gif') bottom repeat-x;} .three {height: 100%; background: #fff; margin: 0 200px;} .text {min-height: 500px; height: auto; //height: 500px;} HTML <div class="one"> <div class="two"> <div class="three"> <di…
0 votes2 answers -
высота промежуточного div'а в IE6
Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…
0 votes2 answers -
IE6 свойство background для тега <div> не заполняет цветом всю ширину
Есть три стиля для слоев .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.jpg) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; } .bttomheadercenter { height: 33px; background-color:#889399; background-repeat:repeat-x; position: absolute; left: 258px; right: 365px; bottom: 0px; } .bttomheaderight { width: 369px; height: 290px; background: url(images/ver.2.3.1_21.gif) bottom right no-repeat; position: absolute; right: 0px; bottom: 0px; } И три слоя <div class="bttomheaderleft"></div> <span class="bttomheadercenter">текст между картинками</span> <div class="bttomheaderigh…
0 votes2 answers -
Глючит IE?
Привет... Не могу справиться с проблемой... Подскажите пожалуйста. Сайт, сделанный мною www.somato.md работает как надо в мозилле и опере. А вот в IE (IE6) какие-то странные глюки на ссылках. При первом щелкче по ссылке - она прыгает на следующую строчку и не открывается. Открывается только после второго щелчка. Посмотрите, пожалуйста. Особенно раздел новостей. Подскажите что делать?
0 votes2 answers -
Убегает выпадающее меню
На странице, где контент находится в таблице, выравненной по ценру, нужно сделать выпадающее меню. Нашел подходящий скрипт, немного подправил под свои нужды и прикрутил к странице. Вс?, казалось бы хорошо. Если окно распахнуто во весь экран. Однако, когда оно сжато по горизонтали, начинаются проблемы: таблица выравнивается под новый размер (в?рстка не резиновая, только центрирование контента), а всплывающее меню всплывает на прежнем месте. То есть, совсем не там, где теперь нужно. Поместил вс? в слой, которому указал ширину основной таблицы, в надежде, что координаты меню теперь будут отсчитываться не от верхнего левого угла окна, а от этого слоя. Не сработало: меню по-…
0 votes2 answers -
Помогите с подключением файлов видео
Нигде не могу найти исчерпывающую информацию, а очень нужно, о правильной организации видеогалереи, а именно меня интересует, Как грамотнее подгрузить файл с помощью или ? Или и то и другое? Можно ли сделать галерею универсальной, а именно, чтобы проигрывались файлы разных форматов, т.е. mpg, avi, wmv, mpeg, mpe, mov? Я так понимаю, вся хитрость в том, какой плагин подключать, а также возможность подгрузить плагин в случае его отсутствия у пользователя. Если это так, то как и какой подключать непонятно. Может нужен какой-нибудь скрипт в нагрузку? Подскажите, как быть?
0 votes2 answers -
float:right в шапке "узкой" колонки таблицы
Простейший пример: <html> <head> </head> <body> <table border="1"> <tr> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка1 </td> <td> <div style="float:right; border: solid 1px;"> X </div> Шапка2 </td> </tr> <tr> <td> Длинный текст - намного шире шапки </td> <td> Текст </td> </tr> </table> </body> </html> В FF ширина колонки устанавливается так, чтобы текст в шапке и div разместились в одну строку. В IE div не учитывается при расчете ширины колонки - в итоге для "узких" колонок он оказыв…
0 votes2 answers -
Проблема с высотой ячеек в таблице.
Доброго времени суток всем. Который день уже не могу решить две проблемы, связанные с высотой ячеек в таблице. Помогите, кто знает, пожалуйста. Проблема 1. Имеем примерно такую таблицу: |———————————————-| | | смчсмсмчсм | | ячейка1 | чсмчсмчмччсм | | | чямсчсмчсмчм | |——————— ячмсчсмсмчя | | | чсмчсмчсмчсм | | ячейка2 | чясмчсмчсм | | | чсмчсмчсмчс | | | чсмчсмчясмч | |——————— | чсмчсмчямс | | | чсмчсмчсм | | ячейка3 | счмчсмчсмч | | | чсмчмсчямс | | | чсмчсмчсм | |———————————————-| Во втором столбце большой объем текстовой информации, которая определяет высоту таблицы. В ячейках 1 и 2 первого столбца содержится по одному слову, третья пустая. Как сделать, чтобы IE не рас…
0 votes2 answers -
Резиновый по горизонтали футер в три колонки.
Подскажите пожалуйста, работает ли позиционирования одного блока div относительно другого блока div? Будет ли работать вот такое позиционирование ? <div style="width:100%; height:60px;"><div style=" width:200px; right:40px; bottom:0px; position:relative;" >Абра Кодабра</div></div> Как можно спозиционировать правый край внутреннего дива от правого края внешнего ? Вот моя попытка реализации резинового футера http://ulskiy.org.ua/example/example.html
0 votes2 answers -
как растянуть фоновую картинку в слое на заданную высоту?
проблема такая: есть меню, для каждого пункта меню есть фон картинка 180 на 32. Если пункт меню слишком длинный нужно чтобы фон растягивался вдвое по высоте, сейчас же получается 2 фоновых картинки друг над другом. либо как сделать чтобы текст вписывался в заданный слой (180 на 32) в несколько строчек, не вылазив за пределы слоя.
0 votes2 answers -
Не работает свойство z-index
На сайте http://ulskiy.org.ua/example/example.html блок с текстом должен лежать поверх двух картинок внизу страницы в коде прописываю .contentbody { width:60%; margin-left: 18%; margin-right: 18%; z-index:2; } .unit_contentbody{ margin-bottom: 35px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:small; z-index:2; } .img_contentbody { float:left; border:none; margin-right:10px; z-index:2; } .bttomheader { width: 100%; position:relative; min-width:1000px; z-index:1; } .bttomheaderleft { width: 259px; height: 290px; background: url(images/ver.2.3.1_19.gif) bottom left no-repeat; position:absolute; left:0px; bottom: 0px; z-index:1; } .b…
0 votes2 answers -
тег SELECT
Столкнулся с проблемкой: не могу изменить цвет элементов раскрывающегося списка. Весь инет облазил. Не подскажите, как сделать?
0 votes2 answers -
Бордовые рамки вокруг графических ссылок в IE
Вот так выглядит код странички: <span class="menu_item"><a href="index.html"><img src="img/but_01.gif" width="58" height="16" alt="Главная" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> <span class="menu_item"><a href="about_CASD.html"><img src="img/but_02.gif" width="68" height="16" alt="О породе" /></a></span> <span class="menu_item"><img src="img/menu_brake.gif" width="2" height="16" /></span> Вот CSS: .menu_item { padding-right: 10px; } Вот как эти две ссылки выглядят в Опере: http://www.vrn17.jino-net.ru/img/opera.jp…
0 votes2 answers -
проблема с формированием таблицы при загрузке в IE
Сверстал свой первий сайт но вот проблема, при загрузке страницы в IE таблица растягивается не на сто процентов как указано, а на 10-15px меньше. После нажатия refresh вс? в порядке так же Opera отоброжает с самого начала вс? правильно. Очень прошу о помощи ! Простите за ужасный код страничку делал в первый раз <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>A Design</title> <style type="text/css"> div { font-family: font-family: Verdana, sans-serif; font-style:normal; font-size: 16px; font-weight: ligh} A { text…
0 votes2 answers -
размер шрифта хочу относительный
надо шрифт размером 11px но явно указывать его не охота, x-small - слишком велик xx-smal - слишком мал возможно как нибуть сделать так font: xx-smal+1;
0 votes2 answers -
Размещение содержимого блока по центру при owerflow
Задача: Содержимое сайта должно выравниваться по центру при любом рарешении. Фон шириной 1500 пикселей вставляетсся и выравнивается стилем: position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1; Потом идет флэшка, шириной 1200 пикселей. Я создаю блок шириной 100%. Вставляю туда свою флэшку. Горизонтальный скролл убираю owerflow:hidden При этом флэшка выравнивается по левому краю и обрезается правый. Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева? Заранее спасибо за комментарии.
0 votes2 answers -
Не стандартный шрифт
Простите, может уже эта тема была, я не смогла ее найти. Мне необходимо на сайт поместить шрифт DS Goose. У меня на компе он установлен, и отображается у меня на сайте. Понятно, что если он не будет установлен на компе юзверя, он увидит сайт со стандартным шрифтом. Лажа! Есть ли возможность подключить каким то образом этот шрифт, чтобы он у всех отображался.
0 votes2 answers -
Проблема только с Explorer'ом ? дергается нижн граница белого квадрата
Проблема только с Explorer'ом ? дергается нижняя граница белого квадрата, когда просто убираю картинку http://www.brusinski.com/index.php и http://www.brusinski.com/projects.php В чем проблема? Как сделать чтобы картинка не дергалась?
0 votes2 answers -
Преобразование в HTML-файл простого текстого файла
Имею простой текстовый файл с выведенным в него многостраничным отчетом (кодировка ASCII). Признак конца страницы CHR(12), форматирование уже проведено, использую тег , шрифт COURIER NEW.Пытаюсь на его основе создать HTML - документ, но не могу добиться правильного оформления размещения текста на листе печати, из-за различия шрифтов (межстрочный интервал) в лист начинают "налезать" шапки от других страниц. Подскажите, как выйти из положения ?
0 votes2 answers -
Помогите с CSS!!
Дайте кому не жалко все теги css работающие в IE от 6 версии, в mozill `e и opera и если можно, то пришлите прям на ящик... ну оч нужно kasanders@ya.ru
0 votes2 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/
-