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
-
Исчезает блок (position: absilute) при скроле.
Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.
0 votes14 answers -
Помогите с кодом
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> Fucking slavse</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet"> </head> <body> <header id="header" class="header"> <div class="container"> <div class="nav"> <img src="img/logo.svg" alt="OJJO"> </div> </div> </header> <section id="section" class="section"> <…
0 votes4 answers -
кнопка печати в html документах
Здравствуйте, помогите создать кнопку печати на html-странице, чтобы был предусмотрен предварительный просмотр?
0 votes1 answer -
HTML письмо с графикой.
Всем добрых времени суток. Суть вот в ч?м, надо создать HTML письмо с графикой. 1. Какие правила при создания письма ? ( никогда неделал письма ) 2. Как правильно прикреплять графику. 3. Может ещ? какие-то советы дадите? Взаранее благодарю...
0 votes6 answers -
Разделители в выпадающем списке
Существует ли решение для разграничения блоков в списке в выпадающем меню? При выборе позиции в выпадающем меню сплошной, неструктурированный в группы список вызывает панику.
0 votes4 answers -
проблема с выравниванием таблице по ширине окна
пишу выравнивание по ширине 100% не помогает((( в чем может быть причина и как исправит, за рание спасибо
0 votes9 answers -
bootstrap таблица рвёт трёхколоночный макет
Прошу помощи с Twitter Bootstrap. Макет примерно такой: <div class="container-fluid"> <div class="row-fluid" > <div class="span2" > <!--Sidebar content--> </div> <div class="span7 well"> <!--Таблица, которая шире колонки--> <table class="table table-striped"> .... </table> </div> <div class="span3"> <!--Right-Sidebar content--> </div> </div> </div> На широкоформатный мониторах всё ок, но стоило открыть на разрешении 1024х768 - как появилась…
0 votes8 answers -
Адаптивная таблица
Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.
0 votes2 answers -
min-width не работает в Opere 9.10
Помогите пожалуйста. У меня следующая вещь. Я делаю два слоя по горизонтали. Они должны фиксированно держаться и быть фиксированных размеров, по крайней мере, по минимальной ширине. Все правила по-моему применены: Слои находятся в контейнере со свойством min-width=990px и каждый блок содержит float: left для обтекания по левому краю, т.е. для реализации укладки по горизонтали. При уменьшении ширины окна в IE и Firefox эти слои держаться как надо и возникает горизонтальная полоса прокрутки. А в Opere нет. Второй переходит под первый, мало того еще и уменьшают себя и текст внутри с уменьшением окна браузера. Пробовал и так и сяк все равно ерунда. Как это можно поправить …
0 votes4 answers -
Буквы
Ребят,а как мне сделать такую штуку? И чтобы я нажимал.а внизу открывалась разная картинка,соответствующая букве? http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg
0 votes13 answers -
id и name в xHTML
Прочитал, что: Меня интересует, нужно ли учитывать это правило для форм?
0 votes9 answers -
блок в форме сердца css
Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?
0 votes8 answers -
Приведение CSS кода к нормальному виду
Здравствуйте, взялся за редактирование чужого CSS файла и столкнулся со следующей проблемой. Создатель файла минимизировал код и теперь весь CSS идет в одну строку. Как мне привести его к нормальному виду?
0 votes3 answers -
Как расположить изображение и текст по левому и правому краю. В заголовке
style.css index.html
0 votes3 answers -
Картинки не затемняются в FireFox и Google Chrome!
Парни, подскажите почему у меня на http://mnart.ru/portfolio/ не затемняются картинки при наведении в FireFox и Google Chrome? Хотя в Опере и даже в IE всё работает!
0 votes12 answers -
В ie страница прыгает
После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>
0 votes8 answers -
Закругленные углы если фон градиент
Если фон просто один цвет, то проблем нет, но как быть когда когда задний фон градиент?
0 votes7 answers -
Странный глюк с пропаданием заголовка
Сделал на слоях сайт. В IE6 проблемы с отображением заголовка при первом открытии страницы причем если прокрутить вниз, то он сам потом появляется Кто-то сталкивался с подобной проблемой? Чем это лечить?
0 votes8 answers -
frD-Как выровнить элемент (к примеру, рисунок) по правому краю окна?
При использовании position: absolute; right:10px - жестко привязывается к границе окна и, при уменьшении размеров окна браузера, уезжает вместе с этой границей влево, накладываясь на другие элементы. Пробовал вставлять в другой div с absolut 'ом - не выходит. [Пока не совсем понимаю логику слоев]
0 votes3 answers -
СМС
Привет всем! Вобщем вопрос в том чтобы оправить ссылкой с pda сайта в смартфон текст, причем текст это должен быть сразу вставлен в смс пытаюсь вот так <a href="mailto:?subject=Заголовок &body=Текст для смс">Послать другу</a> в смс попадает заголовок, но если даже заголовок то 2-3 слова максимум
0 votes3 answers -
Способ вывода страницы браузером
У меня страница довольно длинная(высокая) и весит достаточно много. Когда вывожу ее с помощью ИЕ, то он сначала долго думает. При этом перед пользователем пустой экран. Потом сразу резко все выводится. В других же браузерах происходит последовательный вывод элементов. Страница хоть и не догрузилась до конца, но пользователь видит то, что сверху, видит что новые элементы догружаются. Получается более менее сносно. Кто-нибудь знает отчего зависит как будет выводиться страница? Как заставить ИЕ выводить содержимое страницы последовательно, а не всё сразу?
0 votes8 answers -
Как сделать такой каркас...
Надо сделать такой каркас: (показан в двух примерах, чтобы было понятнее в чём суть) есть блоки одного типа... (красненькие) надо чтобы ССЫЛКА>> ездила вправо.. в зависимости от их количества... и есть блоки другого типа (зелёненькие) они на ссылку никак не действуют... но они должны добавляться в общий поток квадратиков.... div.container - резиновый... расширяется в зависимости от ширины окна броузера... соответственно должно увеличиваться(уменьшаться) количество блоков в одной строке.... не могу придумать как это реализовать ((( может поможете...
0 votes11 answers -
font-face форматы шрифтов
В общем, по лицензии паратайпа на сайтах можно использовать шрифты только в форматах EOT, WOFF и SVG В чем засада: EOT понимает только IE, а WOFF, как я понял, введен в Mozilla только в версии 3.6 Как бы сделать так, чтобы все браузеры понимали, что за шрифт я им подсовываю и чтобы это было в рамках лицензии?
0 votes11 answers -
Как создать элементы в меню?
Ребят подскажите пожалуйста, как правильнее поступить. Есть меню вот такое: в макете это целый слой, элементы которые отмечены стрелочками, тоже вставлены в слой Как правильно поступить... Наложить картинкой меню без текста, а текст наложить кодом? Или есть способы выполнить эти элементы css, когда меню я сделаю обычным списком с блочно строчными эл?
0 votes8 answers -
Выравнивание по вертикали в теге li
Что-то я запарился и не могу найти правильное решение, как по вертикали оцентрировать текст рядом с картинкой. Вот, что я делаю и не получается: HTML: <ul> <li>Один</li> <li>Два</li> </ul> CSS: li { list-style-image: url(img/ok.png); list-style-position: inside; vertical-align: middle }
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-