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
-
почему не работает border-spacing?
почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:15…
0 votes7 answers -
Как отобразить кнопку в Google Chrome?
Дело в том, что в мозиле отображается всё нормально а в гуле нет. Помогите решить проблему? Код кнопки: <div class="cont2" align="center"> <input id="wm-pay-button" class="pay-button" type="submit" value="Отправить" alt="Осуществить платеж с Webmoney!" name="wmsubmit"> </div> Css .pay-button { -moz-box-sizing: border-box; background: -moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 2px 4px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 100, 145, 0.5); color: #FFFFFF; display: inline; font-size: 15px; height: 30px; li…
0 votes7 answers -
Width: 25% в Safary
Уважаемые, помогите, пожалуйста, решить проблему. Суть: Есть резиновый контейнер. В нем находятся элементы float:left или inline-block с шириной 25% или 50% или 75%. Если изменять размер окна то в Safari (5.1.7 win и 4.0.3 mac и возможно в других) эти элементы иногда не занимают все доступное им пространство. При чем если 4 элемента с шириной 25% могут оставлять пустыми 3px контейнера, то при этом 2 элемента с 25% и 75% оставляют только 1px. И получается как-то не ровно. Вот пример http://jsfiddle.net/vo1daus/7WpY2/ В остальных браузерах вроде бы все норм. Если у кого-то есть решение данной проблемы, или хотя бы знаете как сделать чтобы общая ширина элементов (3 x 25px)…
0 votes7 answers -
Проблемма с иконками от соц сетей
Добрый день! Помогите пожалуйста не могу вставить иконки от соц сетей для изображений вот сайт http://www.zif.rudo.pro/gal/ хотел сделать таким образом когда открывается изображение в правом нижнем углу должны отображаться иконки от соц сетей но у меня это не получается пробовал ставить от сюда http://account.pluso.ru/ и все равно никак ((( исходник тоже скину http://rghost.ru/46274426
0 votes7 answers -
Вопрос по созданию Html письма
Здравствуйте! Хотел бы узнать, если кто-нибудь сталкивался.. В общем, проблема в следующем: Нужно сверстать письмо таким образом, чтобы блоки с информацией можно было скрыть\открыть по клику на ссылку. Возможно ли это?
0 votes7 answers -
При открытии ссылки во фрейме - поднять полосу прокрутки вверх ?
Здравствуйте. Такая ситуация: Есть индексный документ с большим списком ссылок, который открывается во фрейме. Список длинный и на экран не помещается - появляется полоса прокрутки. И проблема заключается в том, что если нажимать на ссылку, которая находится внизу списка, то документ открывается в этом же фрейме, но его не видно сразу, т.к. мы находимся внизу бегунка. Приходится пониматься вверх по полосе прокрутки чтобы увидеть документ.. Как можно подниматься вверх страницы после открытия ссылки ?? Надеюсь понятно объяснил Спасибо заранее.
0 votes7 answers -
Закрепить логотип на сайте!
Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.
0 votes7 answers -
Модульные сетки
Решил использовать фреймворк для создания модульной сетки. Выбрал вот этот http://unsemantic.com/ Возникли вопросы, подскажите, пожалуйста, кто знает ответы на них: 1.1) Если используется таблица с инфой, например, в 10 колонок, то нужно ли ячейкам присваивать классы колонок модульной сетки? 1.2) Если ответ на прыдущий вопрос "да", то возникает следующая ситуация: я хочу, чтобы при очень маленьком разрешение(на смартфонах), в ряду была одна колонка, поэтому всем колонкам переопределяю ширину в 100%; при ширине экрана в 640px(планшеты), в ряду было по две колонки, поэтому поэтому всем колонкам переопределяю ширину в 50%; С плавающими блоками проблем нет, а вот если это таб…
0 votes7 answers -
Помогите сделать валидным код.
!doctype html Валидатор выдал просто уйму ошибок, и абсолютно не знаю, что за ними скрывается. Объясните пожалуйста неграмматному и подскажите как исправить. 1. Element noindex not allowed as child of element div in this context. (Suppressing further errors from this subtree.) Получается, noindex вообще использовать на странице нельзя? А как тогда закрывать ненужные участки страница с SEO целью? 2. The itemprop attribute was specified, but the element is not a property of any item.. ...png" itemprop="contentUrl" width="16" height="16" /></a></li><div.. Что за itemprop и за что он отвечает? Он к <img> никаким боком неклеится? 3. & di…
0 votes7 answers -
0 votes7 answers
-
Подскажите про htaccess, редиректы и диапазоны сети
Нужно реализовать редирект нескольких ip (масок подсетей) с одной страницы, на другую. Как сделать блокирование, я знаю: <Limit GET POST> order allow,deny deny from 11.222.333. deny from 11.221.333. allow from all </Limit> Как сделать редирект на другую страницу для определенного ip, я знаю: SetEnvIf REMOTE_ADDR 111.222.333.111 REDIR="redir" RewriteCond %{REDIR} redir RewriteRule ^/$ /page.html И даже знаю, как сделать для нескольких (если не ошибаюсь): RewriteEngine on RewriteCond %{REMOTE_ADDR} !(111.222.333.111|111.222.333.222|111.222.333.333) RewriteRule .* http://mysite.ru/page.html [R=301,L] Но вот как сделать для масок подсети (как в первом варианте)…
0 votes7 answers -
Wrapper обязателен или можно обойти?
удалите, пожалуйста, эту тему.
0 votes7 answers -
Проблема с min-width
Привет всем! Начал изучать хтмл совсем не давно. Нужно сдедать 3-х колоночный шаблон, резиновой верстки с мин и макс шириной и высотой. Сделал как смог, но вот проблема - min-width не работает в 3-х колонках (contentl, contentr, sidebar) Объясните в чем проблема? Ссылка: http://jsfiddle.net/RSyRR/
0 votes7 answers -
Вопрос для гуру (избавиться от лишнего расстояния)
Здравствуйте. Обычно удавалось решать проблемы следуя htmlbook справочнику, но в этот раз не выходит.. Вот пример, в нем не удается избавиться от расстояния между mboard-block-up и mboard-block. Если floatedblock I и II (а) разместить внутри mboard-block (и сменить top: 50px; на -50px), расстояние остается, просто раздвинет mboard-block снизу. В общем не знаю как побороть. Надеюсь на Вашу помощь. Спасибо.
0 votes7 answers -
резиновый div
Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}
0 votes7 answers -
Системы контроля, гитхаб и отслеживание изменений файлов
Каждый верстальщик должен знать где сидит фазан, уметь работать с системами контроля версий. Одна из них - Гитхаб. Возник вопрос - умеет ли гитхаб отмечать в репозитории каждое сохранение файла автоматически (в локальном бы самое то), или нужно фиксировать изменения руками? Какой программой воспользоваться, которая будет сама автоматически следить за папкой и сохранять все версии файла после сохранения?
0 votes7 answers -
Плавно выезжающие подпункты меню, свойство transition
Если кто сталкивался, подскажите как сделать чтобы подпункты меню выезжали плавно. http://jsfiddle.net/5zHKg/
0 votes7 answers -
Помогите пожалуйста, правую колонку сделать на всю высоту экрана
Доброй ночи всем, помогите плиз сделать бэкграунд правой колонки на всю высоту экрана, а то уже голову сломал, а ничо сделать не смог... http://topchiy.tk/contacts.html ссылочка. Спасибо отозвавшимся)
0 votes7 answers -
Посоветуйте структуру виджета
Задача: представить текстовые данные в табличном виде. НО. У каждой колонки в таблице должна быть возможность сплюснуться по ширине в 0, даже не сплюснуться, а как бы уехать (т.е должна быть анимция) в сторону (допустим, влево) под соседнюю колонку, спрятаться под нее. И соответственно, все колонки идущие после той, которую мы только что скрыли - подъедут влево и займут ее место, дабы не образовывать дырку в таблице. Что-то я начал приходить к выводу, что верстая все это дело на <table> будет невозможно создать эффект выежания/заежания колонки под близ стоящую колонку. В таблице даже невозможно просто сплюснуть ширину <td> в 0, если в этой ячейке есть контент.…
0 votes7 answers -
Вопрос по inputу
Нубский вопрос, как правильно реализовать такой INPUT? Нужно чтобы введённые данные в строку, были в итоге продублированы в скрытых input-ах. <input type="text" name="blabla1" value="введённый текст должен быть в blabla3"> <input type="hidden" name="blabla2" value=blabla1.value> <input type="hidden" name="blabla3" value=blabla2.value> Этот код конечно неправильный, но смысл желаемого понятен) "Сделай через скрипт" можно не писать, я в HTML только залезть пытаюсь...
0 votes7 answers -
ФИКСИРОВАННЫЙ БЛОК С ИЗМЕНЯЮЩИМСЯ ОТСТУПОМ СНИЗУ
Всем привет =) Нужна помощь в скрипте . Как сделать так что бы блок был прибит к низу браузера,до того момента пока не опустишься в низ,а там он становится фиксированным. Что типа этого http://www.xiper.net/examples/js-plugins/position/fixedbox.html,только к низу . Вот сайт : http://audio.chromegt.ru/ Там есть плеер в низу,надо что бы он,когда в верху был прибит к низу браузера,а когда опускаешься в низ,становился на место где сейчас стоит =)
0 votes7 answers -
Помогите сделать резиновый шаблон
Всем доброго дня, У меня есть медицинский сайт http://lechim-uxo.ru я хочу сделать его резиновым т есть на всю ширину экрана, но некоторых правил я не знаю. Помогите сделать.... Есть еще вторая проблема: У меня 3 блока левое меню, цент и правое Но есть проблема, с 3 блока все переваливаеться в центральный блок, не могу понять где ошибка, помогите....
0 votes7 answers -
атрибут title
помогите пожалуйста разобраться с атрибутом title по спецификации html4 элемент img может одновременно иметь атрибуты alt и title. мне не совсем понятно для чего они. они выполняют одинаковые функции: добавляют к описанию изображения пояснительный текст и отвечают за вывод подсказки(например при наведении курсора на img или при парсинге речевым браузером) есть ли какая-нибудь особенность, которая выполняется во всех браузерах? например за описанные выше функции отвечает преимущественно alt, но если его нет, то title в спецификации html5, смотрю, уже указан только alt, а title оставлен для обратной совместимости. это сделано потому что эти 2 атрибута выполяют одинаковые фу…
0 votes7 answers -
Наполнение контентом
Как правильно при верстке учитывать дальнейшее наполнение сайта контентом? Интересует именно вопрос в плане визуального оформления, т.е. то, что контейнер должен растягиваться по высоте, и вместе со своим содержимым никуда не наползать/не вылезать это понятно. Приведу пример. Допустим у меня есть параграфы в сайдбаре, контентной части, футере. В каждой из этих частей по макету они выглядят по-разному: размер/цвет/выравнивание и т.д. Для этого я ввожу к примеру такие классы для параграфов: aside-text, content-text, footer-text. И каждому понятно свои стили. Но скорее ведь всего контент-мастер(или как он там) не будет этого учитывать, и будет просто через тег p вписывать н…
0 votes7 answers -
Прокрутки в chrome - откуда?
Два нижних блока - с видео и комментариями (это просто картинки) имеют в хроме скроллы, в других браузерах нет. При этом и вертикальные и горизонтальные (горизонтальные я запретила). В других браузерах все чисто... Откуда они берутся? ничего не понимаю... http://vtest.uphero.com/ruletka/
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-