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'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …
0 votes10 answers -
Fansybox не корректно работает
В общем столкнулся с такой проблемой. Первые 3 картинки должны увеличиваться, когда на них нажимаешь иногда увеличиваются, иногда нет. а вот самая последняя картинка увеличивается стабильно. Я думал это из за li элементов, в чем может быть проблема как думаете? Вот и сам пример
0 votes0 answers -
Помогите сделать кнопку
Никак не могу понять как сделать кнопку с градиентом. Вот пример. Посмотреть в живую можно на "Rндексе" в картах. Хотел стянуть - не получается.
0 votes5 answers -
Помогите с html-css (table, width, div)
Не могу найти причину, почему #r_side исчез, а #content вылез на всю страницу. jb-style.com.Но это произошло после добавления таблицы внизу
0 votes2 answers -
Резиновый сайт
ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!
0 votes8 answers -
Проблемы с hover
Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.
0 votes5 answers -
Позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок
Подскажите, как решить задачу позиционирование текста по нижнему краю со скрытием его части не помещающейся в блок? Использую следующий CSS: div{ height:160px; width:160px; overflow:hidden; display:table-cell; vertical-align:bottom; } При таком способе не срабатывает overflow:hidden; и при длинном тексте высота блока увеличивается.
0 votes3 answers -
Центрирование плавающих блоков
Столкнулся с проблемой. Есть 5 блоков которые должны идти в 2 ряда - 3+2 Задача центрировать получившуюся конструкцию. Блоки должны оставатся блочными элементами (тк в свою очередь тоже содержат блочные элементы) так что display:inline не подходит. Все что я нарыл в инете по этому вопросу - размноженная на куче блогов статья как центрировать меню http://dimox.name/how_to_center_floating_list/ - но этот метод не подходит - второй ряд все равно оказывается прижат к левому краю... Подскажите плз, как можно решить данную задачку
0 votes0 answers -
проблема отоброжение в ie7
Есть таблица в ie8, opere,mozile показует норм, а вот в ie7 отступы не применяются #table_1 { width:478px; margin:47px 100px 70px 124px; } В ie7 таблица привязуется к верхнему левому углу.
0 votes1 answer -
Как добиться кроссбраузерности?
Сделал форму поиска с несколькими полями и над каждым полем надпись, заключенная в блок(div). Во разных браузерах тексты надписей съезжают в разные стороны, а в Хроме надписи "Начало Тура" и "Длительность Тура" вообще съезжают вверх на 5px. Вот примеры отображения: Хром IE Mozilla Opera Уважаемые гуру, подскажите решение...
0 votes2 answers -
IE6, блок улетает вниз
Есть: #main { overflow: hidden; padding:0 10px; margin:0 auto; clear: both; } #left { width: 230px; float:left; } #center { background-color: #fff; margin-left: 230px; } <div id="main"> <div id="left"></div> <div id="center"></div> </div> Содержимое center улетает вниз на высоту блока left, если ширина содержимого center больше ширины center или экрана монитора. Что делать? Необходимо, чтобы просто появлялась горизонтальная полоса прокрутки.
0 votes5 answers -
цвет фона для текста
как реализировать кто знает??7 нашел нормальный рабочий вариант для вебкидов Кому интересно <!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> <style> body{padding:10px;} #wrapper{ color:red;/*для старых браузеров*/ background:url(1.jpg) repeat;/*фон текста!!!*/ -webkit-text-fill-color:transparent; -webkit-background-clip:text; } </style> </head> <body> <div id="wrapper">…
0 votes2 answers -
Проблема с div или еще с чем?
Доброго времени суток, уважаемые форумчане. Я начинающий в этом деле. подскажите, если кто заметит в чем моя ошибка. Буду безмерно благодарен. http://hogw.ru/catalog/ адрес тестовый. Проблемы в следующем. В браузере Explorer блок с содержимым сайта съезжает влево, при сжатии браузера (уменьшении ширины браузера)картинка показывает нормально. Тот же самый блок в Firefox и Chrome остается по центру, как и должно быть. Все вроде бы ничего, но в Chrome появляется другая ошибка, которой нет в других браузерах. В Chrome блок обрывается не доползая до конца страницы. Пытаюсь найти решение так чтобы при написании текста в этом блоке фон (пергамента) доходил до самого подвала стра…
0 votes3 answers -
3 колонки в одном диве
здравствуйте, часто встречается потребность реализовать три колонки с информацией в одном диве. Например, вывести в подвале последние заметки, контакты, карту и тд. Вопрос собственно в чем, конечно можно сделать все через таблицы. В футер див засунуть таблицу, в ячейки содержимое поставить и установить ширину. Это один вариант. Второй вариант, создать три разных дива с разными отступа и перечислить их в диве футере. Это второй метод Есть ли еще какой нибудь метод без использования бОльшего количества дивов реализовать три колонки в одном? спасибо!
0 votes5 answers -
лишнее изображение у fancybox
помогите пожалуйста убрать лишнее изображение вокруг всплывающего окна всплывающее окно должно выглядеть так. но выглядит так на оригинальном сайте описанной проблемы нет. на новом сайте проблема есть
0 votes4 answers -
Текст по ширине блока
Добрый день. Помогите, please, необходимо растянуть текст по всей ширине блока. Свойство text-align: justify; уже стоит, необходимо что бы нижняя строчка была на всю ширину. Может есть какие-нибудь jQuery плагины? P.S. да, это бред и я согласен, но надо так сделать
0 votes2 answers -
Нужно реализовать такую фишку скрывать краткое описание
реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте ocStore Версия 1.5.5.1.2
0 votes5 answers -
Не получается плавный скроллинг
Вот пациент http://whoiwas.ru/work/cafe/. Вроде все библиотеки подключил, скрипт настроил. А ничего не получается.
0 votes4 answers -
animate с jQuary и hammer
Товарищи, давайте поможем все дружно мне!))Пытаюсь сделать анимацию, когда плавно подымается div1 наверх он должен волочить за собой другой div2, который растягиваясь закрывает страницу div3.Так же и обратно, когда div1 отпускается он сворачивает этот div2, который открывает div3. Так вот, div1 плавно двигается по странице это получилось,а вот чтоб он тащил за собой div2 ну ни как, ведет себя как вздумается, и еще не знаю как его свернуть(может чё подскажите??? html <div id="div3" style="height: 100%;align-self: center;width: 28%;background-color:yellow;position:absolute; float: none;"> <div style="width: 100%; height: 18%; background-color: #253fff; z-inde…
0 votes0 answers -
font-stretch
Везде написано, что Chrome не поддерживает font-stretch, но запустил пример и версия 43 вполне всё корректно показала. Где можно узнать, с какой версии браузер начал поддерживать это свойство?
0 votes5 answers -
По БЭМу ли?
https://jsfiddle.net/qg3n0yaw/
0 votes0 answers -
Навигация по сайту
Вот условный макет сайта Как можно добиться того, чтобы шапка с подвалом оставалась неизменной, а в рабочей области содержание изменялась в зависимости от выбранной ссылки и эта область изменялась по высоте? Я знаю только с помощью фреймов. Ну и include("./footer.inc.php3");. А какие есть еще варианты? Спасибо!
0 votes3 answers -
dropdown - background
Приветствую. Молю помощи-совета: wordpress 2.8.4 wordpress.org/extend/themes/simple-notepad - тема codex.wordpress.org/Template_Tags/wp_dropdown_categories - использованный таг итак, пошагово: 1) /wp-admin/theme-editor.php?file=/themes/simple-notepad/sidebar.php&theme=Simple+Notepad вставил: <li id="categories"> <form action="<?php bloginfo('url'); ?>" method="get"> <?php wp_dropdown_categories('orderby=name&order=DESC'); ?> <input type="submit" class="knopka" name="submit" value="Ок" /> </form> </li> 2) меню есть, но бекграунд белый и ширина поля малая, надо бы больше. 3) лезу в wp_dropdown_categories() is lo…
0 votes0 answers -
Вопрос По Дивам.
Прошу подсказать в вопросе. Т.к. Сам понять не могу . есть сайт Вот такой , для которого я делаю шаблон. Центральный блок maincol имеет внутри див centerhead, вот внутри этого дива еще один див. Так вот почему когда я для последнего дива ставлю маргинтоп, то он отмеряет его не от тега centerhead, а вообще от нидера.
0 votes3 answers -
Наследование свойств border
<style> div { border: 1px solid; } div.pt { border: dotted green; } </style> <div>1 1 1 1</div> <div class="pt">2 2 2 2</div> Почему 1) <div class="pt"> выводит рамку аж трёхпиксельными точками, а не наследует из селектора для div? 2) Если убрать dotted в div.pt { border: dotted green; }, то рамка у второго div-а пропадает? В http://htmlbook.ru/css/border написано border: [border-width || border-style || border-color], т.е. все атрибуты указывать не надо.
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-