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
-
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 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 -
меню
Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??
0 votes6 answers -
Полосы при создании фона
Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?
0 votes7 answers -
Как поднять content?
Доброе время суток! Как поднять content вверх к хедеру, но при этом чтоб sideLeft остался на месте? Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="…
0 votes4 answers -
вопрос по list-style-type
Вопрос следующий: мне нужно сделать список где цифры должны быть выделены жирным шрифтом а все остальное обычном Пример: 1. Бла бла 2. Бла бла 3. Бла бла Нумерацию я делаю через decimal. т.к. если ставить none то строки будут переноситься под цифру Пример: 1. Бла бла бла бла бла бла бла а нужно что бы было Пример: 1. бла бла бла [пробел]бла бла бла Так вот... как мне сделать нумерацию жирным шрифтом? )
0 votes2 answers -
Проблема с плеером на сайте ucoz
Здравствуйте! Я понимаю, что ucoz здесь не приветствуется, но все же, может, кто-нибудь подскажет решение задачи... А проблема в следующем: На этой странице http://grafikaplus.ucoz.ru/forum/7-3-1 стоят плеера прослушки (2 вида), у кого-то звук идет нормально, у кого-то вообще не идет. Причем и браузеры разные, и флеш у людей установлен. В чем проблема? Есть решение? Заранее спасибо!
0 votes12 answers -
концептуальное отличие B от STRING и I от EM
Сабж. Не могу понять, зачем нужен B и I. Смотрим DTD xhtml 1.0 strict: так в чем разница?
0 votes7 answers -
Что значит подобная записть?
В CSS: Индификатор же определяется так Встретил в коде такое.
0 votes4 answers -
Расстояние между div если внутри список
вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?
0 votes38 answers -
про карусель и <MARQUEE>
Итак, имеется следующее задание: есть ряд картинок, открывающихся в увеличенном формате во фрейме, картинки должны пролистываться, при нажатии на одну из них, получаем ее большого размера. но прокрутка работает лишь тогда, когда не указаны ссылки. Подскажите, можно ли реализовать все-таки на <MARQUEE> такую задачу?
0 votes4 answers -
Как быть с тэгами index/noindex?
Заказчику сеошники втирают про просто-таки жизненную необходимость присутствия на странице не предусмотренных ни одной спецификацией тэгов <index> и <noindex>. Я сама в теме seo где-то около полного нуля, и возразить ничего не могу, даже если и существуют увесистые соображения против. При этом когда вижу красную реакцию валидатора на свою страницу, всё внутри переворачивается, естество восстаёт, а совесть спать спокойно не даёт. Как быть?
0 votes8 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 -
Буквы разных цветов в одной строке.
Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?
0 votes1 answer -
Дергается браузер в Opera
Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.
0 votes33 answers -
Возможно ли разрешить вводить в <select> свои значения,...
Понимаю, что select предназначен для выбора значений, а не ввода. Но очень хочется заполнить select option'ами из базы (с помощью PHP) и разрешить пользователю ввести свое значение туда же. Раньше в delphi немного програмил, там это спокойно получалось. Поэтому очень не хочется после select'а пихать какой-нибудь доп. input Подскажите, пожалуйста, возможно ли это?
0 votes6 answers -
Выравнивание
http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами
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 -
стили картинок в джумле
Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.
0 votes5 answers -
Как убрать зазор между блоками в ИЕ6
В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html
0 votes7 answers -
Выпадающее меню :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 -
Табличная верстка
Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.
0 votes1 answer -
.htaccess
Привет всем! Помогите со след.проблемой , подскажите коды редиректа которые нужно прописать в .htaccess, чтобы перенаправляло на главную страницу сайта вместо sait.ru/index.html заходил на sait.ru и как я понял для каждого вида страниц отдельный код, если не трудно пропишите тут и для index.php Всем заранее спасибо! Потом тему можно удалить на php нашел DirectoryIndex index.php RewriteEngine On # Редиректы RewriteRule ^page/(.*)$ index.php?cstart=$1 [L] но что то не работает... (( мне на поддомен надо, может путь надо указывать? если то как? DirectoryIndex index.html index.php index.shtml map.html нашел в инете
0 votes1 answer -
IE7 появляется отступ
Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу. Вот страничка, например. Причем, глюк проявляется только в каталоге. В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе. UPD: логин/пароль для входа на сайт: km Сайт просто еще в работе.
0 votes8 answers -
Сортировка таблицы - мелкая деталь
Как сортировать таблицу на HTML+JavaScript? Несложно нагуглить объяснения и готовые решения с описаниями. Однако все то, что мне удалось найти, рассматривает задачу как единое целое, и ответ на интересующий вопрос приходится "выкавыривать" из описания и примера. (При этом нет уверенности что эта "выковырянная" информация правильная). На самом деле задачу нужно рассматривать как несколько относительно независимых задач 1. Событие, по которому надо сортировать таблицу по той или иной колонке. 2. Применяемый алгоритм сортировки, написанный самостоятельно, или же использовать встроенную функцию 3. Функция сравнения (простые варианты - сравнивать как числа, сравнивать как стро…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-