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
-
Автоматическое позиционирование ячейки при отсутствии места
Здравствуйте! Потребовалось сверстать блок вот такого типа. 1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано. 2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом. 3 - аватарка, у меня она с абсолютным позиционированием, положение блоков относительно ее регулируется пэддингом. Один из ключевых моментов - это резиновый макет, т.е. при увеличивании \ уменьшении окна браузера все должно работать корр…
0 votes3 answers -
Как правильно вывести "подменю"?
Доброго времени суток. Есть шапка, ее стили: position:fixed; top:0; width:100%; margin:10px 0px; height:60px; есть кнопка в этой шапке, по нажатию которой нужно плавно снизу вывести меню с такими же стилями (главное что бы width:100%; и height:60px;) обработчик нажатия кнопки я сам повесил (toggleClass) Изначально меню должно быть например (opacity:0;bottom:0;z-index:-1;) по нажатию добавиться стиль в котором будет (bottom:-60px;opacity:1;), плавности добавит transition Но у меня пока толкового ничего не выходит, может кто подскажет как правильно сделать?
0 votes1 answer -
не могу дойти как сделать. Комбинация дивов и таблиц. Резиновый эффект
Собственно продолжение темы контейнер внутри ячейки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="Config/style.css" /> </head> <body style="padding:0px;margin:0px;"> <div id="back"><img src="background.jpg" border="0" height="100%" width="100%"></div> <!-- Подложка картинка 100на100% --> <div align="center" id="page"> <!-- Тело --> <table style="height:100%; width:100%" border="0" cellspaci…
0 votes0 answers -
Русский WordPress
Я так понял, что официального релиза на рус. не существует. Где его лучше брать? Где берете его вы? Мне попался на глаза от lecactus. От lecactus он только переведен или еще что добавлено? P.S. просто много где на блогах видел упоминания на сайт lecactus.ru
0 votes4 answers -
Помогите понять, откуда отступ под IMG?
Всем доброго времени суток. Имею такой html код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Откуда ноги ратсут?</title> <style type="text/css"> .image_div { padding:0; margin:0; background-color: #AAA; float:left; } img { margin:0; padding:0; } </style> </head> <body> <div class="image_div"> <img src="image1_0.jpg"/> </div> </body> </html> B что в Опере, что в IE под картинкой появляется полоса цвета #AAA высотой около 4 пикселей. Что э…
0 votes6 answers -
Пролистывание закладок
Здравствуйте. Есть закладки, которые не умещаются по ширине. В таком случае по сторонам должны появляться стрелочки-пролистывалки. Вроде видел такое, но не помню где? Как такое можно реализовать? Тока не фреймами.
0 votes2 answers -
SSI
Заранее прошу прощения, если влепил тему не в тот раздел, но ничего более подходящего не увидел. Есть такая структура сайта: docs - тут все страницы сайта ssi - тут часть кода, который размещается через директиву на все страницы index.shtml Вот такая директива прописана в коде всех страниц на сайте, включая главную <!--#include virtual="/ssi/links.html"--> В html-файле, который вставляется через директиву, есть ссылка такого типа <a href='stranica.shtml'>Ссылка</a> После того, как все это отработало получаем все страницы с размещенной ссылкой <a href='/docs/stranica.shtml'>Ссылка</a>, а главную страницу с неработающей ссылкой <a href='stra…
0 votes1 answer -
Как сделать тянущийся input, текстовый.
Собственно тема!
0 votes1 answer -
Шапка из 5 элементов
Здравствуйте, помогите пожалуйста сделать шапку. ( div+css ) <->right.png<->right-center.png<->center.swf<->left-center.png<->left.png< где right-center.png и left-center.png должны растягиваться под разрешение
0 votes6 answers -
Кривое меню (CSS)
Здравствуйте! Скачал готовый CSS layout с двумя столбцами. Уже второй день не могу приспособить туда свое меню. Не могу заставить его отображаться так же, как и в menu.html (c правильными отступами, без повторов и без li-точек). list-style: none; в menu.css почему-то не работает... Помогите, пожалуйстаста, разобраться со всем этим. http://files.mail.ru/NC1NLA
0 votes2 answers -
По поводу рекламы на сайте
Наверно, я обращаюсь не совсем по адресу, но если кто-нибудь сможет мне помочь, то я буду благодарна. У моей подруги есть посещаемый сайт и она хотела бы размещать на своем сайте рекламные баннеры за деньги. Подскажите, пожалуйста, как в интернете можно найти рекламодателей, чтобы предложить им разместить их рекламу на своем сайте? Может быть, в интернете есть специальный сервис, где можно предложить свой сайт в качестве рекламной площадки для размещения баннеров?
0 votes1 answer -
Отправка формы в iframe на другой странице
Привет, Нужна помощь, обыскал весь google, но нечего не нахожу. Задача такая, есть: 1) Страница #1 на которой форма (логин и пароль) 2) Страница #2 на которой iframe Реально ли передать данные формы из страници #1 в iframe на странице #2? Передавать данные со страници на страницу, умею, но реально ли это сделать в данном случае? Буду, очень признателен, если поможете.
0 votes3 answers -
Катастрофа с ошибочным отображением елементов в браузерах
утром сел делать сайт свой все было нормально как и всегда(на главной странице)сейчас работал исключительно с другими страницами сайта к главной даже не прикасался!в стилях тоже не касался к вещям которые к главной странице имеют отношение.Вот собрался ложится спать,захожу на главную страницу а там один из важнейших блоков поламался,другого слова не могу подобрать просто,все настройки css сбились полностью,да и не просто сбились а установились какието лично свои,елементы из блока разбросаны по экрану,я в шоке. в хроме главное нормально(я сегодня через него сайт верстал),до этого в основном в опере делал,так вот зашел проверить и именно в опере такая кавасяка.В мазиле тоже…
0 votes16 answers -
box-shadow в CSS3
Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.
0 votes3 answers -
Имена файлов CSS
Как нужно понимать? Реальный пример <style media="all" type="text/css" xml:space="preserve"> @import url('_includes/css/emory-html5-fix.css'); @import url('_includes/css/emory-main-base.css'); @import url('_includes/css/emory-main-nav.css'); @import url('_includes/css/emory-main-header-footer.css'); @import url('_includes/css/emory-callouts.css'); @import url('_includes/css/emory-hompage.css');</style>Почему именно _includes а не просто includes? Встречал такое довольно часто. Пишут что запросов нужно делать как можно меньше, а реально почти у всех целый набор. Чем или как это обьясняется? <link type="text/css" re…
0 votes3 answers -
Как реализовать наклонные ленты через всю высоту страницы?
Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?
0 votes2 answers -
Ссылка якорь
Нужно на первой странице поставить ссылку якорь на вторую на скрытый блок, который должен при этом разворачиваться. <h2>Блок</h2><p><a class="button" onclick="$('#afisha').slideToggle();" name="afisha" href="javascript://">(скрыть/показать)</a></p><div id="afisha" style="display: none;">Информация</div>пробовал сделать с помощью name="afisha", но не сработало.
0 votes4 answers -
Стоит ли разделять стили на несколько файлов
Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…
0 votes4 answers -
Адаптивное перемещение блока: как реализовать (шаблон прикрепил)
Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…
0 votes0 answers -
не показывает элемент через before
Почему когда я прописываю "Имя" через content для input ничего не выводится ? form — копия.html
0 votes5 answers -
Как убрать блуждающий тег?
Я создавал баннер, было всё норм. Но когда я начал второй создавал он у меня заработал, но он был ужасный. Вместе красивых рядов с портфелями у меня их стало два, а должен быть один. Начал выяснять что за срань с кодом, полез в валидатор и обнаружил что есть какой то блуждающий тег. Что это такое, я не понимаю, но хотелось бы разобраться как это исправить. Вот собственно говоря код в котором валидатор ошибку нашёл: <section class="banner-section page-section">↩ <div class="container">↩ <div class="banner-section_inner">↩ <div class="banner-section_slider">↩ <a class="banner-section_slider-item" href="#">↩ &…
0 votes1 answer -
0 votes3 answers
-
Правильное отоброжение в ИЕ6
Мне необходимо картинку(хедер) порезать на три дива, вот код <style> body{ width:1000px; } #Header_01 { background: transparent url(Header_01.png) no-repeat scroll center center; height:140px; width:210px; float:left; } #Header_02 { background: transparent url(Header_02.png) repeat-x scroll center center; height:140px; width:609px; margin:0 0 0 210px; } #Header_03 { background: transparent url(Header_03.png) no-repeat scroll center center; height:140px; width:181px; float:right; } </style> </head> <body> <div id="Header_01"></div> <div id="Header_03"></div> <div id="Header_02"></div&g…
0 votes3 answers -
Баг в ИЕ незнаю как решить
Искал вроде не нашел. Потому что, даже незнаю как это можно назвать =) Как видно из картинки, колечко исчезает где-то, непонятно где в IE. В других браузерах просто сдвигается, как по сути и должно быть. <div class="SPEC_Div_4"> <a href="java script:AddToCart(@productUid@)" class="basketin" title="Купить @productName@"> <img src="images/ring1.png" border="0" class="rring"> </a> </div> .basketin { display:block; width:125px; height:37px; background: url(images/inbasket.gif); } .rring { margin-right:-22px; margin-top:-3px; } Буду благодарен помощи в этой проблеме. Спасибо.
0 votes6 answers -
Верстка - правый элемент ризины
Здравствуйте. Подскажите как сделать так чтобы правый блок (#right-right) при изменении размера окна "заезжал" за пределы окна, т.е. как сейчас левый (#left-left)? вот тут макет тут Ну и может пару комментов по поводу верстки. Заранее огромное спасибо.
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-