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
-
как расстянуть несколько вложенных div-вов по высоте
Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…
0 votes2 answers -
Разметка в три колонки
Имеется вот такой вот макет разметки, в три колонки с футером и хэдером. Пока некорректно отображается, что нужно подправить, чтобы правильно отобразилось в IE6,7 FF2 Opera9 ? index.html <!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>Untitled Page</title> <link rel=stylesheet href=default.css type=text/css /> </head> <body> <div > <!-- #include file="header.html" --> </div> <div style="display:inline"> <div id="left" ><!-- #include file="menu.html" -…
0 votes1 answer -
PNG в два слоя и ie6
Есть полупрозрачный png фон у блока. Поверх него ложим ещё один такой-же. #right_menu {float:right; width:117px; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale'); height:262px} #right_menu a {display:block; color:#FFFFFF; background-image:url(images/light.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/light.png',sizingMethod='scale')} Во всех браузерах работает, но в ie6 нет. Как это дело обойти? Даже если сделать в #right_menu a другой png (в два раза полупрозрачней), то он не отображается.
0 votes8 answers -
Как всегда ИЕ6 и три колонки..
Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p>…
0 votes9 answers -
Сайт на слоях. Проблемы отображения.
Всех приветствую! Сделал своему ребенку сайт на слоях. На некоторых мониторах неправильно отображается содержимое т.е., все содержимое страниц сдвинуто влево, а справа остается свободное место. Возможно неправильно прописал слои. Вот подобным образом все слои сделал. #topmail { position:absolute; width:38px; height:31px; z-index:73; left: 222px; top: 1026px; } Подскажите, что не так. С уважением.
0 votes6 answers -
<input type="button" /> (border:1px)
Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.
0 votes4 answers -
Проблема верстки пропадает после перезагрузки страницы
Недавно обновил свой сайт idefinland.com (новый дизайн), но появилась проблем с навигацией. Она "выпадает" со своего места в Хроме и в Сафари. После перезагрузки страницы или просто на других страницах сайта меню само "возвращается" на место. Во всех остальных браузерах сайт работает отлично, проблема не наблюдалась. Подскажите, пожалуйста, в чем может быть дело. Что уже только не пробовал.
0 votes6 answers -
Не первые шаги
Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …
0 votes12 answers -
Помогите!Проблема с фоновым рисунком!
Как сделать так чтобы фоновый рисунок на разных разрешениях экрана,извенялся соответственно?На языке HTML.
0 votes6 answers -
Как заменить кнопку на ссылку
Здравствуйте, подскажите как можно заменить кнопку на ссылку? C помощью css, а если не возможно то как-нибудь по другому, но желательно css!
0 votes4 answers -
Проблема с ссылками
Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. a.news:link { font-family:tahoma; font-size:14px; color:#666666; text-decoration:underline; } a.news:hover{ font-family:tahoma; font-size:14px; color:#666666; text-decoration: none; }
0 votes7 answers -
Еще одна задачка
<style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…
0 votes6 answers -
Шаблоны в CSS
Делаю сайт-визитку на 4 страницы, меню горизонтальное с помощью таблицы. Вот надумал я добавить пункт и теперь надо во всех 4-х страницах менять меню. А можно ли это меню сконструировать в ЦСС? А в идеале было бы неплохо указывать там и взаимное расположение контейнеров и картинок в них.
0 votes4 answers -
Древовидный список
Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…
0 votes1 answer -
Safari (проблемы с SVG)
Столкнулся с интересной ситуацией, я конечно понимаю, что Safari поддерживает нативные градиенты через старый или новый стиль задания градиента, но мне стало интересно как он ведет себя с SVG градиентом генерируемым Colorzilla генератором. Вот пример где все наглядно(открывать в Сафари): ПРИМЕР Как это объяснить я не знаю, помогите пожалуйста)
0 votes2 answers -
Как поставить блоки
Как сделать на сайте такие блоки
0 votes19 answers -
Подключение js к html
Есть код, к которому надо подкл js файл, но файл не хочет выполняться, а когда скрипт в html, то выполняеться Сам скрипт <script type="text/javascript"> $(document).ready(function(){ $(".mymagicoverbox").click(function() { $('#myfond_gris').fadeIn(300); var iddiv = $(this).attr("iddiv"); $('#'+iddiv).fadeIn(300); $('#myfond_gris').attr('opendiv',iddiv); return false; }); $('#myfond_gris, .mymagicoverbox_fermer').click(function() { var iddiv = $("#myfond_gris").attr('opendiv'); $('#myfond_gris').fadeOut(300); $('#'+iddiv).fadeOut(300); }); }); </script> Так не работает <html&…
0 votes1 answer -
Вопрос про размер контейнера при адаптивной вёрстке
Есть макет: https://www.figma.com/file/HoJMDxIfQdMbFgMfgG62HK/NEW_vsesvetodiody.ru_1920-(Copy) Суть в том, что ютуберы постоянно верстают что-то, где макет только для десктопа. Тут же есть 1920 , 768, и мобилка. Для 1920 размер ограничивающего контейнера можно определить, но он я полагаю ограничен с мобилки до 768, потом от 768 до экрана ноутбука, потом от ноубука до 1920. Я в упор не понимаю, это оговаривается с заказчиком? Или используется шаблон контейнера бутстрапа? Объясните пожалуйста или скиньте ссылку на ответ.
0 votes2 answers -
Фон на страницы из нескольких картинок вокруг div'a
Все содержимое страницы находится в одном блочном элементе div фиксированной ширины и расположенном по центру. Слева и справа есть пустые поля. Можно ли создать слева и справа еще по одному div'у, причем их ширина формировалась бы автоматически (без JS)??? Для каждого дива планируется использовать свой фон (без использования одной общей таблицы на три колонки; пример сайта (не реклама): http://game.cod.ru). При увеличении расширения картинка бы появлялась дальше.
0 votes2 answers -
Помогите разобраться с тр?хколоночным макетом
Помогите ПЖС разобраться с тр?хколоночным и двухколоночным макетами на дивах. Задача: сделать тр?хколоночный макет с шапкой и подвалом (примитивный - хочу разобраться, без всяких там "чтобы меньше 800 не сжимался") при условии что высота колонок определяется их содержимым, и следовательно неизвесно какая из колонок окажется "самой длинной" Я взял двухколоночный макет Влада (с это сайта) но и там при увеличении объ?ма текста в колонке "Меню" подвал прилипает к колонке сбоку. Попытался заключить колонки в общий но это не помогло.Листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #middle…
0 votes5 answers -
дамп базы данных
нужно загрузить из файла site.sql дамп базы данных. Не знаю пока как это делается. Установлен Denwer.
0 votes3 answers -
Ie6 Не Позволяет Задать Размер Блочной Ссылки Меньше Размера Шрифта
есть ссылки, которые display:block, чтобы задать ссылкам размер, и внутри (между <a> и </a>) они пустые, но тут в IE6 (в IE7 такой проблемы нет) некоторые ссылки, которые по высоте меньше, чем высота шрифта по умолчанию в браузере (дело в том, что за ненадобностью шрифтов в документе им ни вид, ни размер не задавались вообще), расползлись (по высоте). умный IE6 почувствовал обязанность спасти ссылки, в которые не везли бы буквы, хотя их там нет. решил я всё в момент просто. вот так: a {font-size: 0;} но мне вот интересно, можно ли найти какой-нибудь способ поэлегантнее? если что, XHTML 1.0 Strict, код и стиль валидны. кстати, для тех, кто, может быть, не знает…
0 votes1 answer -
Как продублировать одно меню на всех страничках?
Как продублировать одно меню на всех страничках? Возник вопрос, мой сайт на первоначальном этапе разработки, но его нужно запускать в раскрутку как можно скорее... (разумеется с последующей доработкой), поправил дизайн главной странички, теперь нужно перенести его на остальные... я в HTML пока ещё далеко не профи, посоветуйте как лучше сделать? Былоб идеально если дали совет как справиться с этой задачей через CSS, такое же наверняка возможно, чтоб один раз редактировать, и на всём сайте менюшка менялась! P.S. адрес сайта: http://cdtrader.ru
0 votes3 answers -
Плавающий фрейм
Здравствуйте Хотел спросить может кто знает, как сделать плавающий фрейм т.е iframe независящим от страницы в которой он расположен. Например чтобы содержание фрейма не обновлялось при обновлении самой страницы. Или кто может предложит свой вариант решения проблемы.
0 votes5 answers -
float:left и новая строка
Есть код <img src="..." align="left" height="400px" />asdf asfasfa sf asdfsadfasdf asdf asdf sadfa sfasf sdfasdf <div class="newline_layer"> text from new line</div> Так вот, какие стили влепить, чтобы слой newline_layer пошел сразу после картинки(под ней), а не справа от нее. (иначе кроме как сделать кучу <br/> до конца картинки и добавить слой не получается). Может есть решение?
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-