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
-
Верстка простенького макета. Помогите.
Здравствйте, всю жизнь верстал таблицами и не знал бед. Но тут решился освоить верстку дивами Уже буквально закипаю Помогите с простеньким макетиком. <!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=windows-1251" /> <title>Untitled Document</title> </head> <body bgcolor="#99CCFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"> <!-- black white frame --> <div id="frame" style="margin:0 auto; width:980px; margin-top:…
0 votes5 answers -
Пункты меню картинками, глюк в IE6
Есть меню, шрифт не стандартный поэтому режу картинками. По :hover пункт меняет цвет. Делал так: <ul class="menu-list"> <li class="menu-1"><a href="#"></a></li> <li class="menu-2"><a href="#"></a></li> <li class="menu-3"><a href="#"></a></li> <li class="menu-4"><a href="#"></a></li> </ul> А для .menu-list .menu-1 a задаю размеры и картинку фоном. Картинки такого вида(голубым красится при наведении): а баг собственно вот в чём. Так меню отображается везде: А так в IE6: hasLayout есть, так как размеры заданы. position:relative не помогает. Есть идеи как это л…
0 votes5 answers -
Эффект проявления страницы
Друзья мои выручайте! Нужна помощь! Хочу чтобы при заходе на страницу пользователь увидел как весь контент медленно проявляется из пустоты. Нашел как сделать такой эффект для текста и для картинок поотдельности но мне нужен этот эффект для всего сразу - чтоб проигрывался автоматом при обновлении каждой страницы.. Проблема легко решается если создать флеш-сайт, но мне таковой не нужен - это не выход. Пробовал также чето творить со слоями - наложил ролик в верхний слой - но появляется новая проблема - неработают кнопки/ссылки в нижнем слое. Особо в кодировании не саилен, подскажите как можно енто сотворить используя HTML. CSS. Java иль какой другой метод. Верю и знаю что …
0 votes5 answers -
FireFox не видит дополнительную таблицу стилей
Всем привет! Проблема, которая просто шокировала! вот 2 странички: http://new.forexltd.ru/ru/trade/mt4mobile/ - с доктайпом http://new.forexltd.ru/ru/study/forex/ - без доктайпа при <!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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…
0 votes5 answers -
Div в футере
Здравствуйте! Подскажите, пожалуйста, как поставить див в самый низ экрана, но в случае если контента больше чем одна страничка(по вертикали я имею ввиду), то он бы смещался и шёл в самом низу, за контентом? Т.е. Если контента на пол страницы, то этот див находиться внизу экрана, а если допустим контента полторы страницы, то этот див идёт сразу после контента? Хочу туда поместить счётчик 1)Пробовал ставить блоку position:absolute;bottom:5px; Но тогда, в случае если контента больше чем на страницу, то этот див налазиет на контент 2)Пробовал ставить position:relative; Но тогда в случае если контента меньше чем на страницу, тогда этот див может оказаться посерёд экрана, …
0 votes5 answers -
Вопрос по Usemap
Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…
0 votes5 answers -
если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?
Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …
0 votes5 answers -
Как вставлять рисунки?
вот читаю в самочучителе как это делать но видны рисунки только в файле штмл на компьтере, а на хостинге картинок нет. потому что там относительные ссылки не работают естессно. но делать ссылки картинок из других сайтов не то. своих тогда никак не сделать. подскажите как вставить? ася 356110812
0 votes5 answers -
откуда берутся теги <a>?
Привет всем, создаю сайт на Джумле. при выводе контента в IE текст подчёркивается как ссылка. открываю notepad->открыть->http://fpsu.genesisweb.com.ua/index.php?option=com_content&view=article&id=90%3A-15-10-&catid=1%3A2009-06-19-18-32-02&Itemid=2〈=uk нажимаю открыть получаю вот это... ни каких пустых тегов а нету: <!-- Creeping line start --> <div class="creeping_line"> <marquee behavior="scroll"><a href="index.php">На узгодження з ФПУ надійшов черговий варіант проекту спільного наказу Міністерства охорони здоров'я України та Міністерства праці та соціальної політики щодо Порядку безоплатної видачі молока, з яким ф…
0 votes5 answers -
может быть div'ы не такие уж и могучие?
Необходимо сверстать трехколоночный макет: Width центральной колонки = const px, width левой и правой = 50% от остатка. Помогите пожалуйстааааааааааааа........
0 votes5 answers -
Проблема с CSS
Такая проблема(из разряда для начинающих) :Есть таблица стилей,правда с одним правилом только(пока тренеруюсь) BODY{background-image:fon.jpg;}-название файла mystyle.css. И html документ кототый на неё ссылается : <html> <head> <title></title> <LINK REL=STYLESHEET TYPE="text/css" HREF="mystyle.css"> </head> <body> Но при открытии док-та в браузере заданый фон не отображается.Если прописать в стиле backgroundcolor с указанием цвета-всё работает.Файлы(документ,каринка фона, таблица) все в одной папке. Подскажите,в чём ошибка?Может не правильно URL прописываю?
0 votes5 answers -
css/html
Верстаю макетик div'ami, возник вопрос как лучше сделать чёрную вставку? P.s. как её растянуть? см. http://schoolpushkino.msk.ru/1/1.jpg ссылка на сайт http://schoolpushkino.msk.ru/
0 votes5 answers -
Раскрывающийся список
Здравствуйте уважаемые форумчане! На любимом нами сайте вот здесь есть раскрывающиеся списки, надавил на "плюс" и ... вуаля. Где то видела информацию, не могу найти.
0 votes5 answers -
раскрывающиеся строки таблицы
Привет, друзья! Я сделал таблицу типа: <table> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> <tr> <td>название</td> <td>описание</td> <td>цена</td> </tr> </table> Задача. Нужно раскрывать строчку по высоте при нажатии на строчку. Внутри tr должен находиться div с текстом и img. При повторном нажатии строчка должна обратно сварачиваться. Как это сделать и будет ли это кроссбраузерно?
0 votes5 answers -
? распределение div'ов ?
????????????????? есть div -элемент определенной длины с 4 вложенными элементами расположенных в ширину одинакового размера суммарно меньше родительского как сделать чтобы они расположились равномерно (чтобы расстояние с права и лева были одинаковы)
0 votes5 answers -
Желтая рамка в input
Ребят, вот на картинке, вид верстки в Опере (нижняя), таже самая верстка уже натянутая на CMS (верхняя), но там в input желтая рамка, это тоже в Опере Когда убераешь параметр name в input (наятнутый дизайн, верхняя картинка), то эта желтая рамка исчезает. Есть ли решения данной проблемы? Спасибо.
0 votes5 answers -
помогите найти примеры модульных сеткок сайта
помогите найти примеры модульных сеткок сайта. (например (1,2,3 колончный каркасы)) чем их больше будет, тем лушче
0 votes5 answers -
помогите с курсом валюты
Собственно для сайта нужна такая приблуда. в колоночке страници отображается курс баксов и евро. нужно сделать зависимость этих цыфер от допустим цифер на сайте Центрального банка плюс умноженными делеными на мой коэффициент который допустим лежит гдето в текстовом файле в корне. например так. подскажите код или на чем её можно оргонизовать : ява или wcc& заранее спасибо
0 votes5 answers -
Не отображается фон div
добрый день! вот кусок кода: body{ font-family: arial; margin: 0; } #wrapper{ background: url("fon.jpg"); position: relative; width: 1000px; margin-left: auto; margin-right: auto; } Проблема в том, что fon.jpg не отображается в диве! В чем проблема, не могу понять. Если fon.jpg запихать в боди, то он отображается на всю ширину окна, а нужно ширину фиксированную-1000рх, помогите! Но нужно запихать его не в боди а в див! картинка в той же папке!
0 votes5 answers -
Хороший способ PNG fix, да вот с плохими последствиями
Привет. Начал верстать такую вот страничку: http://info.irr.ru/files/rosprint/index.html. ОКРУЖЕНИЕ: IE6. В горизонтальном списке меню, там, где "газеты", "журналы".. у них есть подсписки, так вот Скрипт, который нормализует PNG картинки в IE6, перекрывает чёрные чёрточки у списков и не показывает их (как мне кажется, возможно я ошибаюсь.. но дело точно в скрипте). В остальных браузерах вроде бы всё ок с этим. Пока ещё есть силы ковыряться.. но боюсь придётся отказаться от этого скрипта.
0 votes5 answers -
сойство float
Использовать ли свойство float для создания колонок или все таки это свойство предназначено для другого?
0 votes5 answers -
Разные CSS для одного элемента
для всех заголовков на сайте использутся стиль: #osnova H1, H2, H3,{ FONT-SIZE: 17px; COLOR: #4f7ba6; background-COLOR: #f3f3f3; font-style: normal; font-weight: bold; margin: 0px; text-align: right; background-image: url(/images/h1_strela.gif); padding: 0px 5px 0px 0px; } и только на одной из страниц сайта надо задать другой стиль для заголовков в диве zag: <div id="osnova"> <div id="zag"><H1>Заголовок </H1> <H2>Заголовок </H2> <H3>Заголовок </H3></div></div> Задаю, такой стиль не работает т.е всем заголовкам в диве zad присваиваются стили osnova: #zag H1, H2, H3 { FONT-SIZE: 17px; COLOR: #4f7ba6; background-CO…
0 votes5 answers -
Отступы от текста в таблице
Если задаю отступы для всей таблицы (padding: 10px), то это не работает. Работает только если задаю для каждой ячейки отдельно. Вопрос - это так и должно быть, или это только у меня такая фигня?
0 votes5 answers -
IE8 margin: 0 auto;
В IE8 этот код в css стиле не центрирует, а в опере и мазиле баннер с идентификатором container стоит по центру #container { width: 760px; margin: 0 auto; }
0 votes5 answers -
Центровка текста по вертикали
Верстаю сайт http://vsenadomu.ru/ и никак не могу отцентрировать поле поиска Вот такой код работает в ИЕ7 и FireFox 3 и хроме, но не работает в Opera 9.64. Если поставить padding 0 0 0; убрать vertical-align: bottom и добавить line-height:48x, то работает везде крому firefox sad.gif /* Search */ #at-search { background: no-repeat left center; position: absolute; top: 21px; left: -10px; z-index: 0; float: right; margin: 0; } #at-search .inputbox { color: #070000; width: 275px; background: url(../images/search.png) no-repeat; text-transform: none; text-align: center; padding: 15px 0 0; height: 48px;vertical-align: bottom; border-width: 0; } .narrow #at-search .inputbox{ …
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-