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
-
Перенос слов в таблице в разных браузерах
Поскажите как можно решить: Необходимо в ячейке определенной ширины перечислить номера телефонов через запятую. Вот код <table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td width="400">(495) 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-3…
0 votes3 answers -
Плавующие блоки
Мне надо сделать такую штуку, Три блока расположены один за другим, а есть они все, или несколько не умещаются на странице, то чтобы некоторые падали одна под другую. Вот примерчик: Посоветуйте, что-нибудь. Если можно примерчик. Спасибо.
0 votes3 answers -
Действия при наведении курсора на ссылку
Здравствуйте. Помогите пожалуйста. Необходимо реализовать следующее: есть главное меню, при наведении на каждый из пунктов меню на картинку, расположенную над этим меню, должна накладываться другая картинка. Я так понимаю, что это на JavaScript надо делать? Спасибо.
0 votes3 answers -
Отступ после DIVa в ie 6 и 7
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. 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> <meta http-equiv="Content-T…
0 votes3 answers -
Таблица на всю страницу!
Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!
0 votes3 answers -
Подменю по клику
Можно ли сделать многоуровневое меню, чтобы подменю появлялось по клику, используя только CSS? Ссылку на http://www.cssplay.co.uk/menus/new-dropdown.html не давайте. Там сделано то, что нужно, но как это реализовано, я честно не разобралась. Кроме того, меню верхнего уровня там сделано как 5 списков, а мне так не подходит.
0 votes3 answers -
Transitional и Strict xHTML 1.0
Народ, такой вопосик: Стоит в документе переходной стиль...... Во всех броузерах всё отображается абсолютно правильно.... ставлю строгий стиль.... FF смещает вниз некаторые блоки на 2px Safari, Chrom смещает вниз некаторые блоки на 1px Opera, Ie - всё отображается нормально..... ктонибудь сталкивался....?
0 votes3 answers -
Колонки одинаковой высоты
Всем привет. Мне нужно сделать три колонки. По краям фон, а по центру контент. Делаю так: Html: <div id="main"> <div id="left_bg"></div> <div id="content">Тут какой-то контент</div> <div id="right_bg"></div> Css: div#main { overflow:hidden; width:100%; } div#left_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-10000px; } div#content { float:left; width:936px; padding-bottom:10000px; margin-bottom:-10000px; } div#right_bg { float:left; width:17px; background-color:#b74929; padding-bottom:10000px; margin-bottom:-100…
0 votes3 answers -
Открытие ссылки с тем же положением
Нужно открыть ссылку (запустить скрипт php) и перезагрузить страницу, при этом остаться в том же месте (прокрутка). Можете что-нибудь посоветовать?
0 votes3 answers -
Ширина макета 1600px высота 1300px как сделать?
По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????
0 votes3 answers -
как создать такую штуковину
Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример. Вопрос как сделать что бы они тянулись? Вот код ee.css: body { color:#FFFFFF; } .block { width:200px; } .l_u { background-image:url('images/new_lu.png'); width:21px; height:19px; float:left; } .c_u { background:url('images/new_cu.png') repeat-x; width:160px; height:19px; float:left; } .r_u { background-image:url('images/new_ru.png'); width:19px; height:19px; float:left; } .l { clear:both; background-image:url('images/new_l.png'); background-repeat: repeat-…
0 votes3 answers -
как растянуть DIV на всю ширину родительского элемента?
по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…
0 votes3 answers -
фон родительского блока и дочернего
Всех приветствую! Помогите разобраться, необходимо, чтобы background родительского слоя был выше background'а дочернего слоя. Проставлены: z-index и position: relative для слоев (z-index род > z-index доч), но однако ничего не работает. Как такое реализовать на css?
0 votes3 answers -
Нужен совет провесоонала!
Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…
0 votes3 answers -
Не понял
В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))
0 votes3 answers -
Свой шрифт
Здравствуйте, такой вопрос: например указан какой-то шрифт типо font-family:название-шрифта; если этот шрифт не установлен на компьютере посетителя, то у него текст отобразиться тем шрифтом который у него в браузере по умолчанию задан. А можно-ли как-то указать ссылку на нужный шрифт во внешнем файле, или сделать так чтоб он автоматически установился при входе на страницу? какие есть способы?
0 votes3 answers -
Overflow и выпадающее меню
Нужна помощь! Есть блок с overflow: hidden, нужен для прокрутки юзеров, в нем список юзеров(div.userInformation), для каждого юзера выпадающее меню(div.overUserMenu). Вопрос: как зделать так что б меню не обрезалося? Вариант забрать overflow: hidden не подходит, потому что мне он нужен для скрипта прокрутки юзеров <div id="friendsList" class="center"> <div class="container"> <div class="feed" style="left: 0px;"> <div style="z-index: 1000;" class="userInformation"> <div class="status"></div> <div class="picture"> <a href="http://deinflirt/profile/id/2"> <img alt="" src="http://deinflirt/files/u…
0 votes3 answers -
косяк с бордером (border) в ie 6
Всем привет! Мучаюсь с одной маленькой проблемой. во всех браузерах нормально отображается, кроме ie 6 (в более старших версиях все ок) вот скрин как в ие6: вот как в других браузерах: черный фон сделал специально чтобы отчетливо был виден косяк. код html <div class="browseproductcontainer"> <div class="browseimagecontainer"> <img src="http://сайт.ru/2_160x160.jpg height="160" width="160" class="browseProductImage" align="left" title="Костюм Вираж" alt="Костюм Вираж" border="0" /> </div> <div class="browseproductdetailscontainer"> <div class="browseskucontainer">КОС108</div> <h2> <a style="font-size:16p…
0 votes3 answers -
обьединение div'ов
Есть два разных дива. идут они последовательно. А мне бы хотелось бы что бы первый див, наезжал на второй див. В 1 диве расположены кнопки меню. А во втором диве рамка и текст. И мне хотелось бы что бы менюши чуть-чуть сползали на рамку. Можно ли это реализовать как то?
0 votes3 answers -
UTF-8 проблемы
Здраствуйте. Помогите пожалуйста,на странице стоит кодировка UTF-8 как обычно,но на виртуальном хостинге не работают. <?xml version='1.0' encoding='utf-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang="ru"> <head> <title>LiFe ServeR</title> <script type='text/javascript' src='Template/e1070000.js'></script> <script type='text/javascript' src='Template/sleight_.js'></script> <link rel='stylesheet' href='Template/style000.css' type='text/css' media='all' /> <link rel='stylesheet' href='Template/e1070…
0 votes3 answers -
отступ в ie
Здрасьте, а почему когда я ставлю padding-bottom10px в файрфоксе отступ гораздо меньше чем в ослике? Это можно как-то решить?
0 votes3 answers -
Проблема с меню в IE7
Привет всем! Посмотрите плиз левое меню сайта http://kid-toy.ru/ в ИЕ7. Подскажите что надо сделать, чтобы фон выплывающих подменюшек был нормальным, а не прозрачным. В остальных браузерах все ок..
0 votes3 answers -
фиксированный див при скролинге
Здрасьте! подскажите ссылкой или примером, очень буду благодарен за помощь в следующей проблеме. Итак: если Mozila, Opera, Netscape понимают fixed, а какя альтернатива есть для IE ? спасибо откликнувшимся !!!
0 votes3 answers -
страница-невидимка х_х
есть страничка - http://beavers-net.narod.ru/prime.html Её видно в Опере, Сафари., Хроме...совершенно не видно в Фаере и ослике... Ошибок вродь нет..валидацию прошёл и CSS и HTML..Консоль ошибок тож молчит.. не знаю что и думать..( Кто-нибудь с таким сталкивался?
0 votes3 answers -
Помогите разобраться
Я только начал разбираться в разметке дивами, так что не судите строго... Разместил див в диве. Но при задании в дочернем диве параметра margin-top: 20px сдвигается и родительский. Что делать? Как родительсктй оставить в самом вверху, а дочерний сдвинуть на заданное количество пикселей? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body LEFTMARGIN=0 TOPMARGIN=0> <div style="width: 500px; height: 1000px; margin-right: auto; margin-left: auto; background: #6633FF"&…
0 votes3 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/
-