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'ов
Есть два разных дива. идут они последовательно. А мне бы хотелось бы что бы первый див, наезжал на второй див. В 1 диве расположены кнопки меню. А во втором диве рамка и текст. И мне хотелось бы что бы менюши чуть-чуть сползали на рамку. Можно ли это реализовать как то?
0 votes3 answers -
UTF-8 проблемы
Здраствуйте. Помогите пожалуйста,на странице стоит кодировка UTF-8 как обычно,но на виртуальном хостинге не работают. <?xml version='1.0' encoding='utf-8' ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xml:lang="ru"> <head> <title>LiFe ServeR</title> <script type='text/javascript' src='Template/e1070000.js'></script> <script type='text/javascript' src='Template/sleight_.js'></script> <link rel='stylesheet' href='Template/style000.css' type='text/css' media='all' /> <link rel='stylesheet' href='Template/e1070…
0 votes3 answers -
Относительное позиционирование
Ситуация следующая: Появилась у меня бредовая мысль сделать тень наложением друг на друга 2х объектов с относительным позиционированием. Всё получилось нормально, второй текст воспринимается как тень первого, НО начались "непонятки"... Если прокручивать окно в эксплорере, то эти тексты висят, так как бы я задал им позиционирование absolute. Файрфокс все показывает нормально - тоесть надпись уползает вверх вместе со всем остальным. Можно как-то вылечить эксплорер? Вот код: <div style="width:500px; float:right; padding:0; margin:0 auto;"> <H1>Текст </H1> <h2>Текст</h2> </div> И цсс к нему: h1 { position:relative; top:24px; text-align:…
0 votes13 answers -
Div внутри другого div'a
Есть одна задача, которую никак не могу решить. Нужно внутри одного дива в правом верхнем углу зафиксировать другой див. Можно было бы второй див поместить в первый и задать ему абсолютное позиционирование и значение левого поля: position: absolute; padding-left: вот только ширина первого дива задается в процентах и поэтому сколько отступать не понятно. Как лучше всего поступить?
0 votes5 answers -
Редактирование длиново текста
Написал длиний текст, и когда начинаю его редактироват: болд, италик и т.д. нажимая на кнопки, он все время "отпригивает" на начало текста, и потом надо искать где остановился в етом тексте и продолжить. И так всё время он "пригает", можно льи поставит какой-то скрипт в сss или где то ешо, или некак?
0 votes6 answers -
Блоки в две колонки
Есть ли какая либо возможность забить блоками два "стакана" равных по высоте? Блоки имеют изначально равную ширину, но разную высоту, которая изначально не известна. Количество блоков также может меняться.
0 votes1 answer -
Вложенный див растягивает родительский див вправо.
Всем привет. Прошу вашей помощи, как говориться одна голова хорошо, а много лучше. И так, описание проблемы дальше. 1. Дизайнер сделал фиксированный макет с одной колонкой. Колонка 1000px. Выставлена по середине. Проблем нет, сделал. Колонку выровнял margin:0 auto; 2. Дизайнер попросил добавить фоновый рисунок повторяющийся до бесконечности к боковым колонкам(пустое место справа и слева от колонки) при разрешении более 1024 по горизонтали. Проблем нет, сделал. К body background-image прикрепил. 3. Дизайнер попросил сделать как показанно на схеме: То есть при разрешении 1024 * 768 фоновые изображения не должны отображаться. При увеличении разрешения фоновые изображения д…
0 votes15 answers -
Кто может помогите
Кто может помогите у меня щас стоит вот так А надо что бы было вот так это пример чтобы сайт был на навесьь экран а вот так Как так сделать помогите Пожалуйста за ранее спасибо,,,,,
0 votes5 answers -
Кириллический аналог шрифта Neropol
Собственно может кто знает такой шрифт? Уже запарился гуглить и смотреть каталоги шрифтов, пусто. На одном двиге видел некий аналог киррилического нейропол....вроде не совсем то, но все же....
0 votes1 answer -
Проблемы с div
Вот начитался статей про div и понял что пора бы уходить с тейблов))) Возникла небольшая проблемка, не могу растянуть div внутри другого diva.. в общем вот код.. Вот код шаблона (сайт на жумле будет): <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Trying to use CSS</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="header">HEADER</div> <div id="tmenulimg"></div> <div id="tmenu">Top Menu must be there</div> <div id="search"> <div id="tmenurimg"></div> <div id="tmenufind">Search module must be th…
0 votes2 answers -
изображение
Що потрібно зробити щоб зображення було біля самого краю
0 votes10 answers -
Баги с сылкой в ИЕ6, ИЕ7
есть код: <a href="#" title=""> <span style="float:left;"> <img src="#" width="60" height="45" alt="" title="" /> </span> </a> Мне необходимо чтоб картинка была обернута в плавающий спан. Но при плавающем спане в ИЕ6, ИЕ7 ссылка не кликабельна. Какие есть идеи?
0 votes12 answers -
Обрамить картинку картинкой-рамкой справа и снизу
Добрый день! Вот мучаюсь уже день, оешения не могу найти. Помогите пожалуйста. Задача следующая. Есть картинка известной ширины (300 пикселей), но неизвестной высоты (высота может быть разной). Необходимо обрамить ее справа и снизу рамкой-картинкой. Эта рамка-картинка разбита на пять частей: правая верхняя, правая, правый нижний угол, нижняя левая, нижняя. Пытаюсь это сделать с помощью таблицы и распихать куски рамки бекграундами. <table cellpadding='0' cellspacing='0' border='0' width='307'> <tr> <td rowspan='2' colspan='2' width='300'> <img src='images/dish/IMG_0553.jpg' width='300'> </td><td width='7' height='7' backgrou…
0 votes1 answer -
div не обтекает картинку в IE 6
Сложилась такая проблема: Мы имеем картинку размером 340x105 px, и теперь нам надо всунуть её в div, да так чтобы он ее полностью обтекал. Для этого: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> main </title> <style type="text/css"> body { margin: 0; padding: 0; border: 0; } /* Данный блок тех же размеров что и изображение */ #header { width: 340px; height: 105px; background-color: red; } </style> </head> <body> <div id="header"> <img src="logotype.gif" width="340" height="105"> </div> </body> </html> Во всех остальных…
0 votes2 answers -
пересечение слоев. как исправить?
В дримвейвере у меня все выглядит атк как нужно. А на сайте все иначе есть 2 слоя. "textbody" - рамка слоя "text". И если в "text" написать длинный текст то рамка "textbody" остаеться на месте вместо того что бы вытягиватся по длине текста. .textbody{ border-style:solid; border-color:#000; border-width:1px; width: 800px; background:url(pic/bgr.png); padding: 10px 20px; margin:0 auto; min-height:480px; } .text{ font:Verdana, Geneva, sans-serif; font-size:18px; color:#000; margin:0 auto; padding:10px 10px; text-align:left; }
0 votes6 answers -
Резиновая ячейка в таблице
Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 2 (см. скрин). Высота верхней и нижней ячеек жестко заданы. и содержат градиентный фон. Вторая ячейка просто залита цветом (в данном случае красным). Как можно заставить ее растянуться до необходимой высоты? (на скрине она растянута вручную а так получает высоту 0) HTML & CSS: <div id="navigation"> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV …
0 votes11 answers -
помогите разобраться
у миня такая проблема как сделать в css чтобы цвет границы отображался не только в отдельной ячеики а полностью во всей таблице! как было раньше в теге bordercolor... вот пример <table width="90%" border="1" cellspacing="0" cellpadding="0" align="center" class="table"> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> </td> <td width="60%"> </td> </tr> <tr height="50"> <td width="30%"> …
0 votes4 answers -
неполучается опустить вниз div
Здравствуйте! Как можно второй внутренний div поместить вниз родительского ? <div style="width: 500px; padding: 5px; height: 450px; border: 1px solid black;"> <div style="width: 100%; padding: 5px; background: green;"> 12345 </div> <div style="width: 100%; padding: 5px; height: 50px; background: green; vertical-align: bottom;"> 67890 </div> </div> Первый внутренний див так и должен висеть вверху. А второй мне нужно чтобы постоянно висел внизу, даже если первый див будет расширятся по вертикали. vertical-align: bottom не помогает. И еще вопрос: почему внутренние дивы вылазят за пределы родительского?
0 votes11 answers -
смещение дивов... относитильно бекграунда
вот есть мой не доделанный сайт http://www.talisman-dancing.ru если нажать на ссылку "Главаня" и "Контакты" вроде все оке. а если перейти на "Галерею" и "текст" то сайт смещается куда то в лево. от чего это может быть. Движок сайта modx. Все является шаблоном кроме содержимого прозрачного контейнира.
0 votes5 answers -
Как задать свойства границ у ячеек таблицы?
У таблицы свойство: style='border:1px solid #cccccc;' Но эти свойства задают только внешний контур таблице, а как такой же задать и ячейкам?
0 votes2 answers -
Всплывающая картинка при наведении на ссылку.
Добрый день. Пытаюсь реализовать интересное меню. В коде хтмл прописал такое значит: <ol> <li><a href=#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> <li><a href="#" title="#">#</a></li> </ol> Задумка такая - при наведении на ссылку, справа появляется картинка 1, при наведении на вторую ссылку появляется другая картинка 2, на третью - ещё другая картинка. Гуглил, нашёл ява и флеш, а вот css видимо тяжёлая штука.
0 votes25 answers -
Проблемы с IE div верстка
Графическое меню равняется с концом текста блока с контентом то есть уезжает вниз. В опере все нормально в мазиле тоже. Косяк только в IE. Подскажите что делать? Убил кучу времени и так не нашел решения проблемы. Вот код: <body> <center> <div class="car"> <div id="head"></div> <div id="cont"></div> <div id="menu"> <br/> <a href="index.php"><img src="themes/img/1.jpg" alt="Главная"/></a><br/><br/> <a href="cena.php"><img src="themes/img/2.jpg" alt="Цены"/></a><br/><br/> <a href="klient.php"><img src="themes/img/3.jpg" alt="Наши клиенты"/></a>…
0 votes2 answers -
Флеш часы на сайт
Ребят всем здрасте У меня такй вопрос, есть сайт визитка на её нуно вставить флеш часики.. Фон для сайта у меня картинка, на этот фон нужно поставить флеш часики, я начинающий код етот взял с htmlbookа, как бы я не старался флеш часики появляются после фона внизу страници... В общем они некоректтно идут вообще.... Жду ответов
0 votes9 answers -
z-index не работает.
Попробую описать всё объективно. Делаю школьный сайт(попросила одна знакомая учительница) В общем с html когдато разбирался полностью, но вот до css очередь тогда так и не дошла, сейчас вот начал учить. Вроде бы всё просто, но почему-то нихрена не получаеться web page maker делает такой код: <div id="image1" style="position: relative; overflow:auto; left:0px; top:0px; width:798px; height:858px; z-index:0"><img src="images/back(css).jpg" alt="" border=0 width=798 height=6></div> <div id="image2" style="position:absolute; overflow:hidden; left:0px; top:12px; width:771px; height:242px; z-index:1"><img src="images/Шапка.png" alt="" border=0 wi…
0 votes23 answers -
Нужно как то зачудить что бы тянулся блок
При добавлении текста нужно что бы он тянулся по вертикали! Фон и маркер справа в фотошопе сделаны одним слоем. Я придумал способ, о тогда нужно как то три бекграунда рвзмесить для одного элемента, типа вырезать верхнюю половину, поцентру один пиксель для повторений, и нижнюю половину. Но как это воплотить в жизнь в html не могу сообразить! Как бы его правильно совместить?! Наперед спс!
0 votes8 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-