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
-
в IE7 пропадают объекты, интересный случай
Верстка выполнена на XHTML. <!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"> Во всех браузерах все ровно и красиво. Кроме IE7, в нем пропадает часть объектов. Смотрим сравнение... На изображении обычный блок <div>, внтури которого <form>, а в нем идет таблица <table> с двумя столбиками и тремя строчками. И не понятно почему содержимое второго столбика пропадает в IE7. Самое интересное, что если убрать DOCTYPE выводится нормально все, но естественно все расползается. Стили нигде не перекрываются, фаербагом проверял все несколь…
0 votes3 answers -
Теги логической разметки.
Подскажите, пожалуйста, как обстоят дела с тегами логического форматирования? Есть немало статей, где можно найти разбор отличия между тегами <b>, <i> (которые уже, как я понимаю, не сильно используются, потому как есть CSS) и соответственно <strong> и <em>. Первые – просто визуальное оформление для глаза, а вторые – подсказка для поисковиков, что этот текст "важнее" остального. Если не сильно вдаваться в подробности, то вроде понятно – тексту, выделенному с <em> и <strong> поисковик дает условно "+1 балл внимания". Но, в то же время осталось немало других тегов логического форматирования. Это <cite> (цитаты, названия произведений…
0 votes2 answers -
CSS fixed top
Есть HTML. <div class="block"> Содержимое блока </div> Есть CSS Что происходит При прокрутки страницы блок фиксируется по центру экрана. Что нужно При прокрутки страницы блок должен позиционироваться сверху. Подскажите Хотелось бы как тут. (форма поиска)
0 votes5 answers -
Проблемы с margin
Всем привет Ребята объясните пожалуйста принцип работы margin-top от чего он отталкивается? вот код <html> <head> <link href='css.css' rel='stylesheet' type='text/css' /> </head> <body> <div class="container"> <div class="margin"> </div> </div> </body> </html> body { margin: 0px; padding: 0px; width: 100%; height: 100%; background-color: #838485; } .container { margin-left: auto; margin-right: auto; padding: 0px; width: 500px; height: 200px; background-color: blue; } .margin { margin-top: 100px; height: 50px; width: 200px; background-color: red; } и вот результат работ…
0 votes4 answers -
:active в Opera и IE
Всем привет. http://jsfiddle.net/VWXRq/ - почему в опере и в ie :active срабатывает только при клике непосредственно на <a> (т.е. в данном случае на бордер) ? Вылечить это вообще можно ?
0 votes8 answers -
Задание из практикума
http://cssdeck.com/labs/aupvlfka Как сделать чтобы после наведение на главное меню, перехода вниз тень не исчезала с главного меню.
0 votes13 answers -
Верстка брэндинг с ссылкой
Всем привет, Посоветуйте, как сверстать страницу с брэндингом , и так что бы фоновая картинка была ссылкой вот макет http://prntscr.com/3vy5fw Вот как это у клиента выглядит http://ezh1.i-d-web.com/
0 votes9 answers -
Дерганье колонок макета при начале анимации. Функция show()
Собственно все видно в примере. Нажимаем на кнопку "push" и зрим. http://jsbin.com/bujayufibobi/1/ Как избавится от этого дёрганья при начале анимации? Колонки конечно же не фиксированные и видимо это одна из проблем такого дерганья. Значит предполагаю, что надо заранее как-то считать ширину и куда-то ее передавать. Также, если использовать fadeIn, вместо show, то подобного дерганья не наблюдается. Откуда возникла проблема. Проблема возникла из-за того, что в одном из модулей DLE используется функция ShowOrHide() (эта функция идет вместе с DLE в одной из js библиотек) и я собственно думаю сейчас, как в этой библиотеке правильно заменить функции show() и hide() на т…
0 votes1 answer -
что такое сэмпл с templatemonster?
помогите пожалуйста разобраться есть такая тема для wordpress. при попытке её скачать выводится предупреждение о том, что это sample. подскажите пожалуйста в её отличие от обычной темы?
0 votes8 answers -
Выравнивание элемента по центру
Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть
0 votes3 answers -
Выбор и кастомизация адаптивного слайдера
Не могу найти подходящий слайдер для кастомизации. Скриншот требуемого результата : http://joxi.ru/GrqzJ13uD01Kmz. Не много опыта со слайдерами есть, но в примерах на оффсайтах слайдеров не могу подобрать похожее. Проблема заключается в нижнем темном блоке: 1) как его вообще прикрутить; 2) стрелка-треугольник должна двигаться и указывать на нужную фотографию ; 3) все должно быть адаптивно - то есть не на десктопах порядок будет "фото"->"информация"->"статус бары". Хотя бы намекните в каком конкретно направлении копать...
0 votes1 answer -
Центрирование блоков в контейнере
Здравствуйте. Есть блоки шириной 328px и контейнер шириной 1200px. Блоков в контейнере может быть от 1 до 3 ,они расположены горизонтально, но сейчас они прижимаются к левой стороне. Как сделать чтобы блоки центрировались в контейнере? https://jsfiddle.net/v64sxn2b/
0 votes3 answers -
Градиент текста CSS
Есть ли сейчас кроссбраузерный способ реализации градиента текста средствами CSS ? Нашел такой вариант, но он не кроссбраузерный... Не работает в IE и Opera mini... Используете данный способ или вставляете картинкой подобный текст? linear-gradient(to right, #00e0d0, #4aa3cc), linear-gradient(#ffffff, #ffffff) -webkit-background-clip: text; -webkit-text-fill-color: transparent;
0 votes1 answer -
Стык декоративных полосок
https://ibb.co/fTNKL9 Здравствуйте, подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт. Desktop.zip
0 votes1 answer -
Сделать кружок списка с фоном при наведении на ссылку
При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?
0 votes1 answer -
верста картинке
Друзья к вам большая просьба. Я начинающий юзер, ну мне сразу попалась вроде бы такая не тяжёлая задача но найти выход я не могу самостоятельно. короче: как сделать так чтобы флеш ролик уходила за правый край без скрола просто пропадал? Есть таблица сайта <table width="95%" идет вот так мне нужно втулить в хидер флеш ролик (ну или ява скрипт с картинками и ефектом фейда, слайдшоу) размером width 1900px. какой тут задум. чтобы люди на разных мониторам могли ее видеть с этих 1900, 1680 будет сама картинка а дальше просто черное продолжение. помогите с кодом. только как для начинающего. НЕ смейтесь громко. ведь все когда то чему то учаться. распишите код как это сделат…
0 votes2 answers -
И снова о 100% высоте дивов и подвале снизу.
День добрый. Вот решил у знающих людей поинтересоваться вот такой проблемой. Сразу скажу что прочел тему "Верстка div-ми. Как быть с подвалом?", поглядел макеты которые там приводились по ссылкам. Взял на заметку данный макет http://vk.osvita.org.ua/footer.htm В данном макете в принципе все хорошо, но вот хотелось бы чтобы Sidebar и Mainbar разтягивались до Footer. Вот привожу свой код. В принципе в IE и в Opere он работает так как мне нада, но в FF3.6. работает не так как хотелось бы. Файл index.php <!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="…
0 votes5 answers -
Вопрос по резиновому 3х колоннику.
Нашла в сети шаблон 3х колонного макета на DIV'ах. И всем вроде бы хорош, но в IE 6 сразу появляется горизонтальная полоса прокрутки. Подскажите, пожалуйста, как ее убрать. http://blog.sjinks.pro/test/3col/3col_h100.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Three Column Liquid Layout</title> <style type="text/css"> html { overflow: auto; background: #800000; } html:not(:nth-child(1)) { overflow:…
0 votes1 answer -
Изменение свойства textarea
Итак, мне нужно изменить некое свойство textarea с помощью javascript. А именно добавить ей значение onkeyup. Пробовал document.getElementById("message").onkeyup("OnUp();") и document.getElementById("message").onkeyup = "OnUp();" Вот сама функция OnUp function OnUp(){ alert("1"); };
0 votes2 answers -
меню сьехало
сьехало меню на сайте: как это исправить? вот css код меню: #leftmenu a{ float:left; display:block;padding:2px 10px; color:#FFFFFF; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;} #leftmenu a:hover{ float:left; display:block; background-color:#efe7d5; padding:2px 10px; font-weight:bold; font-size:15px; border-right:#FFFFFF 1px solid;vertical-align:middle;height: 100%;color: #885520;} #leftmenu ul {position:relative; list-style-type:none;vertical-align:top; }
0 votes4 answers -
Тег Iframe в IE6
Всем привет. Есть проблема в IE6 с тегом iframe. В сайдбаре стоит плеер с видео ютуба. В блоке контента есть фотки. Они открываются через jQuery галерею fancybox. Когда фотка открывается, то плеер ютуба находится поверх этой фотки, т.е. закрывает небольшую часть. Проблема именно в ИЕ6 Что можно придумать? <iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/...." frameborder="0" allowfullscreen> Ваш браузер не поддерживает плавающие фреймы! </iframe>
0 votes2 answers -
Проблемы с меню в IE7
Добрый день Прошу помощи знатоков, т.к. сам я в этом мало что понимаю. Проблема в том, что в нормальных браузерах все работает хорошо, а вот в IE7 - не хочет. Два косяка: 1) в выпадающем меню пункты становятся по центру 2) в меню в сайдбаре висит какой-то пустой пункт Вот тестовый сайт - убрал
0 votes5 answers -
Не получается сделать div блок по верх остальных
Помогите со стилями, у меня один див блок не выходит за третий по вложенности блок. вот его стиль /*display: none;*/ z-index:100; padding: 10px; border: 1px solid #AEAEAE; position: absolute; background-color: #ffffff; color: #0B79A2; margin-left:-1px;
0 votes3 answers -
Непонятные мне линии
У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?
0 votes3 answers -
Масштаб изображения по размеру экрана.
Как сделать чтобы изображение полностью было на экране, без прокрутки? например изображение 1600х1200. а размер окна намного меньше.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-