HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Выпадающее меню :hover
Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…
0 votes4 answers -
Меню
index.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-Type" content="text/html; charset=iso-8859-1" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…
0 votes3 answers -
Выравнивание
http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами
0 votes4 answers -
про карусель и <MARQUEE>
Итак, имеется следующее задание: есть ряд картинок, открывающихся в увеличенном формате во фрейме, картинки должны пролистываться, при нажатии на одну из них, получаем ее большого размера. но прокрутка работает лишь тогда, когда не указаны ссылки. Подскажите, можно ли реализовать все-таки на <MARQUEE> такую задачу?
0 votes4 answers -
Буквы разных цветов в одной строке.
Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?
0 votes1 answer -
концептуальное отличие B от STRING и I от EM
Сабж. Не могу понять, зачем нужен B и I. Смотрим DTD xhtml 1.0 strict: так в чем разница?
0 votes7 answers -
зачем getElementById
В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3<…
0 votes1 answer -
Как спрятать блок за экран без горизонтальной прокрутки?
У сайта есть блок div с элементом графики (красный блок), который не влезает в разрешение 1024, т.е. виден только в более высоком разрешении. Как сделать, чтобы браузеры не реагировали на него и не появлялась горизонтальная прокрутка в меньших разрешениях?
0 votes15 answers -
Что значит подобная записть?
В CSS: Индификатор же определяется так Встретил в коде такое.
0 votes4 answers -
Сползает в IE 6..
Во всеми нами любимом и обожаемом браузере творится нечто невообразимое и никогда ранее не слыханное! Как же так оО !? Вобщем даю ссылку, сами смотрите. В правильных браузерах нормально, а вот в IE 6(ну может ещё 7 - не проверял) правый блок никак не хочет обтекаться и все что левее съезжает вниз.. Помогите кто чем может.. ЗЫ: начинающий я только..
0 votes20 answers -
вопрос по list-style-type
Вопрос следующий: мне нужно сделать список где цифры должны быть выделены жирным шрифтом а все остальное обычном Пример: 1. Бла бла 2. Бла бла 3. Бла бла Нумерацию я делаю через decimal. т.к. если ставить none то строки будут переноситься под цифру Пример: 1. Бла бла бла бла бла бла бла а нужно что бы было Пример: 1. бла бла бла [пробел]бла бла бла Так вот... как мне сделать нумерацию жирным шрифтом? )
0 votes2 answers -
как создать такие же кнопки
как создать такие же кнопки как на этом сайте http://www.break-down.ru/
0 votes38 answers -
меню
Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??
0 votes6 answers -
Проблема с PNG-прозрачностью
Нашла в сети скрипт DD_belatedPNG_0.0.8a.js - он добавляет прозрачность рисункам в PNG. Плюс сохраняет эту прозрачность для повторяющихся изображений. В общем, очередной чудо-скрипт. Но, не долго я радовалась - уже на следующем сайте этот скрипт отказался работать. Причем, срипт тот же самый, который нормально работал на предыдущем сайте. Как назло, в теме для Wordpress, которую я верстаю на Денвере, масса PNG-шек. Народ, если кто то сталкивался с таким глюком этого скрипта (или может это несовместимость с другими скриптами?), подскажите, как с этим бороться.
0 votes22 answers -
Полосы при создании фона
Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?
0 votes7 answers -
Стиль шрифта
Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }
0 votes39 answers -
Не подскажите, народ
Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.
0 votes8 answers -
Как разбить страницу на части?
Уважаемые, помогите разбить страничку на подгружаемые блоки (или на фреймы). У меня есть страница шаблон. Нужно попилить ее на четрые блока: 1. Шапка 2. Боковое меню-реклама справа 3. Нижнее поле (банеры-реклама) 4. Собственно центральная часть, где будет меняться ОСНОВОЕ содержимое страницы. Я не знаю, насколько актуальны нынче фреймы, но нужно нечто подобное. На будущем сайте - страниц 200. Они все должны иметь Постоянную шапку, нижнее поле (типа шапки), и боковое поле с меню. А центральная часть будет содержать Саму инфу, ради которой эти 200 страниц и живут. Есть вариант, что бы Шапка, низ, и боковина, подгружались к каждой из листаемых страниц. Т.е сделав 201, или 20…
0 votes12 answers -
Меню на списках
Всем добрый вечер. <!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=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…
0 votes6 answers -
Глюк в Mozilla
Не могу понять почему в подвале сайта, там где rss ленты, в мазиле всё выделено коричневым цветом, в других браузерах всё нормально. сайт http://muslimka.ru/ Проверил всё с помошью firebug, все стили проглядел, не знаю откуда такой цвет.
0 votes6 answers -
ломается позиция фона при использовании iepngfix
Решение проблем с прозрачностью png в IE6 найдено здесь: http://www.twinhelix.com/css/iepngfix/ однако, если применить соответствующий behavior к элементу, которому задан background-position, к примеру right bottom, то прозрачность, конечно, появляется, но позиция фонового изображения становится left top независимо от того, какая указана в стилях. Вот как тут быть?
0 votes7 answers -
Пропорциональный авто-ресайз фоновой картинки на CSS 2, возможно ли?
Добрый вечер, подскажите, возможно ли реализовать на CSS 2 пропорциональный авто-ресайз фоновой картинки, как на этом сайте? http://www.alexandergusev.com/
0 votes3 answers -
Косяк inline-block в ie6
Есть список новостей. Каждая новость состоит из трех div'ов. Для выравнивания использую inline-block. результат во всех браузерах, кроме ie 6 и 7: Но как всегда ie не хочет по-нормальному отображать. В 6 и 7 версиях заголовок новости немного уходит влево: Подскажите как можно это поправить? Для совместимости использую следующие параметры CSS в соответствующих стилях: display: -moz-inline-stack; display: inline-block; _overflow: hidden; *zoom: 1; *display: inline;
0 votes5 answers -
В IE8 страница улезает влево
В верстке не сильна, только начинаю изучать, так что сильно не пинайте Верстаю страницу и все вроде бы нормально, вот только в IE8 страница уехала влево, хотя должна быть посередине (ширина 900px). margin: 0px auto; не помогает Как справиться?
0 votes5 answers -
Как сделать горизонтальное меню из картинок
Задача вроде несложная - нужно сделать горизонтальное меню, в котором в качестве ссылок будут изображения. Но, почему то эти картинки-ссылки или вообще не отображаются или отображаются как картинки, а не как ссылки. Вот HTML код: <div id="page-menu"> <ul id="menu"> <li><a class="home" href="" title="Главная"></a></li> <li><a class="about" href="" title="О сайте"></a></li> <li><a class="map" href="" title="Карта сайта"></a></li> <li><a class="contact" href="" title="Контакты"></a></li> </ul> </div> Это CSS: #page-menu { float: …
0 votes27 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-