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
-
Проблема в Firefox: не работает свойство style.height
function set_size() { [i]document.getElementById("leftShadow").style.height[/i]=document.getElementById("copyright").offsetTop-138; alert(document.getElementById("leftShadow").style.height); } Выделенное курсивом отменно работает в IE, но не в FF. Как исправить?
0 votes4 answers -
XHTML: innerHTML в IE исполняется, а в FF нет.
Всем привет. На странице доктайп XHTML не подскажете почему строка ArrowLeft.innerHTML=""; в IE нормально исполняется, а в FF нет или innerHTML вообще не стоит использовать в XHTML в?рстке?
0 votes6 answers -
Подсветка ника
Здравствуйте. У меня вопрос: как создать подсветку ника фоновой картинкой на форумах vBulletin (и можно ли) вот таким вот образом: http://forums.narutofan.com/member.php?u=61126
0 votes5 answers -
просмотр видео как в YourTube
что можно вкрутить в html код, чтобы в страницу был встроен проигрыватель flv как в yourTube?
0 votes3 answers -
место нахождения на сайте
существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…
0 votes8 answers -
Отображение шрифтов в IE
Здравствуйте. Есть сайт http://oxika.ru/ Во всех браузерах выглядит нормально, но в IE (во всех версиях) шрифты выглядят толще и меню сливается. Как быть? Пытаться прописать стили только для ие? Шрифты - конвертировал ttf.
0 votes5 answers -
Управление поведением списков
Возникла такая проблема... Дано: список, неважно, нумерованный или маркированный. Необходимо: добиться, чтобы при копировании списка номера или маркеры не копировались в буфер. При использовании IE маркеры и номера не копируются, однако в FF попадают в буфер обмена, в Опере еще не протестировано. Возможно ли как-то добиться того, чтобы в буфер в любом браузере копировался только текст? Делается это все для того, чтобы текст располагался на ?зебре?. Есть еще один вариант,? положить ?полосатый? фон под текст, согласовав ширину полосок с высотой строк, однако в FF при изменении размера шрифта все ?поедет?, поэтому такой вариант мне не нравится, хотя с точки зрения семантики …
0 votes5 answers -
слой с параметром float
Подскажите, можно ли зафиксировать слой с параметром float: right. Ситуация такая слой(НОВЫЙ СЛОЙ) убегает влево, если высота слоев в правой части сайта больше, чем в левой части <html> <head> <style type='text/css'> #center_left { width:52%; float:left; } #center_right{ width:44%; float: right; padding-left:15px; } #left { width:52%; height:auto; float:left; background-color:#FFFDF4;} #right{ width:43%; float:left; height:auto; padding-left:15px;} #center_right_bottom{ width:468px; float: right;} </style> </head> <BODY> <div style="width:100%;"> <div id="center_left" style="background-color:#FF9900"><br><br>сл…
0 votes8 answers -
как обойти ЯваСкрипт
Доброго всем времени суток!!! У меня следующая проблема, Данное тело полностью рабочее, но мне надо какм то образом обойти наличие скрипта!!! <body> <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </script> <textarea name="text" size="50"></textarea> <img src="01.gif" onclick="past(true)"> </body> </html> я новечек в этом деле но на моем бесплатном хостинге в гостивой стоит похоже какой то контроль он полностью игнорирует все скрипты такого плана <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </…
0 votes2 answers -
Как реализовать таблицу из 2-х ячеек в DIVах..
Есть таблица из 2-х ячеек, левая резина в правой картинка не фоном.(т.е. вся строчка 100% ширины).как реализовать на блоках... В резиновой ячейке может быть блок фиксированной ширины...нельзя чтобы при сжатии экрана картинка уходила вниз под блок в левой ячейке...
0 votes5 answers -
Как по-нормальному убрать scrollbar'ы?
Как по-нормальному убрать scrollbar'ы? Короче ситуация такая - не хочу задавать фоны <div>"ов в процентах, но когда задаю ширину бэкграунда 1280пиксей то в браузерах почему-то появляется горизонтальная полоса прокрутки, хотя разрешение экрана 1280х1024... Можно поставить на все overflow: hidden, но тогда при уменьшении размеров окна часть страницы просто обрезается и скроллбар не появляется. Интересно, как можно решить проблему? неужели без резиновой верстки не обойтись??
0 votes2 answers -
Вертикальный скрол меню с position fixed
Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…
0 votes2 answers -
Нулевой отступ сверху для хедера
Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!
0 votes4 answers -
меню с помощью списков
Пытаюсь сделать обыкновенное меню. Разве что хочется с чтоб он было покрасивее. Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <style type="text/css"> #main li{ width:300px; height:50px; border:2px solid green; display:block; } #insert li{ width:300px; height:20px; border:1px solid red; display:block; } </style> </head> <body> <ul id="main"> <li>Первый пункт <ul id="insert"> <li>Первый подпункт</li> <li>Второй подпункт</li> <li>Третий подпункт</li> </ul> <…
0 votes1 answer -
глупый вопрос касательно резины
Господа у меня назрел небольшой вопрос. До недавнего времени мне приходилось делать лишь статичные макеты и центрировал я их очень просто: соз давал блок фиксированной ширины со стилем width:1095px; height:100%; padding:0 0 0 0; margin:0pt auto; text-align:left; Вот, а теперь нужен полсностью резиновый центрированный макет, но если заменить width:100%, блок уезжает.... Я понимаю, что вопрос крайне глупый, но все же. Спасибо!
0 votes8 answers -
float не хочет работать
Создаю простенький макет на div'ах. Нужно, чтобы текст ("content content ... ") обтекал картинку (img src = "111.jpg"). Для этого написал такой код: </head> <body> <div id = "main"> <div id = "pict"><img src = "111.jpg" title = "" alt = ""/></div> <div id = "text"> <p>Content content content Content content content Content content content Content content content Content content contentContent content content Content content content Content content contentContent content content Content content content Content content content Content content content Content content content Content content content Content content conten…
0 votes16 answers -
Перенос слов если не хватает места
Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…
0 votes2 answers -
как сделать 100% высоту?
Я хочу сделать что бы левый и правый столбец были ограничены линией dotted 1px например... но блоки у меня не фиксированной длины а могут изменяться в зависимости от информации... @@@@@@@@@ @@@@@@@@@ @@ @@ @@ @@ @@ @@ @@ @@@@@@@@@ <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Arial, Helvetica…
0 votes5 answers -
Если определ?н DOCTYPE, то не работает overflow:hidden (в IE)...
Пытаюсь сделать меню так, чтоб при наведение курсора мыши всплывал снизу див, который типа спрятан посредством свойства overflow: hidden у родительского дива. Вс? ништяк кроме ИЕ (в принципе как всегда:/) Заметил такой прикол: если убрать DOCTYPE, работает, но тогда центральный главный div сносится влево, так как margin: 0px auto, больше не работает. Это, конечно, меньшая проблема, но хотелось бы решить первую и оставить DOCTYPE. Код привед?н ниже. Может кто знает, в ч?м прикол? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>[[''TITLE'']]</title> <style …
0 votes4 answers -
Картинка списка в IE
почему когда ставинь для списка картинку, в IE не добовляется отступ между картинкой и текстом... кто знает, подскажите пожалуйста как исправить.
0 votes14 answers -
в ie6 страница не отображается
Народ есть такой косяк, сверстрал страничку. В XHTML. по результатам validator.w3c.org код валидный. В браузерах opera ie7 firefox safari chrome, все нормально, а вот в ie6 белый лист. Хз что делать. Главная страничка на dnscenter.ru
0 votes6 answers -
Перенос контецнера на новую строку
Доброго времени суток! Оч нада решить следующую задачку: имеется такой код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> p { /* ?????????????? */ } .span { /* ?????????????? */ } </style> </head> <body> <p> <span class="span">1</span> текст; <span class="span">2</span> текст; <span class="span">3</span> текст; </p> </body> </html> что нужно прописать вместо '?????' чтобы получить в браузере 1 текст; 2 текст; 3 текст; Или имея доступ только к стилю абзац…
0 votes6 answers -
Не работает выпадающее меню
У меня не получается сделать выпадающее меню. Оно почему то упорно не хочет выпадать. Вот код: ul#menu { background: transparent url('images/menu.png') repeat-x 0 0; width: 90%; overflow: hidden; z-index: 100; list-style: none; } ul#menu li { position: relative; float: left; } ul#menu li a { background: transparent url('images/separator.gif') no-repeat 100% 1px; float: left; font-size: 15px; color: #fff; height: 65px; padding: 10px 17px 0 15px; } ul#menu li a:hover, ul#menu li.current-cat a { background:transparent url('images/menu-hover.png') repeat-x 100% 1px; text-decoration: none; } /* sub-menu */ ul#menu li ul { display: none; …
0 votes4 answers -
Не стыковка в меню с ИЕ
Попробовал сам с нуля создать меню. Вылаживать много кода будет. Вот как сделал. http://www.sharemania.ru/0162693 Проблема такая, у меня уже есть созданное меню,но нижняя граница каждой строки таблицы меню толстая, это произошло из-за стыковки верхней и нижней границы каждой ячейки,после каждой строки ячейки, не могу убрать, подскажите пож. как. 2)Проблема с расположением меню синего в браузере Ие, в др. нормально толкьо в Ие меню синее идёт как-т овправо и немного длинее чем меню с подпунктами ниже. подскажите как одолеть это? Заранее благодарю.
0 votes15 answers -
Как правильно сверстать HEADER?
Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-