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
-
Div внутри таблицы меняет ширину столбца, а не должен...
Имеется таблица, центральный столбец фиксированный, крайние разъезжаются и делят по 50% оставшейся ширины. Как только добавляю div в крайний столбец - он разъезжается, хотя текст влезает в ту ширину что была, и крайняя колонка становится заметно шире первой, причем, вроде только в Firefox (у меня 3.08). Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <style type="text/css"> <!-- table,td { margin:0px; padding:0px; border-collapse:collapse; border-width…
0 votes7 answers -
div внутри ячейки
Собственно вопрос таков. Как растянуть по высоте дивку, которая находится внутри ячейки с динамической высотой???
0 votes3 answers -
DIV внутри ячейки TABLE IE проблемы резины
Всем привет! Помогите кто шарит в ХТМЛ, есть простой кусок ХТМЛ, но в ИЕ 8 он отображается каряво: <body> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом--> <div style="width:100%; float:left"> <div style="margin-left:64px; background-color:red">TEXT</div> </div> <div style="margin-left:-100%; width:64px; float:left; background-color:blue">IMG</div> <div style="clear:both"></div> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом в обёртке table--> <table style="width: 100%; vertical-align: middle; height: 100%; text-align: center"> <tr> <td align="center" valign="middle" height="100%"&g…
0 votes4 answers -
Div во всю высоту родителя
Привет! Балуюсь вёрсткой макетов, возникла небольшая сложность. Как растянуть div во всю высоту родительского блока? Пробовал везде поставить height:100%, помогло. Но нужно чтобы родитель растягивался не на 100%, а на высоту контента в нём. Собственно вот сайт: http://gelion.ucoz.com/
0 votes2 answers -
Div вылазит за границы
Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;
0 votes5 answers -
div выравнивание по вертикали
Какое свойство, чтобы выравнивать по вертикали в div?
0 votes6 answers -
div выходит за границы родителя
Здравствуйте, делаю скелет шаблона, столкнулся с проблемой, при использовании float:left, блок выходит за границы родителя. Тег используется всего 2 раза, в одной части сайта. Проблемная часть помечена в коде. HTML <html> <head> <title>Games For Life</title> <link rel="stylesheet" type="text/css" href="template.css"/> </head> <body> <div id="body"> <!--Head--> <div id="head"></div> <div id="link"></div> <!--/Head--> <div id="flash"><img src="images/flash.jpg" border="0"/></div><h4 class="indi_name"><u>Инди-проекты:</u></h4> <div id="indi"> …
0 votes3 answers -
div выходит за рамки
Итак, у меня есть ГС на козе, взял я стандартный диз, решил переделать. Корректно работает только на IE, на остальных браузерах(уже изменённая версия) лагает, где в блок входит, где перепрыгивает. Мой ГС. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="image/x-icon" rel="icon" href="http://cpp-lessons.ru/favicon.ico"> <link type="image/x-icon" rel="shortcut icon" href="http://cpp-lessons.ru/favicon.ico"> </head> <body> $ADMIN_BAR$ <…
0 votes2 answers -
Div Двигает Родительский Div
Значит вот такая вот структурка html для примера <div id="main"> <div id="blog"> </div> </div> Значит как я понимаю тот div который в другом div называется дочерним ,а старший типа родительским. Теперь css #main {width:1100px; height:1100px; margin-left:auto; margin-top:10px; margin-bottom:10px; margin-right:auto; background-image:url(../images/mainbg.jpg); } #blog {width:461px; height:341px; background-image:url(../images/photo.jpg); margin-left:91px; margin-top:58px; } И что я наблюдаю .Отступ от левого края родительского дива main в порядке ,а вот отступа от верхнего края не наблюдается.За то сам родительский блок опустился.
0 votes4 answers -
DIV должен вылезать поверх всего
Задача: DIV, размещенный в определенном месте в коде, должен оставаться привязанным к этому месту, но его размер должен быть такой, какой мне нужно, и если нужно - поверх всего остального. Также его фон должен быть прозрачным. Если он залезает на блок с другим фоном, должен быть виден тот, другой фон, а текст нашего DIVa должен быть поверх всего. И еще одна задача: <body> <div class="..." width="50%"> <ТЕГ>... </div> DIV здесь настроен так что остается по центру, и при изменении размеров окна браузера, как известно, тоже. Нужно чтобы ТЕГ был зафиксирован в определенных координатах относительно родительского элемента (DIVa) а в остальном обладал вс…
0 votes1 answer -
div друг под другом со 100% высотой
Здравствуйте. Как сделать, чтобы шли несколько div друг за другом, каждый растянутый на 100% высоты экрана (окна браузера)? на чистом css как-то не получилось, javascript работает только после загрузки документа, когда построена dom модель, а это не подходит, так как если инет медленный, и пока не прогрузилось - div накладываются друг на друга и получается ерунда...
0 votes2 answers -
div за курсором
Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.
0 votes10 answers -
Div за пределами нижней части экрана
Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…
0 votes4 answers -
div заданной высоты с прокруткой
Хочу определить див заданной высоты с прокруткой, делаю так <div id="d" style="height:810px;overflow:auto;"> в IE и хроме работает как хочу, в опере - растягивается по размеру содержимого. Что я делаю не так?
0 votes1 answer -
div заезжает под другой div
В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?
0 votes10 answers -
Div залез на другой
После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками Вот HTML страницы с блоками: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="con"> <d…
0 votes0 answers -
div залезает на другие divы
Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…
0 votes5 answers -
div и display. Блочная вёрстка.
Начал изучать HTML и немного запутался. В одной статье пишут про блочную вёрстку в связи с DIV, который относится к HTML: "Блочная верстка — это подход, при котором сайт строят на основе блоков, в качестве блоков выступают теги div" В другой статье пишут про блочную модель в связи c параметром display, который относится к CSS: "Как именно отображаются элементы — как блочные или строчные или как-то ещё, определяется свойством display." Можно ли сказать, что именно DIV относится к блочной вёрстке, именно он описывает структуру, а display это геометрическое расположение и визуальное оформление на странице этих блоков?
0 votes3 answers -
Div и height
Проблема заключается вот в чем, есть код, представлю ниже, в нем такая штука - если переполнить какой либо из блоков внутри #in_content, они расширяются, НО уходят за рамки div'а #in_content. Причем я расcчитывал на то что этот блок будет расширяться по мере расширения блоков внутри него по вертикали.Прошу помощи и кому не сложно, попробуйте сначала попробовать сами, а то я много способов перепробовал. HTML: <div id="content"> <div id="in_content"> <div id="foto"> <div class="foto_s"><?php echo '<img class="fotos" src="'.$myrow['avatar'].'" />'; ?><form action="update_foto.php" method="post" style="display:none"></form&g…
0 votes8 answers -
DIV и Script
добрый день. Есть такая проблема. Есть поле div со стилем: overflow: auto; И в этот div посредством innerHTML пишется текст. Только вот в ч?м проблема, когда overflow: auto; есть в стиле, текст в div добавляеться только один раз и после этого ничего не отображаеться, если overflow: auto; убрать, то вс? прекрасно пишеться. Кто нить сталкивался с таким косяком?
0 votes5 answers -
Div и Table
Можно ли вставить блок в ячейку таблицы так, чтобы их границы (бордеры) совпали? Т.е. надо сделать таблицу, в первой строке которой нет верхнего бордера, зато он есть у одной ячейки этой строки, причём с border-radius. Через таблицы закругление углов не особо реально (не подсовывать же png с закруглённым бордером бэкграундом ячейки...), а вот убрать у ячейки бордеры и запихнуть в неё div с бордером... Но -1px смещения на толщину бордеров остально таблицы... Варианты?
0 votes12 answers -
div и table - совмещение
Доброго дня! Работая над одним проектом на первом этапе сверстал такое: прум-пум-пум... <div id="top"></div> <table><tr> <td></td> <td></td> <td></td> </tr></table> <div id="podval"></div> так как мучаться с позиционированием колонок не хочется. Есть довод: при уменьшении размера окна, колонки не бегут друг под друга, да с браузерами нет проблем в определении размеров дивов. Но при создании CSS под Печать колонки, насколько я знаю, ужать совсем (display:none) не удасться! И еще меня не оставляет идея. Весь текст находящийся ближе к началу страницы "весит" в поисковиках больше, хотя я не у…
0 votes1 answer -
div и браузеры
Добрый вечер! верстаю меню меню состоит из див и вложенных еще несколько див имеющий свой бг в которых размещена всякая информация, после меню идет картинка , но проблема в том что картинка не находится в див, но все браузеры отображают ее как в этом диве, то есть она имеет бг как у меню, а этого не нужно, браузер перестает понимать что картинка находится не в диве только тогда когда добавляешь еще один закрытый див, но после этого верстка становится не валидной так как все дивы закрыты. В чем может быть проблема? прошу помочь код css .help_bg_y { width: 159px; margin: 0 0 0 14px; background: red ; } .help_…
0 votes17 answers -
Div и вложенная в него широкая таблица (шире окна)
Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…
0 votes17 answers -
DIV и вторая строка
Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.
0 votes16 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-