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
-
Стили вложеных элеменов
В одной из последних рассылок про вложенность стилей было рассказано, а как сделать зависимость стиля дочернего элемента в зависимости от стиля родительского? Например, если у <table> стиль TableEx1{}, то, чтобы у <tr > и <td> стили были TrEx1{} и TdEx1{}. А если у таблицы стиль TableEx2{}, то, чтобы у <tr > и <td> стили были другими TrEx2{} и TdEx2{}. Возможно ли такое?
0 votes1 answer -
тег Marquee не хочет работать в FireFox!
Тег Marquee не хочет работать в FireFox! В Oper-е и Explorer-е работает, а в этом браузере не хочет, хотя на сайте сказано, что FireFox поддерживает этот тег. Срочно понадобилось создать несложный сайт. И тут вдруг не заработали: бегущая строка в FireFox и обратная связь на электронную почту через форму. Подскажите, кто знает, почему Marquee не работает в Fox-е? И может кто скажет, что надо доделать, чтобы обратная связь через форму заработала.
0 votes0 answers -
CSS3 PIE и overflow: hidden
Попытка добавить PIE сопряжена с проблемами которые описываются тут. В общем нужно добавить тени на блоки часть которых должна быть спрятана с помощью overflow: hidden, после добавления PIE блоки не прячуться. Там даются решения этой проблемы которые я не понимаю. Кто нибудь решал данную проблему? Нужно: получилось:
0 votes2 answers -
:focus для <a>
К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон
0 votes5 answers -
Не хочет работать скрипт в модальном окне
Вопрос по модальному окну в html Панель авторизации работает вне модального окна: В модальном окне не как не хочет " разворачиваться" Код модального окна: <script type="text/javascript"> jQuery(document).ready(function($) { $('a[rel*=facebox]').facebox({ loading_image : 'loading.gif', close_image : 'closelabel.gif' }) }) </script> html код: <a href="#info" rel="facebox">Авторизация</a> <div id="info" style="display:none;"> {login} </div>
0 votes2 answers -
кроссбраузерное меню
Добрый день! Очень очень нужна ваша помощь!!! Я уже замучилась искать варианты. Моё горизонтальное меню не отображается корректно в ИЕ 6 . может и еще где то.. Помогите исправить код , чтобы всё работало . вот сам код : css - #mbtnavbar { background : #060505; width : 930px; color : #fff; margin : 0 auto; padding : 0; border-top : 0 solid #960100; height : 35px; } #mbtnav { margin : 0; padding : 0; } #mbtnav ul { float : left; list-style : none; margin : 0; padding : 0; } #mbtnav li { list-style : none; margin : 0; padding : 0; border-left : 1px solid #333; border-right : 1px solid #333; height : 35px; } #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited { color : #f…
0 votes3 answers -
не показывает полностью мой сайт
В моем странице много чего и браузер как бы не может показать всо.и мои нижние элементы не видно в браузере..Помогите плиз
0 votes5 answers -
Проблема с div
Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg
0 votes3 answers -
от позиционировать элемент в динамическом блоке
есть блок который увеличивается при определенном событие в нем картинка <div class="little_point" style="left: 427px; top: 356px;"> <img src="http://www.google.com/mapfiles/marker.png" /> </div> как сделать так что бы картинка всегда была по центру прижатая к низу вот стили блока .little_point { position:absolute; width:20px; height:34px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; background-repeat:no-repeat; background-color:#000; } высота и ширина меняются через js динамически пробывал через vertical-align но элемент даже не сдвинулся
0 votes9 answers -
Верстка email-рассылок
Значится, на данном этапе стала передо мной задача верстки мейл-рассылок. Подскажите, пожалуйста, какие-нибудь сервисы\приложения для проверки того материала, что я наваяю (как будет выглядеть в разных клиентах и т.п.). Премного благодарен
0 votes6 answers -
баг в ie8 с table-cell и шириной
Добрый день у меня есть список товаров, картинку в превью нужно выровнить по вертикали и горизонтали для этого я применила метод с table cell, вроде везде все нормально кроме ie 8 почемуто ширина элемента с классом b-product__img-link больше чем положено, даже в ie 7 все хорошо но там хак применялся, посмотреть можно тут, в самом низу в блоке Товары из этой серии еще вот какое примечание на странице каталога я использовала тот же метод но там все отлично работает как это можно исправить?
0 votes5 answers -
Java script
Подскажите, как определить название картинки при клике на нее? Допустим, на сайте есть куча картинок с разными путями и названиями. Как сделать так, чтобы при клике по любой картинке команда alert выдавала имя файла этой картинки? Допустим, картинка лежит по адресу file:///C|/Users/User/Desktop/pic_01.jpg и при клике на нее выдавалось имя файла pic_01 ? Нашел только вот что: var val='http://localhost/site/someimage.jpg' alert(val.substring(val.lastIndexOf('/')+1,val.length))Но тут в переменную val присваивается абсолютный неизменяемый адрес, а команда substring в итоге выдает имя файла с расширением, а мне оно не нужно.
0 votes7 answers -
Сократить текст при помощи css или ещё как
Как сократить вывод названия если оно большое. Может кто знает?
0 votes3 answers -
HTML язык разметки, CSS, дизайн, а как создать регистрацию?
Как я понял, html используют для разметки, создание ссылок и текста, и т.д., а css как для создание дизайна сайта, а что надо использовать, чтобы создать допустим, регистрацию на сайте?Или я недостаточно узнал об html?
0 votes9 answers -
Простите, но формы отправки
Здравствуйте. У меня получилось подключить эту прекрасную форму отправки, пример тут. Она предполагает использование нескольких идентичных форм на странице. Но почему-то не работают они на сайте. Всё, что конфликтовало. я поправила. Из, например, 3-х одинаковых отправляет только первая. Откройте секрет - как поставить на сайт несколько идентичных форм отправки, чтобы каждая отправляла запрос пользователя на почту? Спасибо, не ругайтесь.
0 votes6 answers -
Позиционирование элементов
Привет! Помогите мне понять почему возникает такая проблема: есть три блока, находятся в ряд. Крайние прибиты по краям родителя. При уменьшении экрана 1 блок скрывается, а 3 перестраивается вниз. Так вот, если играться с размерами окна, 3блок перестраивается вниз, но когда снова увеличиваешь окно, он становится не в ряд, а ниже. Если обновить страницу становится опять все хорошо. Очень хотелось бы понять почему так. https://jsfiddle.net/horprogs/5hjwwnpj/1/
0 votes6 answers -
Непрозрачность для картинки
Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } <section class="get_in_touch"> <p>Do you like <span>our work</span> so far?<br> Let's talk about <span>your project</span>!</p> <a class="button" href="#">Get in Touch</a> </section> .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px…
0 votes4 answers -
Помогите с одной функцией
При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!
0 votes3 answers -
Обрезка блоков
Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?
1 vote2 answers -
Рендеринг в опере
В центре страници скачать файл есть "окошко". При изменении его размеров в опере оста?тся след от уголка. Этот уголок позиционируется отрицательно от слоя с фоном "окна". Кто знает почему в опере проблемы?
0 votes0 answers -
Проблемка с отступами в ie6
Дело касается текста .. помещаю его в контейнер и он несколько выезжает за его пределы .. Конечно делаю отступы, ноо.... В общем то изначально левый блок <div id="left"> имеет 173 пикселя в ширину, но отчего то он кажется шире, хотя картинки в нем именно 173 пикселя в ширину. почему так это первый вопрос?! И Естественно исходя из того что "left" шире и отступы для него делаю отдельно, но как ни делаю раскладка рушится потому что правый блок в ие6 постоянно уезжает вниз или некрасиво вылезает бэкграунд картинка большого контейнера.. подскажите Как решить эту проблемку ?! Ссылочки на макет нет так как пока все делаю локально .. В Css не спец. Спасибо за ответики <…
0 votes2 answers -
ошибка валидатора
при проверке страницы на http://jigsaw.w3.org/css-validator/ выдает ошибку "Нераспознанная ссылка или инструкция обработки с таблицей стилей XML" вот собственно и код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>индекс</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body> <div id="top"><img class="center" src="images/01.jpg" alt"картинка"></div> <div id="menu"> <a href="index.htm">Главная</a> <a href="foto.htm">Галерея</a> <a href="foto.htm">Технические характеристики</…
0 votes2 answers -
Резиновый сайт на div'ах
У меня такой макет: Вот код, который я набрал: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>...</title> <style> body { margin: 0px; } #container { display: inline-block; } #wrap { display: inline-block; margin: 10px; padding: 5px; background: yellow; } #header { height: 50px; background: green; } #content { float: left; min-width: 200px; background: orange; } #right { float: left; background: #a5a530; } </style> </head> <body> <div id="container"> <div id="wrap"> <div id="header">Header</d…
0 votes1 answer -
Проблемы со ссылками.
Доброго времени суток. Начну, пожалуй, с описания задачи: 1) Сделать ссылку с флешкой; 2) При отсутствии флешки появляется картинка с ссылкой; 3) Блок ссылок находится снизу после флешки; содержит одну основную и список побочных; 4)Из таких ссылок сделать два ряда по 3 штуки. Первые три пункта осилил - http://beavers-net.narod.ru/primers/links_wth_swf.html 4-й так и не смог. Пытался как-то загнать все в блок через overflow: hidden, в результате столкнулся с тем, что ссылка вообще активной перестала быть.. Любая ссылка в блоке перестала реагировать на события мыши.. http://beavers-net.narod.ru/primers/links_trouble.html Все ошибки валидации - из-за вставок яндекс-хостинга.…
0 votes5 answers -
проблемы в Safari 4.0.2 и Chrome 3.0.182.2
Здравствуйте. Не как не могу понять почему плывет верстка на страницах palto-modello(dot)ru и palto-modello(dot)ru/collection-palto/vesna_2011/m02.html Подскажите в чем причина и как исправить, желательно без хаков. Спасибо.
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-