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
-
Смена текста при наведении
Нужно правильно реализовать такую штуку: Есть ячейка таблицы ( <table><tr><td>Какой-нибудь текст</td></tr></table>), как правильно добавить атрибуты onmouseout и onmouseover к тегу <td>, чтобы при наведении мишки содержание изменялось на другой текст, ну и соответственно наоборот.
0 votes2 answers -
Формирование и запись мета тегов.
Всем привет. Тот кто пишет, скрипты наверно постоянно сталкивается и с автоматизированным формированием meta тегов. Интересует их корретная запись и вывод на html страницу. Читал несколько статей , но все пишут по разному. tittle META Name="keywords" Content=" <META Name="description" Content=" В приведенных выше тегах. Хочу понять расстановку знаков препинания, а именно точек и запятых , необходимость заглавных букв и кол-о знаков. т.е. Какой из титлов наиболее правилен <tittle>Рыба, конь, собака, дом.</tittle> <tittle>Рыба, Конь, Собака, Дом.</tittle> <tittle>Рыба. Конь. Собака. Дом.</tittle> Часто получается при выводе…
0 votes2 answers -
Как поставить заглушку для IE6?
Нужно, чтобы, при открытии сайта в IE6, появлялась страница или окошко поверх сайта с рекомендациями к обновлению (в противном случае некорректное отображение и бла-бла-бла). Что-бы пользователь мог обязательно выбрать: обновить браузер или смотреть сайт в этой версии. Как лучше реализовать этот момент?
0 votes2 answers -
"Перелинковка" картинки на видео
Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube
0 votes2 answers -
Главная страница!
Здравствуйте! Возникла вот такая проблемка: делаю сайт на денвере, и при вводе названия сайта в ИЕ меня бросает не на главную страницу сайта (index.php) а в папку со всеми документами о сайте. Скажите плз как это изменить? З.Ы: прикольно сайт переделали!=)
0 votes2 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>one</title> <script src="jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { var $topLinks2 = $('#tab-nav > ul > li > a'); $topLinks2.click(function() { var $parentItem = $(this).parent(), slideAmt = $(this).next().width(), direction; $…
0 votes2 answers -
a:hover span в ие6
Данный стиль не работает в ие6 a span { display: none; } a:hover span { display: block; } Есть статья про этот баг ие6, но там все рассмотрено на примере text-decoration и background http://blogto4ka.ru/html-css/ie6-bug-ahover-span.html Возможно решить эту проблему без скриптов?
0 votes2 answers -
Подскажите, как создать самообновляющиеся сраницу
Подскажите как можно сделать самообновляющиеся каждую минуту страницу? Заранее спасибо
0 votes2 answers -
Проблемное меню
В вёрстке как бы не новичок, но возникла заминка с меню. Реально ли сделать в точности как на изображении? Начал делать, само собой разумеется, списком. Но пока получается не айс...( Спасибо.
0 votes2 answers -
CSS3 PIE и overflow: hidden
Попытка добавить PIE сопряжена с проблемами которые описываются тут. В общем нужно добавить тени на блоки часть которых должна быть спрятана с помощью overflow: hidden, после добавления PIE блоки не прячуться. Там даются решения этой проблемы которые я не понимаю. Кто нибудь решал данную проблему? Нужно: получилось:
0 votes2 answers -
Статический фон сайта
Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.
0 votes2 answers -
Поблема с работой в Safari
Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…
0 votes2 answers -
CSS: альбомная ориентация при печати
Имеем ряд страниц с достаточно широкими таблицами. На печати при книжной ориентации они обрежутся, а в альбомной как раз как надо. Таблицы, кроме того, что широкие, еще и длинные. Правильное решение @page { size:landscape; }работает в Opera, не работает в Internet Explorer, Firefox, Safari, Chrome. Окей, забудем про валидность и вспомним, что есть хаки. С их помощью мы повернём наши таблицы на 90°, а ориентацию бумаги оставим, как есть: body { -webkit-transform:rotate(-90deg); /*Safari, Chrome*/ -moz-transform:rotate(-90deg); /*Firefox*/ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /*IE*/ } Но хаки тоже счастья не приносят: нижняя часть таблицы срез…
0 votes2 answers -
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
Ошибка в практикуме!
Добрый день! Недавно попал на ваш сайт,и начал активно читать,пробывать! В общем защёл в практикум,решил посмотреть задания..выбрал что по проще( http://htmlbook.ru/practical/tsvet-fona-i-teksta-dokumenta ) Защёл в решение,скопировал код,все сделал как пологается,залил на хост,ну и В общем оттображаются какието иероглифы!( http://avto177.hut2.ru/1.html/ ) Может быть это у меня проблемы с кодировкой,даже не знаю в чём и дело..
0 votes2 answers -
Как такое сделано...
_http://good-freesoft.ru/ Видите слева ползёт небольшая панелька, наведите на неё курор. Как такая панелька работает? Как она ползёт за экраном?
0 votes2 answers -
Плавающая картинка справа
В общем ситуация такая. есть шапка сайта в виде картинки. Есть еще картинка той же высоты, но уже. с абсолютным позиционированием.(потому как она должна накладываться поверх шапки). Необходимо сделать так,чтобы эта картинка была прижата к правому краю брозера и отступала от него скажем на 100 пх. И при расширении окна браузера она должна оставаться справа, но с отступом от правого края как 100 пх. Спасибо. По сути она должна плавать поверх шапки, с отступом от правого края на 100 пх.
0 votes2 answers -
Некорректное отображение таблицы в IE6
Всем привет. Имеется вот такой 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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Тест</title> <style type="text/css"> table { width: 548px height: 340px; background: red; } td { width: 512px; height: 62px; background:green; color:white; } </style> </head> <body> <table cellpadding="16px" cellspacing="18px"> <tr><td>Текст…
0 votes2 answers -
Chrome и соседние селекторы
Странно, нигде в интернете не видел упоминания об этом. Совершенно случайно обнаружил, что хром некорректно обрабатывает селекторы соседних элементов. Скажем, если я хочу выделить с их помощью второй элемент в списке, то выйдет всё совсем не так, как хотелось бы. См. комментарии в коде. <!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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Red Preved</title> <style> dd:first-child + dt { color: red; /* …
0 votes2 answers -
Проблема с background'ом
Приветствую. Помогите разобраться. Имею такой код: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title></title> <style type="text/css"> .main{width:760px;margin:0 auto;} .left{width:499px;float:left;} .right{width:258px;float:left;border:1px solid black;border-top:0px;font-family:Arial,sans-serif;font-size:14px;} .line{background-image:url(image/line.jpg);background-repeat: repeat-x;font-family:Arial,sans-serif;color:#fff;font-weight:bold;font-size:18px;padding-left:5px;} </style> </head> <body> <div class="main"> <div class="left"> <div class="…
0 votes2 answers -
Как отцентрировать div с float: left?
Как отцентрировать div с float: left? что та не получается, а это вообще возможно? или как отменить родительскую ширину? у меня блок с ценой тянется на всю ширину, а мне надо тока под ширине тексту который внутри блока. http://s016.radikal.ru/i337/1104/3e/351ca8d52474.jpg <div class="product_options"> <div class="price_block"><div class="price_block_right"> <span class="number_price">28990 руб.</span> </div></div> <a href="#">Apple iPhone 3GS 8 ГБ (Черный)<br />MC637RR/A</a> </div> .product_options{ text-align:center;} .price_block{ height:24px; background:#000; color:#fff; font-size:14px; line-height…
0 votes2 answers -
Бордюры в IE
SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?
0 votes2 answers -
Маркерный списки, проблемы с Opera
Доброго времени суток! Открыв через Оперу эту страничку, при работе с навигационным меню, можно сразу понять в чём проблема. http://drew.hut2.ru/ все стили для меню в sh.css. Очень нуждаюсь в помощи.
0 votes2 answers -
Немного неточное выравнивание
При выравнивании строчных элементов столкнулся со следующей проблемкой: vertical-align:middle немного неточно выравнивает строчный элемент (в случае если контейнер четной высоты px) - в разных браузерах по разному (см. картинку) собственно код: HTML: <!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>1px_top_gap</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/sty…
0 votes2 answers -
Не могу убрать галочки списков в меню
На сайте http://moscow.domolink.ru/internet/ Если открыть любой пункт меню, то в подменю вы увидите дебильные треугольнички списка. Я уже попробовал в стилях добавить: #left-menu ul li li a, div.leftmenu ul li li a { list-style-type: none; } #left-menu ul li li a { list-style-type: 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/
-