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
-
padding проблемы
у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…
0 votes8 answers -
Скролинг fixed позиции, с закрытием другого блока
Здравствуйте! Подскажите, пожалуйста, как при скролинге страничке, сделать, что бы div2 вставал на место div1 (т.е. уходил верх)? При скролинге в топ - блоки возвращались на свою позицию. Спасибо! Код на http://cssdeck.com/labs/i1jxnjzh <html> <title>hello word</title> <style> body{ margin:0px; padding:0px; } .div1 { width: 100%; text-align: center; background-color: #e1e1e1; height: 40px; line-height: 40px; } .div2 { width: 100%; text-align: center; background-color: #888888; position: fixed; height: 30px; line-height: 30px; } .div3 { margin-top: 30px; } </style> <head> </head> <body> <div class="div1"> hello, hide …
0 votes4 answers -
Организация структуры заголовков
Здравствуйте. Не думал, что докачусь до такого вопроса, да и нечто подобное на форуме уже рассматривалось несколько лет назад, но вот хочется освежить и прийти к какому-то четкому решению или алгоритму. Давно и твердо был убежден, что заголовков H1 на странице больше одного использовать не следует (явного такого требования нет, но это естественно, такой заголовок будет «корнем» структуры документа). При этом я делал заголовком первого уровня название сайта. Хотелось создать одинаковый «корень» на всех страницах, при этом заголовки основного содержимого начинаются с H2. Я придерживаюсь сквозных уровней заголовков для всех структурных элементов типа article, section и…
0 votes9 answers -
Собственные теги для форматирования текста. Допустимо?
Обычно я для форматирования текста беру стандартные теги, типа <i> и <b> и задаю им тот стиль, который мне нужен. Вопрос, честно, дурацкий, но не могу уснуть из-за него: Могу ли я применять собственные теги с заданным набором правил? И чем это черевато? В простом виде: мне нужно красный цвет и пунктирную линию для некоторых слов. Чтобы не занимать стандартные теги, то задаю эти свойства в <jopa>свой тег</jopa>, который уже дальше могу по необходимости дополнить стандартными.
0 votes8 answers -
кнопка меню - прямоугольник под наклоном
Добрый день. У меня кнопки меню в виде прямоугольников под наклоном: создала с помощью transform: http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom Все замечательно, только не знаю как сделать, чтобы в последнем пункте меню справа не было наклона, то есть нужно как на этой картинке
0 votes5 answers -
Как обновить карту в млдальном окне
Привет. Есть кнопка с описанием "подробнее" она вызывает модально окно <div class="readMore"><a href="#openModal" class="btn btnSmall" ><span>подробнее</span></a></div>Вызывается окно в IFrame <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <h2>"Зеркальное" озеро</h2> <p style="color:black">Координаты: 43°32'3"N 39°50'34"E </p> <iframe id="n1" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.ru/maps?f=q&source=s_q&hl=ru&geocode=&q=43%C2%B032…
0 votes2 answers -
Ошибка на сайте
Когда открываешь сайт на iphone, размер окошко инстаграм отображается с ошибкой, окошко больше экрана, появляется прокрутка вправо, на остальных устройствах все хорошо, помогите плиз
0 votes3 answers -
Дата публикации материала HTML
Здравствуйте, как (желательно не JS) я могу преобразовать на сайте дату публикации материала, например: Фото машины, опубликовано: 25.07.2022
0 votes1 answer -
Как можно сделать или хитрая верстка с джс
Есть свойтсво, позволяющее для 1ой строки дива делать отступ. А мне надо, чтобы отступ делался исходя из расчетов. В верхнем левом углу есть прямоугольный небольшой див. Внизу есть прямоугольный большой див из чистого текста, последняя строка не под прямоугольник. Известна высота этого нижнего дива, длина последней строки. Также известна ширина первого дива. Так вот, я хочу попытаться сделать так, чтобы часть нижнего дива переносилась в оставшуюся от верхнего область. Наверное трудно представить, попробую тут нарисовать? ________ |верхний| |_______| Тут описание, которое должно занять часть области сверху. Но оно больше чем 1 строка в большинтсве случаев будет. Это исходн…
0 votes4 answers -
Вирус
Не нашел подобной темы, пишу сюда. При работе с сайтом через OptiWeb вылазиет такая фигня. Блин как картинки сюда вставлять? Касперский: "Фишинг атака: бла-бла-бла. Адрес страницы:http://xanjan.cn/in.cgi?666" Эта дрян на сервере или у меня на компе, как её изжить?
0 votes2 answers -
embed и DM
Подскажите пожалуйста почему DM перехватывает mp3 из embed и предлагает скачать, можно ли как исправить? отключить интеграцию в DM не предлагать. <embed src="sounds/message1.mp3" hidden="false" width="0" height="0" autostart="true" loop="0" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> Спасибо. Забыл добавить, в IE все нормально, потому что он запрашивает установку плагина, а Опера и Лис, ни чего не запрашивают, сразу предлагается закачка mp3
0 votes3 answers -
На Прозрачном Div`e Не Отображаются Картинки
Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…
0 votes7 answers -
Помогите решить проблемму
Я начинающий любитель. Помогите решить проблемму - Без текста в div-e все в порядке. Но стоит вставить текст в header … смотрим http://www.limon-room.narod.ru в Опере и FF фоновая картинка шапки сползает вниз, а в IE – нормально. Подскажите пожалуйста как мне испарвить стили. И, в чем причина? Вот это #header h1{margin: 10px 0 0 270px;} странно работает. По горизонтали (270px) все в порядке, а по вертикале фоновая картинка в Op и FF сползает на 10px, привязывается к тексту. <body> <div id="container"> <div id="topshadow"> </div> <div id="header"> <h1>Комнатный лимон</h1> </div> css body { margin: 0; padd…
0 votes6 answers -
Сложная таблица..
Привет! Хочу сделать таблицу следующего вида: В первой строке три столбца Во второй строке один столбец растянутый на три верхние, делаем это через colspan, но при этом вторая строка должна быть соединена с центральной ячейкой первой строки.. Попробовал вот так, не получилось <table width='100%' cellpadding='5' cellspacing='0' height='100%' border='1'> <tr valign='top'><td width='10%'> [#left] </td> <td id='center_content' rowspan='2'> [#content] </td> <td width='10%'> [#right] </td> </tr> <tr><td colspan='3'> </td></tr> </table>
0 votes5 answers -
jCarousel не работает в Opera
В общем карусель работает везде кроме Opera (пробовал в 10.50) Погуглил: Вопрос: куда этот таймер вставлять? <script type="text/javascript"> jQuery(function(){ jQuery(".carousel").jCarouselLite({ auto:3000, speed:800, btnPrev: "#prev", btnNext: "#next", mouseWheel: true }); }); </script>
0 votes2 answers -
Требуется помощь c jQuery. Автоматически добавить класс к изображениям.
<script type="text/javascript"> jQuery(document).ready(function($){ var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]'); select.attr('rel', 'fancybox'); select.fancybox(); }); </script> Код вырвал из всем известного плагина FancyBox насколько я догадываюсь именно он добавляет ко всем изображениям ссылку с этим же изображением и rel=fancybox все бы ничего, но с этим плагином у меня напряг, да и вообще с любым другим подобным... Есть карусель, картинки в ней генерируются с помощью php (сайт на Wordpress), хочется чтобы при нажатии на к…
0 votes9 answers -
Верстка - правильное наложение слоев
Хочу сделать так так как на картинке, но не выходит Я там вырезал прозрачную область, игрался с z-index но так и не вышло. т.е. хочу чтобы картинка слайдера немного спускалась вниз и была под кнопкой навигации для слайдера, т.е. при активной кнопке чтобы появлялся под ней текущий слайд. Вот живой пример, верстка того что есть.
0 votes14 answers -
Ищу наставника
Всем доброго времени суток!!! Люди добрые отзовитесь, мне нужен наставник! Я освоил азы HTML и CSS и теперь не знаю с какого конца начать, чтобы продолжить своё обучение! Мне нужна направляющая по которой я мог бы двигаться дальше. Желание огромное!!! Кто поможет буду оооооочень благодарен!!!
0 votes14 answers -
Первые шаги
Здравствуйте, я недавно начал пробовать верстать, и пока получается не очень. Один я точно не вывезу, поэтому буду благодарен, любому кто поможет и подскажет. Это мой первый сверстанный самостоятельно сайт http://rosohranatelekom.esy.es/index.html Там есть один косяк (хотя уверен их там больше), выпадающее меню, при наведении курсора на ссылку "О компании", получается, что ховер перекрывает или ссылку "О компании", или прячется под background следующего блока. Верстал по файлу jpeg http://hkar.ru/uQ7r И у меня еще один вопрос, есть файл psd http://webfile.ru/00b7fba03b2acfd47f771af4497dfc8a и в этом файле я никак не могу вычленить логотив "Cuda", нажимаю ctrl+c и …
0 votes5 answers -
как изменить class ссылки после нажатия
<!-- Panel --><div id="amoney" class="amoney-module" style="text-align: center;"> <div class="amoney-mod1" style="text-align: center;"> <span class="panel1"><span class="north" onclick="hide_all()" title="Скрыть все">Благодарность Автору</span></span> </div> <div class="amoney-payment" style="text-align: center;"> <a id="ammh1" class="south" title="WebMoney" onclick="show_wm()"></a> <a id="ammh2" class="south" title="RBKMoney" onclick="show_rupay()"></a> <a id="ammh8" class="south" title="ROBOKASSA" onclick="show_robox()"></a> </div></div>Где class - south, его сме…
0 votes1 answer -
Почему background-color красит не только эл-т которому назначен, но и эл-ты поверх него?
.down со свойством background-color красит надвинутый на него элемент .up__foot с картинкой, почему так происходит? вот код: HTML <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> </head> <body> <div class="up"> <div class="wrap"> <div class="up__head"></div> <div class="up__foot"></div> </div> </div> <div class="down"> <div class="wrap"> <div class="footer"></div>…
0 votes5 answers -
Как подгружать картинки меньшего размера для мобильных устройств?
Вопрос по ускорению загрузки сайта для мобильных размеров экрана. Как подгружать картинки меньшего размера для мобильных устройств, если адаптивность задается медиа-запросами, которые располагаются в конце CSS-файла? Ведь при этом все равно сначала грузится большая картинка для десктопного варианта, а уже потом вместо нее можно будет подгрузить меньшую картинку для меньшего размера экрана? Так ведь? При этом ускорения как-то не получается... Так как для мобильного сразу подгружать картинку помельче? Неужели только отдельный CSS-файл для этого делать?
0 votes4 answers -
Css наследование
Добрый день! Как сделать наследование при описании класса? Именно при описании, а не родитель -дочерний элемент. Т.е. есть div.Class1 {тут куча всего} Этот класс не используется напрямую, но от него наследуются два класса, т.е. должно получится div.Class2 {border: 1px solid red;} + то, что я определил в Class1 div.Class3 {border: 1px solid black;} + то, что я определил в Class1 Т.е. Class 1 сделан чтоб просто чтоб не дублировать одно и тоже при описании Class2 и Class3 Надеюсь, суть вопроса ясна ? Спасибо
0 votes3 answers -
Регистрация на сайте
Здравствуйте. Подскажите пожалуйста как сделать на сайте разграничение доступа?
0 votes2 answers -
Проблемы с переносом на новую строку
Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-