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
-
Не растягивается по высоте
Ребята проблемы с высотой. Верстка. Что можете подсказать.. Я похоже запутался с height и min-height html, body {height:100%; width:100%;} ... #wrapper { width:100%; margin:0 auto; min-height:100%; height:auto; } ... #content { width:1000px; margin:0 auto; min-height:100%; height:auto; } #main-post-content{ float:left; min-height:100%; height:auto; width:680px; margin-top:25px; } #main-right-sidebar{ float:right; min-height:100%; height:auto; width:280px; margin-top:25px; } ... Что то походу не так пошло, текст пробивает футер, и футер не опускается вниз по мере увеличения текста на странице.
0 votes1 answer -
Помогите с путём
Может быть есть возможность помочь: в html состряпана страничка, пусть i.html на ней рисунок 1.gif страничка на сайте, допустим, по адресу www.******.ru/i.html сайт лежит у провайдера на www.XXXXX.ru и страничка и gif лежат в папке public_html прописываю внутри i.html <img src="1.gif"> - пишет что нет файла!!! хотя тут же в папке лежит другая страничка и файл гиф с такой же пропиской внутри нее - все нормально отображается. может быть как-то сайт провайдера должен быть упомянут? Помогите кто-нибудь, "и чем только я это не пробовала" (С)
0 votes4 answers -
Разобраться с %
Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.
0 votes3 answers -
закрепить изображение
есть блок, в нём изображение. если увеличивать масштаб, картинка тянется по горизонтали (и по вертикали), соответственно ,едет. нужно закрепить как-то картинку, чтобы её, например, центр (или другая точка) оставались на месте, а изображение за счёт масштаба ползло вбок-верх-низ. реально ли сделать так средствами css?
0 votes0 answers -
Вёрстка для распечатки
Нужно распечать расписку сформированную скриптом. Основа расписки это таблица, которая произвольно растягиватся на несколько листов. На каждом листе снизу должны быть графы для подписей и номер страницы вида 2/5. Пробовал сделать контейнеры .page { widtht: 210mm; height: 297mm; margin: 1cm; border: solid 1px; } Но во-первых при печати они выводятся не на весь лист, а именно получаются уже и длиннее листа. И во- вторых это не решает проблему растягивающейся таблицы... Единственное, что понял, что тут нужно использовать свойство page-break-after: always;
0 votes0 answers -
Посоветуйте книгу по HTML&CSS для изучения с нуля
Посоветуйте книгу, для новичков желательно написанную простым и понятным языком (не по HTML5).
0 votes6 answers -
z-index
Дорогие форумчани, Не могу разобраться почему не работает z-index.. ttfan.ru Под слайдером есть поле с 3 колонками, над этим полем должен быть маленький header Помогите пожалуйста
0 votes3 answers -
Display: table в IE6,7
Суть такова: есть блок DIV со свойством display: table в IE 6 и 7 это свойство не работает. Есть ли какой нибудь читерский способ исправить это?
0 votes4 answers -
вложенные блоки "выпадают" из внешнего
красным выделен блок .cont, в который вложен .block. видно, что зелёный(вложенный) вылазит из родительского. почему так? структура такая: <div class="cont"> <div class="block"> контент блока </div><!--block11--> </div><!--cont--> css: .cont{ width: 1100px; margin: 0 0 0 50px; min-height: 350px; border: 1px solid red; } .block{ width: 340px; height: 375px; float: left; border: 1px solid #0F3; }
0 votes2 answers -
HTML редактор
Посоветуйте пожалуйста удобный редактор с подсветкой синтаксиса. И если можно ссылку на скачивание. Спасибо!
0 votes7 answers -
фон в таблицы
Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…
0 votes6 answers -
Как расчекить чекбокс средствами HTML?
Можно ли как-то принудительно рачекить checkbox средствами html? В некоторых браузерах при обновлении страницы сохраняются галочки в чекбоксах. Нужно избежать этого, желательно не задействуя яваскрипт. Можно ли это как-нибудь сделать? Пробовал checked="false". Не работает.
0 votes7 answers -
строка ссылка. перенос на следующую строку + изображение следом
ещё одна задачка,не могу решить. помогите. есть сслыка. сразу же за ней нужно вставить изображение-ссылку. но она сползает под блок, который образует ссылка. вторая ссылка должна "ползать за основной". то есть в зависимости от наполнения строки. я сперва реализовал отрицательным отступом, но тогда ссылка стоит на месте, а текст заползает под неё. вставлять ссылку в ссылку тоже глупо. на изображении красным показан блок, который первая ссылка отводит себе при переносе. не могу придумать. подскажите, пожалста.
0 votes10 answers -
<style> внутри <body> XHTML 1.0
Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!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-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <style type="text/css"> <
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-