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
-
Помогите, пожалуйста, с таблицей
День добрый. Не получается сделать такую штуку: Это таблица 10х10 ячеек. Каждая ячейка - 20х20 пикселей. Граница между ячейками = 1 пиксель. При наведении мышки на ячейку, срабатывает JS-событие. Стиль ячейки перезаписывается. У ячейки может быть четыре стиля: /**Это сама таблица*/ .placementTable{ border-collapse: collapse; border: solid 1px #ffffff; } /**это ее ячейка*/ .placementTable td{ border-collapse: collapse; border: solid 1px #ffffff; } /**Три правых закрашенных ячейки*/ .placementCellOccupied{ width: 20px; height: 20px; background: #0099ff; border-collapse: collapse; } /**Бледно-голубой*/ .placementCellSurround{ width: 20px; height: 20px; backg…
0 votes9 answers -
диагональный градиент
Покажите как сделать диагональный градиент?
0 votes12 answers -
В ie9 не работает border-radius после применения градиента ?
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#434343', GradientType=0 ); /* IE6-9 */ после этой строчки перестает работать border-radius ? если залить простым фоном без градиента то все нормально, как я понял background: -ms-linear-gradient(top, #848484, #434343); работает только в ie10, можно ли как нибуть заставить работать градиент с border-radius ??
0 votes17 answers -
выступающая закладка
Привет народ. Оч нужна помощь. Проблема с выступающей закладкой в меню. Нужно чтобы активное меню вылазило вверх на 3 пункта. Проблема решается добавлением position:relative; но при этом при изменении размеров окна в IE меню сдвигается. Если убрать position:relative; то в IE6 выступающей части не видно Помогите плиииизз решить эту проблему. Код прилагаю: <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> #Header { clear:both; float:left…
0 votes5 answers -
Просветите новичка-2
Доброго дня! Помогите разобраться. Пробую сделать первый сайт но пока плохо разбираюсь (( Вопрос вот в чём ... Как Вы мне и советавали купил домен и хост на masterhost.ru, мне прислали всякие разные реквизиты ) ... после чего я что-то там делегировал и вроде всё прошло удачно. После этого попробовал с помощью программы Macromedia Dreamweaver залить файл (default.htm) на сервер: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> проверка! …
0 votes9 answers -
Проверка сайта (движок Joomla) на валидность.
Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…
0 votes8 answers -
Резиновый трех колонных макет
Здравствуйте, не могу понять как составить трёх колонный макет. Как на картинке: html: <div id="structure"> <div id="header"> </div> <div id="l_menu"> </div> <div id="content"> </div> <div id="r_menu"> </div> </div> CSS: #structure { position: relative; width: 80%; height: 100%; left: 10%} #header {width: 100%; height: 100px} #l_menu {height: 100%; width: 150px; float: left} #content {height: 100%; float: left } #r_menu {height: 100%; width: 150px} #bottom {width: 100%; height: 50px } что здесь не так? надо что б content занимал всё оставшееся место после l_menu и r_menu
0 votes9 answers -
Загадка CSS
Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!
0 votes7 answers -
margin-right:-100% (помогите разобраться)
Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?
0 votes11 answers -
Проблема с фиксированым подвалом
Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.
0 votes16 answers -
margin не работает в ie
Во всех браузерах отображается отлично, кроме всеми любимого ie, перерыл нет,но что то решения не нашел, но может и плохо искал. Помогите плиз сверстать шапку .сайта, что бы работало в ie. Для наглядного примера даю ссылку и код. Я только учусь, так что строго не судите. Сайт делаю для себя. http://perestroyka.at.ua/ У меня буквы съезжают в ie в право. <table width="900px" border="0" align="center"> <tr> <td> <div style="margin:20px 0 0 50px; float:left;"><img src="img/t2g.png" /></div> <div style="float:right; margin:30px 50px 0 0;color:#4e4e4e;">строительная газета выпуск № 1</div> <div style="margin:50px 50px 0 …
0 votes3 answers -
Выравнивание блоков по ширине
Здравствуйте! Помогите пожалуйста решить следующую задачу: Имеется макет (левая сторона - центр - правая сторона) с динамической шириной, в центральной части по всей ширине необходимо разместить несколько блоков с одинаковой шириной, но разной высотой, блоков должно быть 3 или 4 в одном ряду в зависимости от ширины. С разной высотой все ясно, будет использоваться: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ , вопрос только как выравнять это все по ширине? Пробовал комбинировать с данным методом: http://forum.htmlbook.ru/index.php?showtopic=20735 , но получается совсем не то что хотелось бы.
0 votes7 answers -
map и position
имеем изображение (img), карту к ней (map) и слой (div), который это все перекрывает <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <style> div{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; } img { position:relative; z-index:1; } </style> </head> <body> <div></div> <img src="http://img0.liveinternet.ru/images/attach/b/3/14/8/14008201_hm4_1_30_0_big.jpg" width="450px" height="450px" usemap="#map" /> <map name="map" id="map"> <area href="#" shape="poly" coords="50,50,400,50,400,400,50,400" title="hover" /> </map> </body> </html&g…
0 votes5 answers -
Как сдвинуть фон сайта, но только на 500px
Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?
0 votes6 answers -
IE 5,5 и padding (добавление полей)...
Если к к блоку шириной 100% добавить padding ,допустим 30 рх. справа, в ИЕ 5,5 появляется горизонтальный скрол..т.е. к ширине блока прибавляется ширина внешнего поля (padding...)....как избавиться..... В остальных все нормально показывает ,даже в ИЕ6...
0 votes6 answers -
Закругление углов на css
Кто может подсказать как можно реализовать на css закругление углов, как на сайте http://glavred.info/
0 votes4 answers -
Проблема в float
стили: #pad_fonsmall1 { padding-top: 0; padding-left: 0; padding-top: 0; padding-right: 10px; padding-bottom: 17px; float: left; } /* НАЧАЛО - Оформленая прокрутка*/ #mycustomscroll { width: 293px; height: 291px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: none; margin: 0 auto; padding: 0px; } /* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ .scrollgeneric { line-height: 0px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbar { width: 15px; cursor: pointer; height: 74px !important; background: #bbb699 u…
0 votes6 answers -
Как растянуть Div по вертикали ?
Есть DOCTYPE - quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> И его трогать нельзя... Как с этим DOCTYPom растянуть div на 100% по вертикали На скок я знаю с ним Div не растянится ... Я прав или нет ? Подскажите кто знает.... ;|
0 votes2 answers -
Тег отвечающий за ограничение количества символов
Подскажите тег отвечающий за ограничение количества символов. Пример: информер с комментариями (надо ограничить длину $ENTRY_TITLE$ например 19 символами) <strong></strong> <table border="0" cellpadding="0" cellspacing="0" width="190" height="60"> <tbody><tr> <td style="padding-left: 0.1em;" align="left"> <b><a href="$ENTRY_URL$">$ENTRY_TITLE$</a></b> <br> <b>Написал:</b> <a href="$PROFILE_URL$">$USERNAME$</a> <br> $MESSAGE$<br>[<a href="$ENTRY_URL$">Ответить</a>]<br><hr size="1" width="100%"></td> </tr> </tbody></table> &…
0 votes8 answers -
Проблема в IE 6
Здраствуйте, есть вопрос по верстке. Есть форма, в ней есть как и выпадающие списки, так и просто текстовые поля. У них имеется один и тот же класс, в результате они получаются одинаковой ширины и обрамление поля серое. В FF и Opera поля одинаковые, а в IE6 отображаются по разному, у выпадающего списка и текстового поля ширина разная и обрамление тоже. Вот код: CSS: .big{ width: 260px; border: 1px solid; color: #666666; background: white; }
0 votes10 answers -
Структура кода
Накапливаются вопросы, и, пусть не все сразу, но частичто буду их сюда выкладывать на обсуждение или точный ответ. Для начала, вопрос такой: При "многоуровневой" верстке чему стоит отдать предпочтения: индивидуальному классу у каждого элемента*, вложенности элементов в ксс-коде**, нескольким классам у одного элемента***, или id-шникам**** (если элемент не интересен серверу и одинок на страчке). Что бы выбрали Вы и почему? Пример для тех, кто не совсем понимает, о чем речь. Пример нельзя признать полностью корректным, но суть вопроса он полностью отображает.
0 votes21 answers -
белый iframe в IE7
Всем доброго времени суток. Начал изучать ХТМЛ сравнительно недавно (неделю) и уже столкнулся с первой проблемой. Я сделал страничку с фреймами (). То есть таблица, в ячейках фреймы и в них картинка, а в картинке еще один фрейм :-) Так вот, проблема заключается в том что при отображении данной страницы в мозилле и опере все нормально, но когда я ее запускаю в IE7 то пустой фрейм внутри картинки белый. В мозилле такого нет, там фрейм черный под цвет фона. Вот сайт http://icefroz.ucoz.ru Подскажите пожалуйста в чем дело. Заранее спасибо.
0 votes7 answers -
Выравнить DIV'ы равномерно по вертикали
Вообще предлагаю следующий код, он представляет собой список телепрограмм: <div style="width:600px;"> <div class="ch">1</div> <div class="tm">05.30</div> <div class="bc">"Детективы"</div> <div class="ch">1</div> <div class="tm">12.45</div> <div class="bc">"Ералаш"</div> <div class="ch">1</div> <div class="tm">13.00</div> <div class="bc">Новости (с субтитрами). Ведущий - Дмитрий Борисов</div> </div> CSS к нему : .ch { float: left; width: 30px; margin: 0px; padding: 7px 4px 0px 0px; color: black; font-size: 11px; text-decoration: none; tex…
0 votes4 answers -
Резиновая шапка из 3х кусков
Столкнулся с проблеммой создания шапки Шапка состоит из 3х кусков, левый и правый фиксированые, середина должна растягиваться. Никак не могу добиться подобного эффекта(( Может кто поможет...?
0 votes5 answers -
Нужно ли загрывать тег meta
Нужно ли закрывать мета-теги при вот таком доктайпе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-