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
-
Как div блок растянуть по высоте между двумя другими?
Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …
0 votes7 answers -
Выравнивание в TD
Привет всем Вопрос в следующем, есть конструкция типа такой <td style='text-align: center;'> <a></a> <span>ttt</span> </td> так вот, хочется чтоб ссылка выравнивалась по центру, а спан по правому краю. Можно как-нибудь это сделать? Спасибо
0 votes9 answers -
Помощь. 100% высота
Добрый день. Перед тем как писать - я гуглил, но мне ничего не помогло. Проблема в том что не получается прижать футер к низу. Вот страница где нужно исправить http://club-mobile.info/test/ т.е. нужно, когда мало контента, чтоб футер всё равно прижимался. Вот скрин: Стрелочками указано что куда сместить. Заранее благодарен.
0 votes4 answers -
Обойти "http://www.w3.org/TR/html4/loose.dtd"
Как обойти это "http://www.w3.org/TR/html4/loose.dtd" правило? Так как из за этой строки у меня ярлычок на картах при под грузке на мой сайт яндекс карт распадается на части. Проблема решена: http://rodlex.narod2.ru/css-problems.html
0 votes5 answers -
Проблема с выпадающим меню
Доброго времени суток! Сделал выпадающее меню, все работает! Если бы не проблема с любимым ИЕ7!!! там оно выглядит вроде нормально, да только получились промежуточки между пунктами подменю, да и в основном меню полосочки. И все бы ничего да только когда ведешь мышкой по подменю, проходя этот промежуточек - меню сворачивается! Подскажите пожалуйста как поправить эту беду! Сайт: http://ipplaneta.ru
0 votes17 answers -
Div не хочет растягиваться по высоте
Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?
0 votes12 answers -
a:hover в h1
Добрый день. Помогите реализовать следующее. Есть код <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> К тегу а применяется свойство: a:hover { color: #D31141; } Я хочу сделать вот так: <a href="{U_VIEW_FORUM}"><h1 class = "title">{FORUM_NAME}</h1></a> И все вроде бы хорошо, но в таком случаи по понятным причинам не работает a:hover { color: #D31141; } Как сделать что б работало?
0 votes3 answers -
как приатачить outlook
Подскажите пожалуйста, как приатачить outlook к ссылке?
0 votes4 answers -
Зазоры в Internet Explorer 6
Здравствуйте. Обнаружил при верстке одну неприятность, наблюдается в IE 6, в других не замечал. Google Chrome, Opera, Mozilla Firefox, Internet Explorer 8. Internet Explorer 6. По бокам у оранжевого блока видны небольшие зазоры. CSS. body { font-family: Arial, Helvetica, sans-serif; color: #333; background: #fe6; } * { margin: 0; padding: 0; } p { padding: 10px 30px; } #container, #left-col, #right-col { height: 300px; } #container { background: #F63; margin: 0 100px 0; } #left-col { float: left; width: 100px; background: #ffe; } #right-col { float: right; width: 100px; background: #aa5; } В чем причина?
0 votes6 answers -
Если вылазят строки
В общем проблема следующего рода - есть div с заданной шириной, и ограниченой высотой, содержание заранее не известно. Иногда бывает, что при обрезании текста, видна часть строки, что есть некрасиво. Хотелось бы удалить не полностью отображаемые строки, ни где не могу найти решения , вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Test</title> <style type="text/css"> .content{max-width:200px; max-height:200px; overflow:hidden} </style> </head> <body> <div class="content">…
0 votes5 answers -
В ie страница прыгает
После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>
0 votes8 answers -
Кривое меню (CSS)
Здравствуйте! Скачал готовый CSS layout с двумя столбцами. Уже второй день не могу приспособить туда свое меню. Не могу заставить его отображаться так же, как и в menu.html (c правильными отступами, без повторов и без li-точек). list-style: none; в menu.css почему-то не работает... Помогите, пожалуйстаста, разобраться со всем этим. http://files.mail.ru/NC1NLA
0 votes2 answers -
ТЕг select
Всем привет. Поставил тег селект в нем OPTION . Нужно чтобы первый OPTION выводился еще до открытия списка и чтобы его нельзя было выбрать(т.е. чтоб он был в роли заглавия) как этого добиться? ( я просто ставил DISABLE но FireFox не выводит его первым )
0 votes6 answers -
Разреженный текст - как быть?
Есть русско-японский текст (конкретно - перевод японской Википедии с помощью Google Translate). Вот такой код <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8;charset=utf-8" /> </head> <body> Справка </body> </html> даёт разреженные русские буквы в Opera и FireFox. В IE нормально (хотя он наверное опять что-то игнорирует). Стоит убрать lang="ja", всё нормально. Как быть?
0 votes8 answers -
Размещение флэш в html верстке
Надо разместить флэшку как элемент html-дизайна сайта. Сделал так: <body> <div id="contanier" <div id="contanier" style="position:absolute;"> <div style="position: absolute; z-index:10; left:205px; top:100px"> <object width="250" height="84"> <param name="wmode" value="opaque"> <embed wmode="transparent" src="http://as-billiard.ucoz.ru/Flash/Ban1.swf" width="500" height="300"> </embed> </object> </div> <div style="position: relative; z-index:9; left:0px; top:0px"></div> Но при этом дизайн перестал центроваться. Как правильно разместить флэш в html дизайне чтобы не сбить центровку? Спасибо.
0 votes12 answers -
Картинки с фоном на весь div
На некоторых сайтах видел такую штуку! Есть див с контентом, в контенте текст и картинки. Та квот картинки размеров самых разных, но идут все столбиком. и чтобы было красиво у каждой есть рамки по бокам, при чем эти рамки идут ровно до краев div`а с контентом. Соответственно выглядят картинки при таком подходе аккуратнее. Вопрос как сделать такие рамки? Есть один очевидный способ. каждую картинку в див с width 100% и картинки в этих дивах выравнивать по центру. Но хотелось бы конкретно поработать со стилями самих картинок, так как они добавляются через админку. Спасибо!
0 votes1 answer -
Красивый checkbox
Решила выпендриться и украсить форму, а в частности checkbox и кнопки. Взяла плагин (http://www.ruseller.com/lessons.php?rub=28&id=339) и прикрутила. Вот что получилось http://linker.nichost.ru/ Все отлично, вот только в FF checkbox нажимается только когда щелкаешь в верхней части, на нижнюю часть checkbox'a он даже не реагирует. В Chrom такой проблемы нет, например. Значит это заморочка FF, вот только что ему не нравится - я понять не могу И как отловить ошибку, тоже. Помогите, пожалуйста! Хоть намекните где копать.
0 votes3 answers -
Проблема выпадающего меню
Здравствуйте! Подскажите, пожалуйста! Делаю сейчас сайт на платформе wordpress. Выбрала тему которая нравится, но там возникла такая проблема. Когда открываешь видео, выпадающее меню находится ЗА видео, а мне надо чтобы находилась ПЕРЕД видео. Можно ли это как то исправить?
0 votes10 answers -
CSS - Overflow
Додбрый день, уважаемые, подскажите пожалуйста, вот есть блок у которого свойство overflow - hidden. Внутри него находится другой блок, который по размерам больше 1-го. Из-за overflow-hidden свойства 1-го блока, внутренний блок частично урезается. Можно ли как-нибудь задать свойство таким образом, чтобы сво-во overflow-hidden не распространялось на внутренний блок, как-нибудь переопределить его? Помогите пожалуйста. Не получается у меня. Спасибо за внимание.
0 votes8 answers -
Тэг h увеличивает размер строки таблицы по вертикали
...<td><h1>текст</h1></td>... увеличивает вертикальный размер строки таблицы, т.е. сверху и снизу от текста появляется много пустого места. Можно как-нибудь этого избежать?
0 votes7 answers -
Windows Server 2003
Есть сайт, который является внутрекорпоративным (но сделан чисто на HTML и php, он простенький). Платформа там используется ос windows server 2003. Вот так это выглядит там: А должно выглядеть так: Смещается именно выпадающее меню, не могу понять почему.
0 votes5 answers -
Проблема с блоками
Привет всем! Єсть проблема! Очень прошу вашей помощи! Как это реализовать? Есть блок (родительскии блок с фиксированой шириной, высота плавать должна ) --> --> внутри блока ещё 2 блоки справа и слева --> --> в блоке справа текст --> в блоке слева рисунок. Как реализовать так, чтобы ни текст, ни рисунок не выходили за приделы родительского блока, тоесть висота родительского блока - плавает. Буду очень благодарен за помощь! Оч нуно! Хелп плиз!
0 votes5 answers -
Отсутпы блочных элементов
Трабл следующий При верстке в html все блочные элементы, как и положенно отображаются один под другим. После разбиения страницы на php шаблоны, которые вывожу через <? php include 'имя файла.php'; ?> первый блочный! элемент в шаблоне типа <div> или<table> выводится с отступом на 1 строчку. При этом, если в шаблоне сперва написать текст или <span>, он появится там, где ему положенно. Лечу через position:relative; top:-20px; но, это дурдом... Хотелось бы вылечить в корне. Еще один вопрос: в файле шаблона, который буде выведен через include обязательно писать echo или эта команда не нужна? Все выводится и так и так...
0 votes13 answers -
Разместить 2 <div> фиксированой ширины по центру
В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @…
0 votes13 answers -
DIV ссылкой
Здравствуйте! Подскажите. пожалуйста, как можно целый див сделать ссылкой? Да ещё что б "анимированная" была (как здесь). Спасибо.
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-