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
-
Окно заданного размера с помощью CSS
Собственно сабж. Нужно чтобы при нажатии на ссылку выскакивало окно заданного размера. Хотелось бы все это сделать средствами CSS да еще и чтобы valid . Что скажите мудрецы?
0 votes4 answers -
Создание гиперссылок
При в?рстке в dreamweaver ссылка вед?т не на указываемый адрес, а на адрес страницы/ссылка. Например, если адрес страницы, на которой написан текст со ссылкой, www.fierydance.nightmail.ru, а ссылку я ставлю на www.macromedia.com, то адрес, на который вед?т ссылка www.fierydance.nightmail.ru/www.macromedia.com. :/:/. Проверяла коды - вс? нормально... Что нужно исправить в настройках, чтобы от этого избавиться?
0 votes4 answers -
Выпадающее меню. Проблема с onmouseout
Есть меню, расположение блоков примерно такое: Мне нужно чтобы при наведении вываливался подпункт, а потом после отведения мыши от меню вываливался раздел меню на котором я сейчас нахожусь(на рисунке). Но загвоздка в чем: Когда я к самому главному слою присваиваю функцию "скрытия всех слоев, кроме активного" меню плохо работает. Невозможно выбрать пункт. Постоянное мелькание подменюшек(раскрываются и при уведении с 1 уровня -- скрываются). Помогите. Я знаю, что onmouseout врубается, когда я увожу мышку с пункта 1 уровня, но не увожу ведь с главного слоя.!!! Почему срабатывает onmouseout?
0 votes4 answers -
float. Баги отображения при уменьшении размера окна IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Байки из склепа</title> <style type="text/css"> body { font-family: Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0px; /* Отступы для браузера IE */ padding: 0px; /* Отступы для браузера Firefox */ } h1 { font-size: 36px; /* Размер шрифта */ font-weight: bold; /* Жирное начертание */ margin: 0px; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin…
0 votes4 answers -
IE7 и hover
http://stepbystep.htmlbook.ru/?id=58&text=1 Вот тут у меня не работает tr:hover ИЕ7 отказывается воспринимать. Обычная табличка, без подстветки при наведении. В Опере работает. Может правда это настройки обозревателя, но я ничего там не менял с установки. Кто сталкивался с этим?
0 votes4 answers -
Центровка в CSSе
Доброе время суток. Интерисует вопрос: Как с помощью СSS`а, отцентровать блок (таблица, картинка, я думаю не столь важно что) по горизонтали? Насколько я понял в HTML`е аналог . Также можна закрыть тегом , но это не устраивает.Также вопрос: При сдвиге блока на определенное растояние по вертикали (top: 50px, к примеру) весь документ какбы смещается на 50 px вниз, образуя "градусники" на странице, использую position: absolute. Общая картина: Есть рамка (таблица с 1-ой строкой и столбцом), размером 700px * 100% по вертикали. Мне нужно чтобы рамка была отцентрирована по горизонтали, а также спущена на 50 пикселей вниз, от верхней стороны документа. Пытался найти выход в …
0 votes4 answers -
единицы измерения - em
иногда в сss сайтов встречаю например padding: .5em; в данном примере непонятно зачем и что em ? почему просто не ук в px или % ? {...отредактировано kiD}
0 votes4 answers -
frD-Html=>css
Пожалуста нужно сделать ксс который бы делал вот ето - Новости сайта - Mp3 альбомы сделайте пожалуста
0 votes4 answers -
Высота слоя
Картина такая: http://rj.foto.radikal.ru/0708/5f/b08629c244a0.gif Есть невидимый слой. В него вложены два (три, четыре, пять, сколько угодно) слоя. Нужно чтобы высота самого нижнего вложенного слоя (на картинке - под номером 2) ВСЕГДА достигала родительского низа (высота родителя может меняться). Реально ли сделать такое?.. :'(
0 votes4 answers -
три колонки + шапка и подвал.
<body > <!--HEADER START--> <div id="masthead"> </div> <!--HEADER END--> <!--MENU START--> <div id="wrapper"> <div id="navigation">Content for id "navigation" Goes Here </div> <div id="content"> Content for id "navigation" Goes Here </div> <div id="advertisement">Content for id "content" Goes Here</div> </div> </div> <!--MENU END--> <!--FOOTER START--> <div id="footer">Content for id "footer" Goes Here </div> <!--FOOTER END--> </body> body { font-size:62.5%; font-color:black; font-family:"Times New Roman", Times, se…
0 votes4 answers -
table-layout: fixed и Опера
собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?
0 votes4 answers -
по всей высоте дива фон
есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.
0 votes4 answers -
таблицу по центру экрана
Добрый день! Как записать с помощью CSS параметр таблицы Ширина страницы 650, мне надо, чтобы она располагалась по центру экрана... Спасибо!
0 votes4 answers -
Margin-left в IE и FF
Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)
0 votes4 answers -
Float и отступ
Вечная проблема этот float, уже переюзал все примочки чтобы отклерить это обтекание и всегда к род. блоку добавляется отступ снизу, никак немогу сним договорится, може форумчане вкурсе, чем его можно взять??
0 votes4 answers -
"Барабашки" в ссылках меню
Время от времени две ссылки в меню перестают адресовать браузеры куда надо (субдомен.сайт.орг), а посылают по чудной (типа хт-4ью-дл.сайт.орг), при этом IE и FF не находят страницу, но показывают в адресной строке верный адрес (субдомен.сайт.орг), а Опера не находит адрес и видит в адресной строке "барабашку" (хт-3ью-дл.сайт.орг). В шаблоне страницы сайта при этом продолжает стоять правильный адрес (субдомен.сайт.орг). Никакие очистки кэша браузеров, баз данных сайта сами по себе не помогают. Лечится просто: меняется в шаблоне адрес на любой другой, после хождения по нему переделывается опять на нужный (субдомен.сайт.орг), вс? начинает работать. Беда только в том, что чер…
0 votes4 answers -
Нижний отступ в слое
#title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?
0 votes4 answers -
nobr или nowrap как убрать отступы между елементами?
<div style="white-space:nowrap; margin:0; padding:0;border:0;"> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </div> или </nobr> <img src="menu_l_13.gif" height="85" width="184" margin="0" padding="0" border="0"> <img src="zag_14.jpg" alt="term paper" height="85" width="450" margin="0" padding="0"> </nobr> как убрать откступы
0 votes4 answers -
Растянуть UL
Есть такая конструкция: <div id="main"> <ul id="menu"> <li><a href="#">link1</a></li> <li><a href="#">link2</a></li> <li><a href="#">link3</a></li> </ul> </div> #menu li { display:inline; float:left; } т.е. простое горизонтальное меню. как бы мне сделать так чтобы элементы растягивались на всю ширину div'a
0 votes4 answers -
Интересная бага (фича) IE6
Наткнулся на новый (для себя) глюк IE6. У меня есть простой, незамысловатый код: <div id = "leftSide" style="width:230px; float:left; background-color:#000000"> sad </div> <div id = "main" style="background-color:#f4f4f4f; margin-left:230px;"> <div id = "header" style="height:150px; background-color:#99CC00;"> </div> <div id = "content" style="background-color:#CC0000;"> sd </div> </div> В FireFox, Opera и даже IE7 я увидел то что и ожидал: Но в IE6 я увидел следующее: Зеленый DIV (у которого id = "header") меньше, чем тот который под ним. Опытным путем удалось выяснить, что проблема из за указания height, кото…
0 votes4 answers -
В картинку вставить аську и прогноз погоды
Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…
0 votes4 answers -
не подключается CSS в IE7 на Висте
Браузер отображает сайт так, как будто стили вообще не подключены. На winXP + IE6, Opera, Firefox вс? как надо. Прямо с катушек можно съехать. Кто может подсказать в ч?м дело?
0 votes4 answers -
Как позиционировать div снизу?
Не могу понять почему div не позиционируется снизу? <!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=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body { background-image: url(images/sojblog_01.jpg); background-repeat: repeat-y; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; } .block1 { width: 567px; padding: 0px; padding-right: 0px; border: 0; float: left; left…
0 votes4 answers -
Некорректное расширение картинки.
Мысль появилась, есть картинка, которую админ может залить картинку. Если эту картинку переименовывать без расширения, то она в общем то нормально отображается, к примеру <img src="1190862358" /> выводит вполне вменяемый гиф: Или вс? - таки так лучше не делать? Чем грозит? Интересует ответ именно со стороны корректности html - ибо картинку один фиг видно.
0 votes4 answers -
Возможно ли создание кнопки
Возможно ли создать кнопку с закругл?нными полями на основе ячейки таблицы, то есть , при этом нельзя использовать background-image? Если да, то подскажите как или дайте ссылку, где можно почитать об этомИли как то изменить , чтобы он был с закругленными краями
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-