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
-
Не получается отменить дефствие float
Не могу отменить действие свойства float. Например, есть несколько элементов выстроенных в ряд флоатом. Как-то можно из сделать каждый с новой строки не убирая флоат? Вот пример: http://jsfiddle.net/yhkp3d15/
0 votes2 answers -
Не работает jq-selectbox на iPad и в его эмуляции в хроме
Здравствуйте, ребята. Плагин jQuery Form Styler На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.
0 votes4 answers -
Можно ли <ul> и <ol> вставлять в <li>?
Здравствуйте, Можно ли <ul> и <ol> вставлять в <li>?. Т.е. к примеру такой вот код <dl> <ul> <li>Розничные покупатели</li> <ol> <li>Каталог товаров</li> <dt>Велосипеды</dt> <dd>Стоимостью до 1000 гр</dd> <dd>Стоимостью до 2000 гр</dd> <dt>Самокаты</dt> <dd>Стоимостью до 100 гр</dd> <dd>Стоимостью до 400 гр</dd> <dt&g…
0 votes3 answers -
Высота слоя в 1 пиксель
Пишу класс в css: .line-red { background: #f00; height: 1px; clear: both; line-height: 1; font-size: 1px; } В HTML: <div class="line-orange"> </div> Хочу сделать горизонтальную линию высотой в 1 пиксель. В FireFox и ИЕ7 - она таки да - 1пк, а вот в ИЕ6 - заметно больше - пикселей 3 точно. Почему так? Подскажите пожалуйста.
0 votes7 answers -
Smarty vc {section}
Приветствую. Кто имел опыт работы со смарти, подскажите пожалуйста как передавать значение одной переменной из внешнего цыкла во внутрений? пример: {section name=i loop=$categories_tree} {if $categories_tree[i].categoryID != 1} {* main level menu *} {if $categories_tree[i].level == 1} ... foo ... {* sub level menu *} {else} <ul> {section name=j start=i loop=$categories_tree} ... foo ... {/section} </ul> {/if} {/if} {/section} В данном случае интересует как передать значение "i" для start (внутренний цикл), или же как присвоить значение "i" для "j"? Спасибо.
0 votes5 answers -
Гиперссылки
Есть флэш-галерея, которая находиться в папке flash При попытке запихнуть ее в html файл ничего не происходит, картинки не отображаются как надо. Подключаю в html через след. код: <embed src="flash/xml_photogallery_ver_1.swf" width="850" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Галерея берет картинки из xml файла. Когда запуская просто из папки. все работает замечательно Если файл index переместить в папку с галереей, то так же все работает замечательно. Явно проблема со ссылками
0 votes10 answers -
Наложение, без позиционирования.
Всем привет. Столкнулся с такой ситуацией. В общем у меня есть два элемента. Покажу на рисунке, так нагляднее. из него нужно получить вот такое: Но вроде бы все просто, вот только есть - но. позиционирование использовать нельзя. Почему? просто этот контент не статический и будет со скролом двигаться, и при позиционировании(relative) в IE6 остается на месте. Возможно предложите как сделать чтобы при прокрутке перемещался элемент. Вот в общем я эксперементировать и вот что получил: <!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>…
0 votes16 answers -
Проблема с FLOAT в Опере 9.5
Стандартно выстроил блоки в ряд с помощью свойства FLOAT:LEFT, но в Опере отображается с отступом (см. скрин). Макет резиновый, ширина блоков задана в процентах. Почти во всех браузерах нормально отображается, ну, немножко край выпирает (обведено красным), но не существенно. А вот, именно в Опере очень существенно! Подскажите, пожалуйста, есть ли какой-нибудь хак или способ исправить это глюк в опере? Заранее благодарен. скрин
0 votes10 answers -
display:table-cell и firefox
Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся
0 votes2 answers -
противная пунктирная рамочка вокруг ссылок в FF после нажатия оных
КАК УБРАТЬ? вопрос уже был, я точно помню, но оказалось, что не взял во внимание, потому что в избранных ссылках не наш?л ничего подобного. и после долгого поиска по форуму тоже никаких результатов я не поимел. уж сил нету, час какой - 6 утра! буду одинаково благодарен за помощь на месте или за ссылку на тот топик, который утерян для меня навеки)
0 votes12 answers -
наложение текста на изображение
Привет! Перечитал все вопросы и ответы по данной теме, но у меня вопрос такого содержания.Фоновое изображение задано, на нём размещены 3 картинки в ряд (по горизонтали).1.Как в сss прописать,чтобы они были по горизонтали,а не вертикали? 2.Как на этих картинках написать текст и чтобы он попадал на центр данных картинок и не выходил за их рамки?Пробовал так : <div style="background: url(dal.jpg) no-repeat top left;">текст</div>,но только 1\10 часть картинки появляестся с текстом на ней.Работаю не с таблицей,а с div-ами. И ещё: 3.Расстояние между картинками задаю при помощи ,но их нужно очень много ставить.Есть ли другой вариант?
0 votes9 answers -
Где-то ошибка в сценарии.
Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <html> <head> <title>Index</title> </head> <BODY> <FORM><DIV STYLE='color: blue; text-decoration: underline'&…
0 votes9 answers -
Проблема с "display: block" при разметке в XHTML
Привет всем! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #menu { font-size: 13px; } #menu a { display: block; float: left; height: 32px; border: 1 solid gray; padding: 0 10 0 10; line-height: 32px; background-color: lightgray; } #menu a:link, #menu a:visited, #menu a:hover { color: black; text-decoration: none; } </style> </head> <body> <div id="menu"> <a href="item1.html">Item_1</a>…
0 votes12 answers -
Резиновый сайт с помощью CSS и DIV.
Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.
0 votes3 answers -
Переход на страницу без перезагрузки
Здравствуйте форумчани, подскажите каким образом сделать переход по страницам без перезагрузки страници. Есть Меню сайта, по высоте сайт большой. При нажатие на пункт меню страница опускалась до блока контента где будет нужная информация. Буду очень благодарен за ответы.
0 votes7 answers -
Как сделать вогнутый блок?
Как сделать, чтобы слайдер был вогнутый с одной стороны? Пример:
0 votes3 answers -
не активная ссылка активной страницы
Такая проблема, никак не могу сделать так, что бы активная ссылка на страницы была обычным текстом, т.е. что бы страница не ссылалась на саму себя. И вообще, реально ли это?
0 votes7 answers -
как увеличить расстояние между группой цифр
как увеличить расстояние между цифрами через css: 7772255, нужно чтоб было 777 22 55 спасибо. Стандартными методами пробовал меняет интервал между цифрами!
0 votes5 answers -
Подгрузка контента
Ситуация такая: нужно в какой то контейнер (предположительно div) подгружать контент. Например: на странице есть блок с новостью. под ней ссылка: Читать следующую новость, при нажатии на которую без перезагрузки страницы грузится следующая новость. Браться они могут откуда угодна txt или другой хтмл. Знаю что реализовать это можно с помощью аякса, но можно ли как то обоитись без серверных языков? чистым js или еше как-то? самому в голову пришло две вещи,но они обе не нравятся: 1. создать к примеру 5 слоев, один видимый, а ссылкой управлять видимостью слоев. Проблема: не сделаешь много слоев-увеличивается размер страницы. 2. реализовать на флеш. Проблема: у юзера должен ст…
0 votes8 answers -
Как заствить ИЕ понимать overflow:hidden;?
Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь
0 votes17 answers -
"склеить" HTML и JS, прописанный в txt
дело такое: в файлике txt написан JS. что нужно прописать в HTML, чтобы скрипт мог использоваться страницей?... надеюсь, что изложила проблему понятно)) помогите примером каким-нибудь, пожалуйста!! заранее спасибо)
0 votes17 answers -
Float, Clear... или я усложняю?
Такой макетец: ┌──────────────────────────────────────────────────┐ │ │ │ Каля-маля │ │ ┌───────────┐ │ │ │ │ ☻ 111111 │ │ │ │ ☻ 222222 │ │ │ Рису- │ ☻ 333333 │ │ │ нок │ │ │ │ │ │ │ │ │ │ │ │ │ ☻ 44444 ☻ 55555 │ │ └───────────┘ ────────────────────────────── │ │ │ │ │ │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────┘ Соответственно - картинке задаю float: left, тегу списка 1-2-3 - тоже, но не догоню, как прижать горизонтальный с…
0 votes11 answers -
Отступы в списке
Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…
0 votes33 answers -
div. Опоясать картинку
DIV .login{ background: url("/imgs/login.jpg") no-repeat center; }Но див имеет высоту, которая зависит от input'ов в нем, а я хочу, чтоб он растягивался на всю картинку.
0 votes16 answers -
inline-style
Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-