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
-
Отступ после блока с 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 -
Растягивающийся на всю высоту родителя. Реально ли?
Привет Всем Вот, как обычно, сижу верстаю - и тут встречается такая проблемка: нужно, чтобы ДИВЫ занимали всю высоту их РОДИТЕЛЯ. Ну или схожая ситуация - чтобы ДИВЫ были равны по высоте самому высокому(длинному) ДИВУ в РОДИТЕЛЕ (В общем-то ситуация одна и та же). Перепробовал кучу приёмов - безрезультатно... Вот код: <!DOCTYPE html> <html> <head> <style> body{ background:#e4e4e4; } .wrapper{ width:700px; background:silver; border:4px dashed gray; margin:0 auto; overflow:hidden; } .left, .right{ float:left; width:40%; margin:10px; background:#eee; padding:10px; } .right{ width:200px; border:2px solid red; } …
0 votes2 answers -
высота <iframe> 100% не работает в mozilla
Использую Wordpress и в режиме html вставляю яндекс карту через iframe ,в хроме карта растягивается как надо а в мозиле не работает как сделать чтобы iframe нормально работал и в мозиле использую это на сайте http://adrenalinemap.com/ <iframe src="http://adrenalinemap.com/wp-content/vivodpoints.html" width="100%" height="60%" scrolling="no"></iframe> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег DIV</title> <style type="text/css"> .block1 { width: 100%; background: #81b76d; background-image: url('http://adrenalinemap.com/wp-content/uploads/2011/05/FOOOOOOTER.jpg');…
0 votes2 answers -
Картинка по центру строки
Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.
0 votes6 answers -
Использование тега <b>
Всем привет! Я всегда использую этот тег для придания жирности. Плюс <strong> для важного жирного текста. В css же придаю жирность только тогда, когда нужно выделить ни одно идентичное друг другу слово или предложение, ибо легче написать строчку в css, чем в html клепать десятки <b>. Ну так вот, правильно ли я поступаю? и правильно ли, что вообще использую b? просто меня немало осуждали по этой теме, кто-то говорит, что b вообще нельзя использовать, кто-то говорит, что нужно использовать только strong, а кто-то вообще - только css, а теги в исключительных случаях.
0 votes9 answers -
Аккордеон (как на сайте htmlbook.ru)
Доброго времени! Прошу помочь с созданием блока для сайта. Очень заинтересовал аккордеон как здесь: http://htmlbook.ru/css . В левой части, под "Быстрый поиск CSS или тега HTML". Как можно такое реализовать без друпалов (и прочих смс), чтобы запоминался выбранный элемент и после его вывода в правом блоке, переносился бы в первую позицию в списке?
0 votes2 answers -
Вёрстка
как 4 блок поставить на линию с 3? margin-top отрицательный? ещё варианты?
0 votes8 answers -
Как должно быть?
Есть свойства: .one h1{color:red;} .two h1{color:green;} И есть вёрстка: <div class="one"><p class="two"><div><div><h1>Hello!</h1></div></div></div> Т.к. для первого и второго свойства специфичность равна, то цвет Hello! будет зависеть от того, какое свойство находится ниже в документе. Верно? В мозиле, сафари, хроме так и работает, но в IE и Opera работает по-другому, а именно: цвет текста зависит не от того какое свойство определено ниже в документе, а от того, какой из классов(.one или .two) находится ближе к тегу h1. Почему браузеры ведут себя по-разному? Можно ли как-то привести всё к единому стандарту, то есть, …
0 votes2 answers -
Изучение HTML языка
Привет всем! Я начал изучать css язык, и как говорилось в моей другой теме, изучать стоит паралельно с html языком. Вот тогда вопрос, какой html язык мне стоит изучать? HTML5? Или HTML4? И как это повлияет на отображение в браузерах?
0 votes18 answers -
Выделение текста в теге <option>
Здравствуйте форумчане! Помогите мне решить проблему верстки. Есть такой кусочек кода: <p><form> <label>Выберите страну и SMS номер. </label> <select> <option>Россия / Russia номер 9999 | 130 РУБ</option> <option>Финляндия / Finland номер 8888</font> | 4,3 EUR</option> <option>Литва / Lithuania номер 7777</font> | 7 LTL</option> </select> </form> </p> Как вы понимаете, эта форма оплаты. Мне надо выделить страны жирным шрифтом, а номера красным и жирным. Пробовал стандартными тегами, но столкнулся с проблемой, что в контейнере <SELECT> не работают стандартные html теги…
0 votes3 answers -
Не получается выровнять
Здравствуйте, у меня 2 колонки: меню и контент соответственно CSS: #menu { float: left; width: 220px; height: 100%; background-color: #fff; padding: 0px; font-size: 9px; font-family: Verdana, sans-serif; background: #fff; margin: 17px 10px 20px 9px; } и #content { width: 1000px; margin: 10px 5px 20px 25%; padding: 10px; border: 1px solid #333; } А проблема такая, что если я попробую увеличить ширину второго блока, настолько, что он будет выходить за пределы экрана, он тут же соскакивает вниз на всю высоту блока меню, то есть они начинают располагаться по диагонали. Не подскажите чем исправить?
0 votes4 answers -
import css
Какая разница между двумя импортом файла CSS? Абсолютные и относительные ссылки доступны в первом и втором, тогда зачем два импорта? 1) @import url("имя файла") типы носителей; 2) @import "имя файла" типы носителей;
0 votes3 answers -
при наведении на ссылку
сделать при наведении из "ссылка" - "{ссылка}" подскажите пожалуйста как обернуть желаемую ссылку с двух сторон определенными символами (или возможно картинками если так правельнее)
0 votes10 answers -
Селектор color
Цитирую строку из курса CSS на данном сайте: -Например, для color, который устанавливает цвет текста, в качестве значений недопустимо использовать числа. Разве это правильно?
0 votes2 answers -
Меню сайта
Выкладывание заражённой ссылки.
0 votes1 answer -
Фон сайта
Друзья! У меня есть свой сайт, пишу в html, но тут столкнулся с проблемой: хочу сделать фон сайту картинкой, делаю, но у меня контент сайта тоесть где написан текст, тоже становится прозрачным и становится ка картинка. Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем? вот код: <HTML> <TITLE>Всё о цветах</TITLE> </HEAD> <body> > <center> <TABLE width="750"border="1"> <TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF"> <img src="sait.jpg"> </TH> </TR> <TR> <THEAD> <TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decor…
0 votes17 answers -
дивный макет ( помогите)
Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…
0 votes35 answers -
Как лучше сделать лого и название сайта?
Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …
0 votes13 answers -
проблемы с формой отправки
Здравствуйте! Делаю сайт и не выходит сделать свой дизайн формы отправки, точнее дизайн выходит.. не выходит сделать так чтобы она работала. В изначальном виде все работает правильно. Что делать? http://www.beauty-group.ru/sale/
0 votes6 answers -
Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu
Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.
0 votes7 answers -
Div background repeat-y
Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…
0 votes9 answers -
Не пойму почему создается оступ
Добрый день! Никак не могу понять, каким образом у меня в верстке создается такой отступ: Сразу под заголовком "Шкафы" идут разделы, знизу идет отступ. dasma.ru/products/skafi/ margin и padding стоит 0, где возможно. Очень прошу помощи! Заранее благодарен.
0 votes12 answers -
создание меню
привет. знает кто как реализовать такое меню: т.е. при наведении становится серый блок вместе с текстом.
0 votes4 answers -
Опять выпадающее меню
Выручите /* удалил урл */ Вот тут на подменю нажать не получается, потому что оно пропадает. А на главной странице оно вообще не появляется. Вёрстка не моя. _http://sko.10401.aqq.ru/ Вот это я делал, здесь меню сделано точно так же - и работает. Где собака зарыта о_О?
0 votes10 answers -
подчеркивание текста
народ, есть вопрос, а можно ли сделать подчеркивание текста не на всю длинну текста, а задать ему свою длину?
0 votes3 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/
-