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
-
Помогите с эффектом наложения
Здравствуйте! Помогите, пожалуйста! Есть два блока (div): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…
0 votes1 answer -
проблема с Меню и блоками в FF и опере
левый и правый блоки в опере 9.27 сильно смещены относительно нужного положения вправо а центральное выпадающее меню в FF уехало вообще непонятно куда (где то сбоку и справа).. относительно оперы ситуация непонятная. На локали у меня все выглядит нормально, а как только программер сливает их на сервер всё выглядит ужасно В общем косяков там хватает, но устранить хотелось бы для начала самые ужасные http://plus-strahovanie.ru/ не знаю нужен ли весь код но выложу все таки целиком, заранее спасибо /* CSS Document */ html { height: 100%; } body { height: 100%; margin: 0px 0px 0px 0px; background-color:#FFFFFF; color: #000000; } .clr { clear: both; } #logo { backgr…
0 votes0 answers -
С таблицей проблема
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…
0 votes7 answers -
Выпадающее меню
сверстал я выпадающюю менюшку на UL LI во всем выглядит нормально, а в эксплорер и вид левый и выпадающяя часть при наведении мышки исчезает ...... в чем ошибка подскажите пожалуйста #top_menu li {_behavior: url(ie6hover.htc)} #top_menu { position:absolute; top:4px; left:36px; margin:0; padding:0; list-style:none; text-decoration:none; } #top_menu ul { position:absolute; top:27px; left:0; margin:0; padding:0; list-style:none; text-align:left; width:auto; z-index:1000;} #top_menu ul {background-image:url(../../siteimg/mk.gif); background-position:bottom; background-repeat:repeat-x;} #top_menu li { position:relative; float:left; display:block; height:27px; margin:0; pa…
0 votes0 answers -
приоритетный стиль
к примеру: есть таблица главная у шаблона style1.css и таблица у какого нить расширения style2.css и так у расширения в таблице style2.css есть стиль .test {border: #111 solid 2px; margin: 10px 0 5px;} меня не устраивает и я хочу изменить в главной таблице(к шаблону) style1.css я указываю такой же стиль и изменения .test {border: none; margin: 0;} все норм работает, но для верности в таблице style2.css я этот стиль закоментировываю и записываю в блокнот для update. так вот вопрос может и не надо закоментировывать и есть какое то правило что точно во всех браузерах сработает стиль который в главной таблице, а то постоянно после обновления расширения если там изменен стиль…
0 votes4 answers -
Valid XHTML + embed + FireFox
Пытаюсь сделать так, чтобы приложение выдавало валидный XHTML, но в спецификации XHTML 1.0 нет тега embed, а без него не работает Adobe Flash в FireFox и IE9. Как быть?
0 votes3 answers -
Проблема с div'ами
Ребят, помогите решить проблему, пожалуйста Короче говоря, есть таблица, делённая на три части. В Опере всё нормально отображается, а вот в Хроме других браузерах, второй левый слой не растягивается до нужных размеров. Знаю, нужно было на css делать, но совершил ошибку уже, всё менять долго и времени нет. Может что с кодом не так, спасайте. Вот код: <body bgcolor="#232323"> <div align="center"> <table cellpadding="0" cellspacing="0" width="800" height="200"><tr> <td width="200" height="200" valign="top" align="center"> <div align="left"> <table width="200" border="0" cellspacing="0" cellpadding="0" id="table12" height="100%">&…
0 votes11 answers -
div
В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)
0 votes4 answers -
Position и текст
Здесь! Текст залазит или подлазит под header, как сделать плавающим который будет размещаться сразу за хедером?
0 votes14 answers -
@font-face в mozilla firefox
не работает вставленный шрифт в mozilla firefox @font-face { font-family: Taurus; src: url('/taurus.ttf'); } Во всех браузерах кроме Лисы все работает. Как заставить её нормально работать?
0 votes1 answer -
HTML препроцессоры
Подскажите html препроцессоры для локальной вёрстки, с возможностью инклюдить другие файлы с указанием параметров.
0 votes2 answers -
text-overflow - в Firefox точки перекрывают наложенный блок
Задача - один блок с ограничением по длине текста должен перекрывать другой блок, в котором тоже ограничение по длине текста Код: http://jsfiddle.net/agh0knk6/1/ Проблема - в Firefox v.38.0.5 точки нижнего блока "просвечивают" через наложенный блок z-index не помогает. Подскажите, пожалуйста, как решить проблему?
0 votes5 answers -
Режеться слайдер по высоте
Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/
0 votes0 answers -
требуется наставник по верстке и CSS
Доброе время суток, требуется наставник для обучения вёрстке и CSS для начала, лично мой уровень чуть выше начального
0 votes8 answers -
Анимированные табы
Добрый день! Помогите, пожалуйста, с анимацией. Использую jquery-плагин shiftyNav(https://plugins.jquery.com/shiftynav/) Вот пример - http://codepen.io/anon/pen/EWgKKX При анимации, идущей слева-направо(если кликать text1-text2-text3) происходит активный блок уезжает налево и появляется новый блок. А при анимации справа-налево(если кликать text3-text2-text1) происходит активный блок скрывается чуть вправо и появляется справа новый блок. Как бы привести к одинаковому стилю? Т.е. сделать анимацию по принципу клика слева-направо(text1-text2-text3), чтобы и когда кликали в обратном порядке(text3-text-2-text1) активный блок уезжал налево …
0 votes1 answer -
html Веб-дизайн в андроиде
Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>
0 votes1 answer -
alert и одновременно переадрессация на главную страницу сайта
Здравствуйте! После закрытия модального окна на странице должен появится алерт с надписью и во время его появления должен осуществляться переход на главную странице сайта. Сейчас же идет огромная пауза и алерт висит. Что я делаю не так? location.href = "/"; alert("Спасибо! Наш оператор перезвонит Вам в ближайшее время."); Заранее благодарен за помощь!
0 votes1 answer -
Одно изображение содержащий несколько картинок
Не совсем правильно объяснил, но вот пример: Ну и управляется это так: #btn-listview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -23px; } #btn-listview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -555px -43px; } #btn-gridview-on{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -43px; } #btn-gridview-off{ background: transparent url(http://s.ytimg.com/yt/img/master-vfl62437.gif) no-repeat scroll -579px -23px; } Насколько актуально использование данного способа? Насколько быстрее и корректнее происходит загрузка…
0 votes1 answer -
Глючит скрытие/отображение строки таблицы через JavaScript
Я попробовал через JavaScript (display = none | block) сделать так, чтобы в громоздкой таблице строки скрывались и появлялись при нажатии на нужные линки. Скрывается хорошо, но вот появляется строка, целиком вложенная в первую ячейку. Такое поведение наблюдается в Opera 9.64 и FireFox 3.0.7. В IE8 всё нормально. Как реализовать задумку?
0 votes3 answers -
Растягивающаяся до пола конструкция
Не думал, что когда-нибудь скажу такое, но ie впервые за много лет сделал так, как нужно мне На самом деле, имею конструкцию, которая тянется до пола, а нужно вот что: - чтобы была рамка вокруг сайта, с отступами по 20px, которая будет тянутся до пола; - чтобы при уменьшении размеров браузера относительно вертикальной оси эта рамка не наезжала на контент, а оставалась внизу. Пока именно так и происходит в ие; -ну и конечно же, чтобы не утратилась способность подвала всегда оставаться внизу. Сейчас всё так, но вот в лисе при уменьшении окна браузера относит. верт. оси, рамка наезжает на контент. зы: сайт тянется не только сверху вниз, но ещё и по ширине. Очень прошу вашей…
0 votes1 answer -
тэг Embed
как в этом тэге добавить вид плеера, ибо я прописал станд. параметры, получилось что видео идёт без остановки по кругу, и нету кнопок нав. тоесть пауза пуск, стоп!!!
0 votes4 answers -
Несколько вопросов.
Здравствуйте. У меня к Вам несколько вопросов: 1 вопрос: Кодировку в XHTML документе можно указывать вот таким вот образом: <?xml version="1.0" encoding="utf-8"?> Зачем в ней указывать версию документа когда она написана в доктайпе? 2 вопрос: Так же кодировку в XHTML документе можно указывать и старым способом, то есть: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Каким же способом, рекомендуется указывать кодировку в XHTML документе на самом деле, первым или вторым? 3 вопрос: Некоторые вот эту кодировку, а именно: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> указывают двумя различными способами, тоесть,…
0 votes4 answers -
Ссылка при наведении
В коде есть такая ссылка: <a class="podrob" href="/video/3.php?id=1">Подробнее </a> .podrob{color:#990000; font-weight:bold; text-decoration:none; } .podrob:hover{text-decoration:underline; } Проблема в том что при наведении мышкой на ссылку в браузерах Мозила, ГУлхром,Опера она не делается рукой, если навести то появляется рука только когда ниже знака подчёркивание, а если на слово навести, не появляется рука, что можно сделать?
0 votes3 answers -
Нужен совет
В общем верстал, верстал я свой первый макет. Но не учел изначально одной особенности, а именно классическую проблему "дивной" верстки - одинаковую высоту колонок в зависимости от наполнения контентом. Честно говоря, я всё ещё не в полной мере понимаю, как правильно бороться с этой проблемой. Пытался внедрить, то, что уже сделано в готовые решения. Например: http://www.master-web.info/equal-height-columns-cross-browser-css/ Но ничего у меня не получилось из этой затеи. Теперь, как мне кажется, нужно вообще верстать заново. Можно ли спасти мою работу http://kidrock.ks8.ru/project1/ или не морочить себе голову и верстать заново?
0 votes12 answers -
не работает background: url(top.jpg)repeat-x;
Всем привет. Не могу разобраться! Не работает background: url(top.jpg)repeat-x в ИЕ. В мозиле все нормально! В чем может быть проблема Все разобрался)
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-