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
-
display:table-cell и firefox
Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline. демо код времменое решение: @-moz-document url-prefix() { .block { display: block; outline: none; } } но с таким фиксом картинка не будет центироватся
0 votes2 answers -
display=block + colspan > 1
суть в том, что верстается блок, который состоит из заголовка (текст + иконка) и контента, при нажатии на иконку, контент скрывается весь блок мне хочется реализовать с помощью одной таблицы. все хорошо, но когда блок скрывается, колонки в заголовке разъезжаются вот код: <script> function hide(img, block_id, expand_img, hide_img) { var block = document.getElementById(block_id); if (!block) return; if (block.style.display != 'none') { block.style.display = 'none'; img.src = hide_img; } else { block.style.display = 'block'; img.src = expand_img; } } </script> <table style="border: 1px solid grey; width: 600px;"> <tr> &l…
0 votes4 answers -
DIV
Есть сайт разверстанный таблицами, вот вопрос - как сделать так, чтобы слой был точно сверху одной таблицы, ну или сверху картинки ,чтобы можно было спокойно писать текст как бы поверх картинки ?
0 votes22 answers -
Div
у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то они у меня на болшем расширение сьезжаютв бок(у меня 1024x768 )
0 votes10 answers -
DIV
у меня вопрос, можно ли задавать координаты размещения слоя от какой либо картинки, а то у меня при разрешене больше чем 1024х768 таблица с картинками центруется а слои остаются на местя(и выглядит все так что слоиуходят в бок) вот html: <html> <head> <title>Don't panic</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/buttons.css" > </head> <body> <div style="position: absolute; display:block; width: 549px; height: 474px; z-index: 2; left: 244px; top: 285px" id="history"…
0 votes3 answers -
div
Возможно ли выровнять сам блок div по центру страницы а не только его содержимое по среди блока?
0 votes4 answers -
div
Здравствуйте, я толкьо начал изучать хтмл и css помогите решить 1 проблему у меня есть главная страниска разделенная на 3 блока слева 3 справа и 1 большой по центру допустим в первом левом блоке у меня навигация как сделать так чтобы при нажатию на ссылку она не открывалась в новом окне, а ссылка открывалась в центральном блоке? типо как во фреймах атрибут target
0 votes1 answer -
div
В общем вот такой вопрос можно ли реализовать такое http://jsfiddle.net/prizrak/HP4kN/ в верстке див?) если да то как?)(хоть намекните)
0 votes4 answers -
div
Здравствуйте,я не очень разбираюсь в коде (как вы уже поняли).Вот такой вопрос <div> class=menu></div> Это я создал блок (как я понимаю).В css прописываем его св-ва #menu { width: 650px; margin: -20px auto 0; height: 20px; background: #BFF08E; position: relative; Это я так понимаю в блоке div мы расположили ссылки. <div class="sidebar" id="sideLeft"> <ul> <li><a href="music/index.php">Музыка</a> <li><a href="film/index.php">Фильмы</a> <li><a href="clips/index.php">Клипы</a> <li><a href="forum/index.php">Форум</a> </ul&g…
0 votes4 answers -
div
Я столкнулся с проблемой. Я ограничил div margin'ом со всех сторон %'ами, но мне нужно растянуть div на полную ограничив его этими процентами. Как это сделать? Тут height и width не помогает.
0 votes5 answers -
Div с ul с li
Вот у меня блок и в нем меню ul с li. При этом у главного блока border:8px solid #000000; и хотелось бы сделать так, при наведении курсором на ссылку текст становится цветом белым,а её фон чёрный, при этом фон касается краев главного блока.Никак не получается.Помогите пожалауйста. <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='message.php' >1</a></li> <li><a href='.php' >2</a></li> <li><a href='.php'>3</a></li> <li&g…
0 votes26 answers -
div - 100%-margins
есть шаблон: <html xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <title>template - width 1024 center</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> <style> * {margin: 0; padding: 0} html, body {height: 100%} body { background: #CCFF33; } #content {height: auto !important; height: 100%; min-height: 100%; background: #FFFFCC} #content .menu {width: 1024px; margin: 0 auto; padding: 105px 20px 5px 20px; border: 1px solid red;} #content .container {width: 1024px; margin: 0 auto; padding: 30px 20px 60px 20px; border: 1px solid red;} #footer {height: 50px; margin-top: -50px; background: #CCF…
0 votes2 answers -
div - две одинаковые в высоту колонки
Здравствуйте. У меня возникла проблема. В дизе есть две колонки, но мне надо сделать их одинакового(не фиксированного) размера, то-есть в том случае если допустим в правой колонке инфы больше то длинее становиться не только правая но и левая колонка. через таблицу это конечно же легко осуществляется, но мне хотелось бы все-таки через див. никто не знает как решить эту проблему?
0 votes2 answers -
DIV - макет
Всем привет ! Раньше верстал с помощью таблиц. Создать макет в три колонки с помощью таблиц легко (по крайней мере для меня). Решил попробовать создать макет в три колонки при помощи позиционирования ... и вот не лепится цветочек аленький. Во всех браузерах (парадокс, но только не в IE6, в нем все отлично ), при задании высоты в 100%, середина, с текстом, проходит сквозь футер. Помогите советом. Ниже код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <style> html{height:100%;} body{margin:0px; height:100%;} #main{width:700px; height:100%; border:1px solid black; margin-left:auto; margin-right:auto;} #heade…
0 votes9 answers -
div - нет полосы прокрутки на смартфоне
есть div у него overflow: scroll; на ff и хроме работает (как работает на хромовском эмуляторе мобильных экранов) но не работает на моем старом смартфоне(fly iq 255, android 2.3.6) на стандартном андроивском браузере как быть? чо делать ? iframe крайне не желателен!!!
0 votes0 answers -
DIV "вываливается" за пределы родительског DIV
есть CSS #container {border:1px solid red;} #body {width: 1024px; margin: 0px auto; position: relative; border:8px solid red; } #header {width: 1024px; height: 231px; background-image: url(img/header.jpg); border:1px solid red; } #post {width: 724px; height: 231px; float: right; border: 1px solid red; } HTML <div id="container"> <div id="body"> <div id="header"> </div> <div id="post"> </div> </div> </div> DIV - container - по размеру сайта DIV - Body центрируется и в него помещается "Голова…
0 votes4 answers -
Div & Table
это тема не про споры между видами версткой, а не тему того, что у меня почему-то не получается внести тэг table в div так, чтобы border div'a обрамлял таблицу, как и весь остальной контент... прошу помощи, ибо div'ную верстку начал изучать сравнительно недавно...
0 votes2 answers -
DIV + Firefox
Как сделать чтобы эти фотки http://www.tihvin.orthodox.ru/htm/Photogallery.php в FireFox не съезжали вправо? Заранее благодарен.
0 votes3 answers -
div + float + border без height
Добрый день. Столкнулся с проблемой: Существует структура: <div style="width:200px; border:1px solid red;"> <div style="float:left; width:100px;"> text </div> <div style="float:left; width:100px;"> text2 </div> </div> высота не указана, так как она динамически должна меняться. Проблема заключается в том, что бордер основного блока - уменьшается до 1-го пикселя. Тоесть как бы не определен размер блока. Как можно решить данную проблему? Спасибо за помощь.
0 votes9 answers -
DIV + position:absolute; + height:100%;
Приветствую. Задача растянуть див на всю высоту области. решение для всех нормальных браузеров: div.lay div.sb-bg, div.lay div.cnt-bg { position: absolute;; left: 0; top: 0; bottom: 0; height: 100%; background: #1c2601; width: 32.3em; } для ИЕ6: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; zoom: 1; } для ИЕ7: div.lay div.sb-bg, div.lay div.cnt-bg { height: auto; height: expression(this.parentNode.clientHeight+'px') } Подскажите что-то для ИЕ7 не используя expression, пожалуйста. спасибо
0 votes17 answers -
DIV + SPAN + Firefox
Здравствуйте! Напоролся на удивительное поведение firefox при размещении элемента внутри DIV. Поскольку тема невероятно избитая, хочу сразу заметить, что мне абсолютно без разницы, как будет выровнен текст по вертикали внутри DIV, главное, чтобы эта конструкция выглядела одинаково во всех браузерах. Итак, имеем браузеры ie 8.0 chrome 21.0 firefox 14.0.1 opera 12.01 простейшую конструкцию: <html> <head> <title></title> <style type="text/css"> div { text-align: center; width: 64px; height: 32px; border: 1px solid black; position: absolute;} span { font-weight: bold; font-size: 20pt; font-family: A…
0 votes4 answers -
div > table
<div><table></table></div> Вот такая простая структура, но при сжатии страницы, таблица сжимается до минимальной ширины, а див продолжает сжиматься дальше, выглядит некрасиво - див имеет бакгроунд и он сжимается и становиться меньше таблицы. Замечено в браузерах: FF, IE8, Crome, Opera. Кто сталкивался с подобной проблемой, как решали?
0 votes17 answers -
Div 100% в ie 9
Всем доброе. Народ столкнулся с проблемой когда используется height div 100% и min-height 100% в ie 9. Суть проблемы при div height=100% дивы растягиваются на видимую часть экрана, но если текст привышает, то он выходит за границы <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> html, body { width:100%; height:100%; margin:0; padding:0; } #layer_0 { height:100%; background-color:#999999; } .layer_1 { height:100%; width:600px; background-color:#99CCFF; } .layer_2 { height:100%; wi…
0 votes3 answers -
DIV 100% в таблице
Имеется вот такая таблица, внутри div контент разного размера. Можно ли заставить div растягиваться по высоте на 100% без использования JS? <table> <tr> <td><div>...</div></td> <td><div>...</div></td> <td><div>...</div></td> </tr> </table>
0 votes3 answers -
div 2 колонки корневой не раздвигает див
Проблема, когда создаю 2 колонки флоат задаю им получается что основной див не раздвигает внутренний к примеру такой вариант <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Две колонки</title> <style type="text/css"> #container { border: 5px solid #444444; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 600px;background-color: #333; } #rightcol { float: left;margin-left: 10px; background: #fc0; width: 200px;background-color: #555555; } #le…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-