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
-
js
В этом примере имеется одна кнопка с выпадающим меню http://ruseller.com/lessons/les240/example/index.html . Как сделать ещё 2 таких же кнопки рядом и такими же меню?
0 votes1 answer -
Opera и фон страницы
Праивльно ли я понимаю, что в Opera при открытии страницы изначально всегда тот фон, который определен в настройках (белый по умолчанию)? Соответственно, на сайтах с темным фоном при относительно быстром переходе от страницы к странице, мелькает фоновый цвет (белый). Можно ли что-то сделать с таким мельканием, кроме помидорного терракта в штаб-квартире разработчиков сего браузера? (фоновый цвет задан и для html и для body, равно как и 100%-е ширина и высота)
0 votes1 answer -
Несколько текстовых блоков в одном месте
Хочется чтобы в одном и том же месте выводились разные блоки текста. Изначально все, кроме одного, невидимы через <div style="visibility:hidden;"> Меняя видимость хочется выводить эти блоки. Сейчас сделано так: <section class="main"><!-- #main content and sidebar area --> <section class="content"><!-- #content --> <div style="visibility:hidden; position:relative; top:0px;"> <h2>Бла бла</h2> <p>Бла бла бла</p> </div> <div style="visibility:hidden; position:relative; top:0px;"> <h2>Бла бла</h2> <p>Бла бла бла</p> </div…
0 votes1 answer -
Открытие браузерами одинаковых ссылок.
Приветствую, вопрос не совсем по верстке, он скорее об особенностях работы браузеров, но более подходящего раздела не нашел. Вопрос следующий: если на странице присутствует несколько одинаковых ссылок (допустим пять) на один и тот же ресурс (допустим на одну и ту же картинку), то как себя ведут большинство браузеров в этом случае - все пять раз делают один и тот же GET запрос или один раз делают запрос, а на остальных ссылках используются данные полученные при первом запросе? Возможно, это зависит от какихто условий - если, да, то от каких? Интересуют браузеры ie8-9, ff, opera, google chrome. Пример, чтобы пояснить вопрос: 1-случай: <div id="images"> <img src=…
0 votes0 answers -
object
Здравствуйте. Проблемы использования тега object. Заранее оговорюсь что устанавливал Media Player и QuickTime. Пытаюсь проиграть аудиофайл с помощью медиа плеера и квиктайм Вот так <body> <object classid=" clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" type="audio/mp3" data="1.mp3"></object> </body> Или вот так с помощью квиктайм <body> <object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="audio/mp3" data="1.mp3"></object> </body> Но увы опера и хром показывают белое окно. эксплорер отображает медиаплеер, но не проигрывает файл. Если не вызывать конкретный проигрыватель, например вот так <body&g…
0 votes0 answers -
Баг таблицы
Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …
0 votes4 answers -
CMS и HTML
Приветствую всех! Я начинающий верстальщик, есть базовые знания, но мало практики. Меня очень интересует два вопроса: 1) Можно ли сверстать с помощью html и css сайт, а потом интегрировать в него CMS? 2) Как отредактировать шаблон на популярных CMSках (друпал, joomla)? (ну то есть подправить например страницу с карточкой товара? Спасибо!
0 votes3 answers -
Не стандартные шрифты
Есть шрифт PF Agora Serif Pro - BoldItalic (TrueType) использовался дизайнером для отрисовки заголовков страниц, нащзваний блоков и т.д. Также в нем присутствует полутень. Использую в работе Cufon или @font-face. Первый не устраивает из-за глюков и что используется js, втрой что тольок в IE9+ работает. Хочу услышать советы и ссылку на лучшее по вашему мнению из кросбраузерных и простых решений. Спасибо )
0 votes3 answers -
Не отображается сайт
Купил домен. оплатил хостинг. Закинул файлы на сайт. Но мне выдаёт следующее К сожалению, Google Chrome не может найти страницу www.fotosvami.ru.Открыть кэшированную копию страницы www.fotosvami.ru. Сайт Fotosvami.ru Мне кажется я что-то напутал в коде или не туда закинул. Просто везде написано кидать в папку public ,но у меня такой нет(( Есть только www и потом папка с названием сайта. Кинул всё туда. Index.hml вроде есть. Его содержимое вот <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Сайт Борисовской Татьяны</title> <link rel="stylesheet" href="assets/css/s…
0 votes1 answer -
подскажите плагин для всплывающего окна
Есть ли стандартные решения вот для такой вещи?. Если не жалко - дайте ссылочки
0 votes3 answers -
font-face
Добрый день. Использую шрифт PT Sans, подключаю его через @font-face. Так вот, во всех браузерах выглядит и работает все нормально, в IE при обновлении страницы или при переходе с одной страницы на другую, сначала все отображается стандартным шрифтом, а потом изменяется на PT Sans. Что с этим можно сделать?
0 votes2 answers -
Помогите со слайдером
Есть такой слайдер под №10 на этом сайте http://efimov.ws/main/develop/javascript/jquery-plugins-css-naxodki-part-5.html?searched=karuselka&advsearch=oneword&highlight=ajaxSearch_highlight+ajaxSearch_highlight1 Почему, когда нажимаешь, что бы пролистало назад, то он листает вперёд, как убрать этот косяк?
0 votes5 answers -
Два варианта текста
Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?
0 votes5 answers -
Разъезжается меню
Добрый день. Есть сайт fedorgroup.ru при нажатии по главному меню все нормально, но как только нажимаю отправить запрос - посмотрите сами что происходит. Из-за чего проблема?
0 votes2 answers -
Ссылка-кнопка
Имеется кнопка-ссылка в виде картинки. При нажатии на кнопку в IE появляется непонятно откуда взявшийся фон, в других браузерах всё работает нормально. Вот собственно как это выглядит - До нажатия: Во время нажатия: Что делать не имею понятия. Многое перепробовал. Буду благодарен любой помощи
0 votes3 answers -
Теги сайдбра в HTML5
В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?
0 votes0 answers -
Доработка кода
Требуется мелкая доработка кода опенкарт. Есть ли кто в сообществе, кто этим занимается?
0 votes0 answers -
Макет для верстки 06.01.2011
Вот решил добавить вам еще один макетик для верстки, думаю, он вам понравится PSD: http://webformyself.com/wp-content/uploads...%20code/psd.zip Скрин: http://imm.io/2Xmu Готовая страница ( как должно быть ) http://nettuts.s3.amazonaws.com/336_siteFr...late/index.html Про макет: Ширина резиновая, высота фикс. Будут вопросы - спрашивайте Автор: Феликс Бойо Ссылка на первоисточник: http://net.tutsplus.com/tutorials/design-t...ratch-–-part-i/
0 votes1 answer -
текст картинкой
стало интересно как профессионалы относятся к следующему приёму. есть сайт. в шапке цитата размещена не в виде текста, а в виде картинки. с одной стороны это информация не основная и наблюдать её в шапке поисковиками, текстовым браузерам и браузерам с отключенными стилями(если такими вообще кто-нибудь пользуется) незачем. с другой стороны изменить её или заменить становится сложнее. это вполне обычный приём или ламерство?
0 votes1 answer -
Посоветуйте инструмент для нарезки макетов
Интересны ваши мнения о плюсах и минусах вашего инструмента для нарезки макета. Мне нужно будет резать PSD и JPG макеты. Основные плюсы и минусы, которые меня интересуют: -сложность освоения инструмента; -цена инструмента; -удобство и быстрота нарезки при использовании этого инструмента.
0 votes2 answers -
HTML код
Столкнулся с такой проблемой. Мне нужно оформить страницу так, чтобы по была не ссылка а фото и по нему заходить по уже скрытой ссылке.Хочется сделать все красиво. Проблема в следующем....на одном сайте все отлично а на др. не проходит. Может есть универсальный код? А делаю я примерно так загружаю фото на фастпик и помещаю ссылку в код там где есть и ссылка на саму страницу. Может теги не все верны. Подскажите кто знает какие варианты давно хочу разобраться с этой процедурой раз и навсегда!?
0 votes3 answers -
Помогите исправить Вид материалов файлов
Я написал вид материалов как ВКотнтакте, но он выглядит не очень СМОТРИТЕ В СКРИНЕ Выглядит тексты не ровны Это CSS .app_cat_image_cont { vertical-align: top; padding: 0px; width: 75px; text-align: left; } .app_cat_image_h { width: 75px; height: 75px; overflow: hidden; } .app_cat_image { -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-bottom: 10px; /*box-shadow:inset 0 0 3px #BBBBBB; -moz-box-shadow:inset 0 0 3px #BBBBBB; -webkit-box-shadow:inset 0 0 3px #BBBBBB;*/ } .apps_cat_row { display: inline-block; width: 292px; padding: 5px 10px 10px; vertical-align: top; *display: inline; *zoom: 1; } .apps_wide_row { padding: 11px 0px; border-…
0 votes0 answers -
Адаптивная верстка
Здравствуйте! Как сделать так, чтобы DIVы внутри контейнера "перепрыгивали" вниз, при уменьшении размера браузера, вплоть до одного элемента по горизонтали? <a target="_blank" href="http://www.radikal.ru"><img src="http://i049.radikal.ru/1207/c9/0ef06a0932bb.png" ></a>
0 votes1 answer -
Как избавиться от префиксов
Градиенты можно сделать только с префиксами, как от них избавиться?
0 votes1 answer -
Скрытый текст
Ищу наиболее семантичный метод скрытия текста. Такой, что бы по клику подробнее отображался полный текст без перезагрузки страницы. И такой, что бы поисковики индексировали весь текст. Помогите кто чем может. Кодом или ссылкой.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-