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
-
Отступ между элементами LI
Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…
0 votes6 answers -
отступ между ячейками
приветствую. как управлять отступом между ячейками таблицы в CSS?
0 votes9 answers -
Отступ между ячейками table
Добрый день! Не получается избавиться от отступа между ячейками таблицы: Код: <table width="100%" border="0" cellspacing="0"> <tr> <td> <div class="header"></div> </td> </tr> <tr> <td align="left"> <div class="frame-box"></div> <div class="left"></div> </td> </tr> </table> PS: добавление cellspacing="0" не помогает.
0 votes1 answer -
Отступ меню в Файерфоксе.
Проблема в следующем, в Файерфоксе главное меню имеет небольшой отступ от правой границы всех остальных элементов. В ИЕ и Опере вс? нормально. Вот фрагмент кода: HTML <body> <center> <div class="div1"> <img src="body/logo.jpg" class="logo" alt="В кругу семьи. Информационно-развлекательный портал."> <table cellspacing="0" class="tab1"> <tr> <td class="td1"> <a class="menu" href="index.php">Главная</a></td> <td class="td1"> <a class="menu" href="forum.php">Форум</a></td> <td class="td1"> <a class="menu" href="otdyh.php">Развлечения</a></td> <td class="td1"> <…
0 votes6 answers -
Отступ от body
Здравствуйте. Подскажите, почему в эксплорере от начала страницы до контента отступ примерно в 13 пикселей и почему то если все выделить то там выделяется будто пробел. В опере такого глюка нет.
0 votes5 answers -
Отступ от верха пропорционально ширине браузера
Здравствуйте, собственно вопрос в названии темы. Дело в том что я сейчас заканчиваю рисовать дизайн сайта и продумываю верстку, опыта практически нет, последний раз занимался созданием сайтов 3 года назад. Хотелось бы сделать полностью резиновый сайт, но проблема в том, что у меня в шапке картинка в пропорции 4х3 примерно, а соответственно мне нужно чтоб основная часть сайта имела отступ от верха браузера пропорционально ширине окна, иначе разъедется вся сверстанная страница, или наоборот основная часть наедит поверх шапки. Знаю что можно получить в переменную разрешение экрана(по ширине), но если у пользователя большой монитор и он открывает браузер на пол экрана только…
0 votes6 answers -
Отступ от края
Очень прошу помощи, при width: 100%; у дива сохраняется отступы от краев, как это устранить без появления горизонтальной прокрутки?
0 votes2 answers -
отступ от левого края
в ячейке таблицы текст, как лучше через CSS сделать отступ текста от левого края я сделал так: <style type="text/css"> .p1 { margin-left: 32px; } </style> </head> <body> <table> <tr> <td><div class="p1"> <p>ssssssssssssssssss</p> <p>ssssssssssssss</p> <p>sssssssssssssss</p> <p>Если соотношение отражаемых спектральных лучей схоже с соотношением, свойственным солнечному свету (преобладание сине-зеленых лучей и уменьшение содержания других цветов по краям спектра), то поверхность принимает белую окраску. Если же в соотношении спектральных лучей есть сдвиг в сторону,…
0 votes7 answers -
отступ от нижнего края окна (подскажите)
Привет, подскажите пожалуйста, если не сложно. У меня основной блок имеет отступ от верхнего края {margin: 0 auto;} а высота блока 100%. Подскажите пожалуйста, как сделать внизу такой же маленький отступ как и наверху?
0 votes9 answers -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
Отступ от новости
Как навигатор отлепить от картинки? (http://truebooks.ru/page/2/). Пробовал margin, не помог, или я его не туда впихнул,хз
0 votes5 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
Отступ от фреймворка youtube
Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…
0 votes2 answers -
Отступ от шапки до меню, при использовании SSI
Здравствуйте. Сложилась небольшая проблема. На сайте http://svetlas.ru/, создано около 20 разных страниц. Соответственно, имея разный контент, они имеют одинаковое меню, оформление, шапку и подвал. Сайт в основном сделан табличной версткой. Связался с хостером, и попросил включить для нас SSI, чтобы избежать многократного внесения изменений на каждой странице в отдельности, и вынести повторяющиеся части HTML-кода в отдельные блоки. Всё сделал по инструкции. Вот её часть: Первое что нам необходимо сделать, это переименовать наш файл index.html на index.shtml - именно такое расширение файла указывает Web-серверу на то, что мы собираемся использовать SSI Вырезаем из …
0 votes4 answers -
Отступ первой строки текста от номера
В общем сабж, а если по точнее: использовал в стиле list-style-position:inside; теперь, что-бы корректно работала под ИЕ 6 хочу сделать небольшой отступ текста от номера. Подскажите возможно ли такое?
0 votes3 answers -
Отступ подчеркивания
Здравствуйте, подскажите пожалуйста, есть подчеркнутая ссылка <a href="#"> Назад на главную страницу</a> мне нужно линию подчеркивания ниже опустить. Line-height не помогает, font-size тоже(да и за другое они отвечают). Обыскался уже, но пока безрезультатно. Спасибо.
0 votes7 answers -
Отступ после DIVa в ie 6 и 7
Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. 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-T…
0 votes3 answers -
Отступ после reCAPTCHA
Имеется два, прилегающих друг к другу, блока ... <DIV id="content"></DIV> <DIV id="footer"></DIV> ... #content { width: 729px; margin: 0 auto; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; background: url(contentfon.png) repeat-y; } #footer { width: 789px; height: 20px; margin: 0 auto; background: url(footer.png) no-repeat; } При вставке в первый (верхний) блок reCAPTCHA, в некоторых браузерах (Chrome и Safari) между блоками появляется отступ. Как его убрать? Вставляемый код reCAPTCHA: <script type="text/javascript" src="'. $server . '/challenge?k=' . $pubkey . $error…
0 votes2 answers -
отступ после абзаца
Здравствуйте подскажите как убрать отступ меж абзацев (<p></p><p></p>), нужна просто красная строка (text-ident), с <span> не работает т.е. как в бумажной книжке
0 votes4 answers -
Отступ после блока с clear: both
Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…
0 votes5 answers -
Отступ после текста
Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?
0 votes8 answers -
Отступ при отрицательном margin
Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…
0 votes0 answers -
Отступ резиновых блоков
Подскажите, как сделать отступ между резиновыми блоками? Последний блок уходит вниз. Поискал решения в сети, но все они связаны с таблицами и отступами с двух сторон. Код ul#profile-videos li {margin-right:20px;width:33.33%;outline:1px solid #4cb0e9;display:-moz-inline-stack!important;display:inline-block;}
0 votes3 answers -
Отступ с верху сайта
Я создал блок для шапки сайта и столкнулся с такой проблемой: Стоет мне создать теги в шапке тоесть <p id="slogan"><font color="#FFFFFF" size="+2">УДОБСТВО</font><br>наш приоритет</p> то на самом верху от браузера до первого <div class="top_div"> <p id="slogan">....</p> </div> появляется отступ. Вот мой CSS body{ background-color:#6d85ad; background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: 0% 0%; margin:0; padding:0; } .top_div{ width:752px; height:150px; background-color:#bdc9dd; } Я уверен, что тут все верно. Отступ появляется только если появляется тег <p> Помогите по…
0 votes3 answers -
Отступ сверху
Добрый день. Почему-то на главной странице этого сайта делается отступ с самого верха страницы... Стандартное margin:0, padding:0 стоят. Никто не подскажет что может быть?
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-