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
-
Вывод комментариев,надо поправить.
По умолчанию в боковом виджете выводится последние комментарии. Но выводятся не как мне нужно,вот скрин.вот скрин Вопрос: как сделать что бы выводился текст комментария,а не всякий мусор.
0 votes8 answers -
Не масштабируемый фон
Допустим есть такой код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin:0;padding:0;} html, body{height:100%;} .back{ width:100%; height:100%; background:url('1 (2).jpg') no-repeat; } </style> </head> <body> <div class="back"> </div> </body> </html> и выглядит все это вот так: если уменьшить страницу, то будет так: с увеличением тоже самое. как сделать так, что бы при изменении страницы фон оставался как на первой картинке?
0 votes14 answers -
Есть ли что-то вроде first-child last-child, которое позволяет задавать стили
Есть ли что-то вроде first-child last-child, которое позволяет задавать стили не для перв. и послед. элемента, а для любого элемента, принадлежащего родителю?
0 votes6 answers -
URL изображения
Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.
0 votes4 answers -
выпадающий список с прокруткой
Интересует как сделать такую штуку, например есть кнопка, при нажатии на нее появляется список (вертикальный), с кнопками (не скроллами) для перемотки содержимого вниз-вверх. Видимую часть списка сделал через новый div с какими то там значениями overflow, не суть, это работает. Проблема вот в чем - незнаю как сделать прокрутку элементов списка, при изменении margin-top или margin-bottom список прокручивается, но только при однократном нажатии. Тоесть я нажал на стрелку "вниз", показался скрытй до этого нижний элемент списка, по идее при втором нажатии должен показаться следующий элемент, но ничего не происходит. код скрипта: function scrolldown(elem) { var obj = doc…
0 votes2 answers -
цвет текста
У меня в самом начале файла css стоит но столкнулся с проблемой!!! в определенном блоке хочу оставить стандартный цвет (черный) color:black; , но почему - то он все равно остается зеленым! Как сделать что бы весь текст в определенном блоке вместе вложенными в него блоками были другого цвета!
0 votes5 answers -
Не подключается функция из jQuery
Имеем: <ul class="menu"> <li><a href="#">О предприятии</a> <ul> <li><a href="#">Наша история</a></li> <li><a href="#">Награды</a></li> <li><a href="#">Совет директоров</a></li> </ul> </li> </ul> Чтобы меню второго уровня плавно разворачивалось при наведении, прицеплен jquery.js и в нем для .menu должна работать нижеследующая функция, но она не работает (нужный кусок кода начинается с комментария //smooth drop downs): function k_menu() { // k_menu controlls the dropdown menus and improves them with javascript jQuery(".me…
0 votes1 answer -
Переход с .html на .php
Дело в том, что все страницы моего сайта были написаны собственноручно. Но так получается, что нужно менять рубрику новости - и я делаю на каждую страницу... да можно в дримвивере по поиску, но все равно хотел бы сделать include - но вопрос ТИц мой, который достал - не упадет ?: )
0 votes7 answers -
Позиционирование блок
Всем привет! У меня есть <div class='top'> <div class="telephon"> ТЕЛЕФОНЫ </div> </div><!-- end top --> Как мне сделать что бы вложенный див отображался внизу внешнего?
0 votes1 answer -
Центрирование Попапа...
Здравствуйте! При центрировании всплывающей формы столкнулся со следующем проблемой: если окно браузера становиться меньше высоты попапа - то содержимое начинает залазить за верх и до него невозможно доскролится... Другие варианты центрирования не подходят т.к. плагин построен именно на этом принципе и если например всё это дело помещать в таблицу(для центрирования) и т.п. то попап просто не функционирует!(почему именно понять по скрипту пока не могу...) Ещё одна проблема заключается в том, что фон на котором всплывает форма в ie-7,8 становится вместо серо-прозрачного чёрным!(браузеры не поддерживают св-во "opacity"!?) P.S. Буду благодарен ,если кто подскажет, что конкрет…
0 votes4 answers -
help
почему не работает ? <html> <head> <style type="text/css"> a:hover { background-image: url(img/1111.png); } </style> </head> <body> <table width="25%" border="1" align="center"> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> </tr> <tr> <th width="12%"><a href="www.google.com"><img src="img/2222.jpg" width="75" height="35" /></a></th> <th width="12%"><a …
0 votes5 answers -
положение картинки
Подскажите как можно разместить 2 картинки в ряд, внизу по центру. размер картинок разный, нужно что бы маленькая картинка была расположена по центру большой. макет прикрепил к теме. ах да, img 2 будет как ссылка, нужно что бы она при наведении изменялась
0 votes7 answers -
РАЗБИРАЮ МАКЕТЫ
ПОМОГИТЕ разбиратся с макетами!Хочу освоить но большие проблемы вот код <!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> <style type="text/css"> *{ padding: 0;margin:0 } body{ height:100%; min-height:100%; overflow: hidden; } #maincontent{ background: red;position: fixed; _position:absolute; right:0;top:0;bottom:0; height:100%; left:300px; /*width:600px;*/overflow: auto; } #framecontent{ position:absolute; width:290px; background: yellow; top:0;left:0;right:0; bottom:0; } </style> </head> <body>…
0 votes1 answer -
Лишние отступы
Подскажите откуда в 1 варианте берутся отступы между пунктами меню и как их убрать? Если делать текст внутри блока див, то все пункты меню слипаются как и требуется. Я уже всю голову сломал, не пойму в чем проблема. <!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" /> <meta name="author" content="stylednavs.com" /> <title>Nozml Styled Css nav</title> <style type="text/css"> *{ margin:0; padding:0; } li { list-style-type: n…
0 votes5 answers -
Прозрачность элемента.
Есть такое прекрасное свойство в css называется «opacity» и оно задает прозрачность элемента. Но есть одна проблема. У меня есть блок <div> я ему задаю прозрачность и весь текст тоже становится прозрачным. А мне нужно, чтобы только бэкграунд стал прозрачным, а текст нет. Как такое сделать?
0 votes14 answers -
плывет куда то вверх!
http://itmages.ru/image/view/292346/a7a7a318 что за?!
0 votes3 answers -
Chrome удручает...
Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом. В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... вотЪ... прилагаю скрины и код: google chrome: firefox: сделал видными границы border="1" код с элементом таблиц: <div align="center"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td colspan="6" width="100%"> <img src="header.bmp" width="100%"> </td> </tr> <tr> <td colspan="6" width="100%"> <table cellspacing="0" width="100%" cellpadding="0" border="0"> <tr> <td width="…
0 votes11 answers -
Опять про количество nav на странице
Сейчас верстаю, у меня на сайте аж три блока nav (каталог услуг, сгруппированный по двум разным признакам, и список страниц вроде "Контакты", "О нас" и т.п.), причём ещё каждый продублирован в подвале – итого шесть. Это как, не многовато? Вопрос вдогонку: можно вкладывать внутрь nav два ul-списка? В моём случае что-то типа <nav class="services"> <ul class="services-by-user"></ul> <ul class="services-by-type"></ul> </nav> Целесообразность такой группировки услуг оставим в стороне, это не я решаю.
0 votes1 answer -
Бывает ли Русская рыба?
Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?
0 votes4 answers -
Блок в блоке,сохранение состояния предка
Добрый день! Столкнулся с проблемкой: есть такая структура: <ul> <li><a><img src="images/xxx.jpg"</a><div class="text">текст описания</div></li> </ul> Должно выглядит это следующим образом: Когда мышка не наведена: на объект выводится картинка, на ней выводится текст, ближе к низу. Картинка в рамке. Когда мышка наведена: цвет рамки и текста меняется, текст становится подчеркнутым, рамка меняет цвет. Это все реализовано, но возникает баг - когда мышка наводится на текст, рамка меняет свой цвет на тот, который был!! Как сделать так чтоб цвет рамки оставался прежним, когда мышка наводится на текст? Посоветуйте пожал…
0 votes3 answers -
Текст смещается!
вот собственно в чем проблема. при нажатии ctrl и прокрутке колеса, вот такая вот история...текст влево смещается и уменьшается, а он не может на своем месте уменьшатся? почему он смещается?!
0 votes3 answers -
Block position: absolute - ширина блока
Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?
0 votes5 answers -
Проблемы с кроссбраузерностью
Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.
0 votes4 answers -
Фикс-Резина-Фикс
Здравствуйте, возможно уже обсуждалось (если да то обязательно поищу), но хотелось бы узнать можно ли сделать на дивах такое: <table> <tr> <td width="200px"> Lorem ipsum dolor sit amet, praesta enim formam unitas reddere nominabat princeps </td> <td> Lorem ipsum dolor sit amet, cellam modico illius famem sago specie de </td> <td width="200px"> Lorem ipsum dolor sit amet, nutrix rex in deinde vero diam dominum sit aliquip ipsa hospes. Bene dictis veni perfrictione cogente iniquam deus Hellenici silentio 'genus ei, reflexionis suo Proiciens te princeps ea com </td> </tr> </table> Сделал бы…
0 votes3 answers -
Блок поверх флэша
Привет всем. У меня все время появляется проблема с видимостью блока когда на сайтах есть флэш. Как бы блок не могу отображать поверх него. Это мне надо например в меню, под меню находится флэш и когда наводиш выпадающий меню из-за флэша не виден. Я посмотрел только Opera правильно показывает а все остальные браузеры игнорируют z-index. Что можно делать в таком случае? Создал простой документ для наглядного просмотра http://jsfiddle.net/CAM9B/1/ Там напишите .flash-banner {display:none} и увидите блок а так он под флэшом
0 votes2 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-