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
-
Резиновый слайдер со скроллбаром
Возникла потребность узнать, а существуют ли вообще в природе такие слайдеры. Даже на jQuerry UI обнаружил то, что итоговая ширина для всей линейки слайдов всё равно фикс. Резина нужна не для самого окна со слайдером, а для всей линейки слайдов.
0 votes10 answers -
"Подсветка" заголовка активного раздела... как?
Имеется страница с таблицей. В ячейках таблицы - ссылки... Ссылки - передают ID раздела и ID элемента в ПХП модуль фотогалереи... пример: Все процедуры производятся только в пределах этой страницы - переходов никаких нет... Просто показываем разный набор картинок для разных ссылок... И вот вопрос!!! Очень нужно, что бы выбранная ссылка (раздел) меняла цвет после выбора и так и оставалась до следующего выбора... Как бы подсветка заголовка... Посмотреть можно по ссылке выше... Очень надеюсь на помощь так как сам не программист и сам не могу додуматься как это реализовать ((( Для справки - сайт крутится на БИТРИКСЕ... Но я не думаю что это важно...
0 votes7 answers -
Помогите найти ошибку в CSS
Есть HTML код: <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body class="body"> <center> <div class="all"> <div id="logo"> <div class="logo1"> <a href="index.php" style="font-size: 25px; float: right;">Юридическая фирма <br/> <b style="font-size: 35px;">"Империя права"</b></a> </div> <div class="logo2"/> </div> <div class="div"> <div id="menu"> </div> </div> <div id="container"> <…
0 votes6 answers -
Загрузка страницы
Подскажите, пожалуйста, как правильно дать ответ на след. задачу: При медленной загрузке, страница отображается криво. Уезжает справа налево. Пример, http://news.mail.ru/politics/2920010/ (Например, в FireFox) Но когда страница загружена полностью, все отображается нормально. Можно ли это как-то исправить, или как объяснить это руководителю?
0 votes8 answers -
Проблема с CSS
Помогите пожалуйста найти ошибку. пятый день мучаю шаблон. Суть проблемы вот в чем: перенес сайт на Joomle но весь текст материалов, с права и слева уходит за рамки видимость, в следствии часть текста обрезается. Сайт глянуть можно здесь Ниже файл CSS /* CSS Document */ /*————————————--body—*/ body, td, th, div, p, label, input { color:#7c838a; font:normal 12px/19px Arial, Helvetica, sans-serif; } input, select { color:#595959; } a{color:#066ba9;} a:hover { color:#066ba9; text-decoration:underline; } a:hover {text-decoration:none} a, button, .button{ cursor:pointer;} /*———————————————————-content—*/ /*—————————--article_settings-*/ .pagenavcou…
0 votes1 answer -
В хроме не срабатываеет медиа-запрос при экране менее 784 (решено)
Страница: http://seositi.ru/ в мобильной версии разделы сайта должны быть во всю ширину. @media only screen and (max-width: 479px) { *** .site-categories ul li { float: left; display: table; width: 96%; margin: 0 1% 20px; padding: 10px 1%; // border-radius: 5px; height: 100px; max-height: 100px; } *** } в лисе и Яб-е, все ок. а в хроме почему-то не срабатывает @media only screen and (max-width: 479px) { и применяется прежний стиль, а именно only screen and (max-width: 991px) and (min-width: 768px) Попытался выяснить в чем дело: Полностью очистил файл respo…
0 votes0 answers -
Активный пункт меню в квадратных скобках
Добрый день! Меню на моем сайте реализовано с помощью списка, который формируется динамически, оформляется шаблоном с помощью css. При наведении курсора на пункт меню требуется выделить его, заключив в желтые квадратные скобки: Реализовать нужно с помощью css с поддержкой всеми браузерами, в т.ч. IE6. Как это лучше сделать? Спасибо!
0 votes12 answers -
Как изменить соотношение (font-size-adjust) высоты шрифта к ширине
Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо
0 votes6 answers -
Обёртка с тенью и футер
Доброй ночи. Вчера по совету одного форумчанина я сделал тень у сайта с помощью css стиля box-shadow. Я обернул весь свой сайт в div и дал этому диву стиль. Но сейчас я заметил, что теперь футер не прижимается к низу браузера, что впринципе и логично, но вчера я об этом не подумал. Сейчас я пробовал делать 2 обёртки. Отдельно для wrapper и отдельно для футер, но получается тоже не совсем то, что нужно. Да и видимо это совсем уж искусственный способ. В общем посоветуйте как это можно реализовать. Мне надо, чтобы тень у сайта была и футер прижимался. Вот ссылка для наглядности: http://deluxe-okna.ru/production/index.php
0 votes9 answers -
Неправильно работает CSS по атрибуту в Chrome
Заметил я что в CSS можно прописывать свойства не только для существующих тегов, но и для любого сочетания букв, и решил написать свой тег. Всё вроде бы работает, но одна проблема — в Chrome свойства для spoiler[type="img"] отображаются не только для тега <spoiler type = "img"> но и для всех тегов <spoiler>. Если открыть просмотр "Исходного кода элемента", и там сделать с этим тегом что-нибудь, то всё приходит в норму. Код HTML: <!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta charset = "utf-8"> <link rel="stylesheet" href="spoiler.css"> </head> <body> Текст текст текст &l…
0 votes11 answers -
Smarty - разбить на столбцы
Всем привет! Не могу понять или найти решения. Если есть у кого минут, подскажите пожалуйста. Есть некий цикл <ul> {foreach name=aussen item=data from=$content} <li>бла бла бла</li> {/foreach} </ul> в нем выводится список, допустим, категорий. В списке может быть 2, а может 10, а может 50 записей. Как можно сделать, чтобы билось на колонки? Т.е. чтобы в списке было, к примеру по 6 категорий. При этом количество колонок изначально не известно. На примере. В списке 10 категори Категория 1 Категория 2 Категория 3 Категория 4 Категория 5 Категория 6 Категория 7 Категория 8 Категория 9 Категория 10 на выходе получить Категория 1 | Категория 4 | Категори…
0 votes6 answers -
Как растянуть SVG всю ширину блока?
<div class="logo"> <a href="/" class="logo-link"> <img src="/logo.svg" class="logo-svg"> </a> </div> .logo { width: 250px; height:100%; } Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок. Если выбрать GIF лого - оно само растягивается. SVG же автоматом уменьшается визуально. как я понял, надо что-то в самом свг поправить: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve"> Пробовал менять preserve на defa…
0 votes2 answers -
Вложеная таблица едет вниз
Други мои, посоветуйте... Забодался я уже. Есть таблица. Две колонки. Левая - фиксированая. Меню, новости. Правая - основной контент. В правую вставляется текст, таблица. Так вот эта подлая таблица лезет вниз ячейки. <td valign="top">, само собой, CSS, конечно! Но все равно эта вложеная таблица лезет вниз! Вот примерный код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0">…
0 votes9 answers -
что прописать в css?
Имею вот такую конструкцию: <td valign="top" height="25" background="/images/003_03.gif"><div id="tabs"> <ul> <li><a href="http://sait/"><span>ГЛАВНАЯ</span></a></li> <li><a href="http://sait/"><span>КОНТАКТЫ</span></a></li> <li><a href="http://sait/"><span>ПОМОЩЬ</span></a></li> </ul> </div></td> c css : #tabs { float:left; width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; back…
0 votes6 answers -
Неправильно работает в IE
В Опере все нормально отображается ,а в IE почемуто верхнее меню перекосило. А у бокового картинку вообще не выводит. http://astoria.jino.ru/
0 votes9 answers -
фиксированный див при скролинге
Здрасьте! подскажите ссылкой или примером, очень буду благодарен за помощь в следующей проблеме. Итак: если Mozila, Opera, Netscape понимают fixed, а какя альтернатива есть для IE ? спасибо откликнувшимся !!!
0 votes3 answers -
!DOCTYPE
столкнулся с проблемой, что IE & FF понимают x-small на порядок по-разному. также разница интерпретации заголовка пятого уровня H5 среди множесва доктайпов, которые, мне подсказали, помогут исправить ситуацию, не могу выбрать верный. есть опасение, что одно он вылечит, другоме поломает. есть ли в этом вопросе определённость, или легче сделать ручками?
0 votes5 answers -
расстояние между букв меньше чем по умолчанию
Приветствую, дизайнеров хлебом не корми, дай уменьшить расстояние между букв в заголовках и подобных вещах и "придвинуть" буквы друг к другу. Насколько я понимаю средствами css такое сделать нельзя? letter-spacing дает только увеличить расстояние между букв. Возможно есть еще какие то хорошие варианты реализации, на js например?
0 votes5 answers -
Позиционирование и обтекание
На данный момент есть вот такой код: <div style="width: 206px; height: 80px; background:#9F6; position:relative;"> <div style="float:left; width: 50px; height:19px;"></div> текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст<div style="float: right; width: 50px; height:40px; background:#C06; float:right;"></div> И вот такой блок в результате Как красный блок зафиксировать в правом нижнем углу зеленого и чтоб его обтекал текст слева и сверху, без абсолютного позиционирования? (сейчас чем больше текста, тем ниже смещается красный блок )
0 votes7 answers -
Проблемы с динамическим меню
Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты…
0 votes8 answers -
Сверстать нестандартный шрифт condensed
Надо сверстать буковки нестандартным шрифтом. Хотела использовать cufon, но у меня шрифт мало того, что нестандартный, но еще и condensed. А cufon, я так поняла, может генерить только нормальный, жирный и италик шрифты. Собственно вопрос: это вообще возможно?
0 votes9 answers -
Структура блога на HTML+CSS
У меня есть скромный сайтик http://куз.рф по компьютерной помощи в своем городе. Дабы продвинуть его в поисковиках, решил сделать некий блог, по вопросам компьютерного ремонта, аля How to. (кстати, если кто нибудь подскажет, что еще можно сделать для продвижения - буду признателен*) Создан сайт на фреймворке simpliste, и ни о каких БД речи не идет. Структура простая: несколько страничек html, папка css, папка с изображениями. Я примерно так себе это представляю: Чтобы сделать нечто похожее на блог, я должен создать страничку, скажем http://мойсайт.ru/blog.html, в которой будут обрывки статей, и ссылки на отдельные странички (в папке blog), с видом http://мойсайт.ru/blog/с…
0 votes5 answers -
высота промежуточного div'а в IE6
Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…
0 votes2 answers -
как в html делается аналог тега background-repeat: "no-repeat"
как он выглядит в теле?
0 votes1 answer -
Макет с выравниванием по центру и маштабирование.
Здравствуйте. Я недавно начал изучать позиционирование с помощью CSS. Возник следующий вопрос после изучения сайта http://www.mozilla.org/. Как мне показалось, ресурс использует выравнивание по центру с фиксированной шириной, но при этом область контейнера масштабируема до определенного предела. Как реализовать выравнивание по центру с фиксированной шириной я имею представление: #container { position: absolute; left: 50%; width: 800; margin-left: -400; } Подскажите - каким образом реализуется макет с данного ресурса? А именно каким образом при фиксированном размере контейнера добавить возможность его сжатия до определенного предела при масштабировании? Или если т…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-