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
-
Объясните отличие
Здравствуйте. Сильно не ругайте, но сколько не читал не могу понять отличия: .class a:hover a.class:hover
0 votes1 answer -
Верстка для iPhone
Здравствуйте! Есть макет из 2 колонок. В левой широкой колонке - фотография и текст справа. Правая - узкая, видимо, под текст. Требуется сверстать макет с учетом корректного отображения в устройствах типа iPhone. Скажите, пожалуйста, каковы особенности такой верстки? Что следует учесть при работе?
0 votes0 answers -
На отображение абсолютно позиционируемого элемента влияет его родитель
Столкнулся с такой особенностью, что если взять элемент и абсолютно его спозиционировать с помощью position:absolute;, то отображение этого элемента будет зависеть от того, каким является его родитель. Так если есть два элемента <div class="outside"> <div class="inside">text</div> </div> и внутреннему назначить position:absolute;, то если внешний элемент будет иметь свойство display:block;, то его отображение будет таким. Если же внешнему элементу назначить свойство display:inline; или display:inline-block;, то его отображение будет другим. Внутренний элемент с классом "inside" может, кстати, иметь любой display, но это не повлияет на всю картин…
0 votes3 answers -
порядок разметки страницы
не помню где видел графическую схему, которая помогает определить в какой структурный html5-тэг заключить содержание. кажется на html5doctor. но найти что то не получается долгое время. помогите пожалуйста ссылкой
0 votes2 answers -
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
Flash или JavaScript
Привет! Есть небольшой нарисованный глаз, пусть эта картинка будет 50px на 50px. Нужно расположить этот глаз в header и сделать так, чтобы он следил за движениями мышки, т.е. чтобы всегда смотрел именно на курсор мышки. Где это можно сделать, в Adobe Flash, JavaScript или же в том и другом? P.S. Чтобы область реагирования глаза определялась именно открытым браузером.
0 votes3 answers -
Отступ между ячейками table
Добрый день! Не получается избавиться от отступа между ячейками таблицы: Код: <table width="100%" border="0" cellspacing="0"> <tr> <td> <div class="header"></div> </td> </tr> <tr> <td align="left"> <div class="frame-box"></div> <div class="left"></div> </td> </tr> </table> PS: добавление cellspacing="0" не помогает.
0 votes1 answer -
Проблема с css
Добрый вечер, говорю сразу - я новичок. Короче есть сайт, на страницу http://flagshtoki.com/flagshtoki-winder-2.htm нужно вставить готовую вёрстку. Проблема: нарушение стилей вёрстки при вставке на сайт... Помогите пожалуйста!!! <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href="light.css" rel="stylesheet" type="text/css"> <link href="boxed-light.css" rel="stylesheet" type="text/css"> <link href="glass-blue.css" rel="stylesheet" type="text/css"> </head> <body> <div class="page" style="bac…
0 votes3 answers -
Border gradient
Здравствуйте, подскажите как модно сделать линейный градиент для границ блок. Нашел не плохой способ http://css-tricks.com/examples/GradientBorder/ (первый блок) но граница устанавливается только для 2 границ, мне нужно для всех?
0 votes1 answer -
Реализация БЭМ на XML+XSLT
Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…
0 votes0 answers -
border и space таблицы
всем привет подскажите пожалуйста, как сделать, чтобы текст в таблице был не впритык к его бордеру, но так, чтобы он был ординарный, т.к. у меня получается только 2 случая: либо граница ординарная, тонкая, но текст впритык либо граница есть, но одновременно с рамкой ячейки. как можно сделать чтобы граница была одна, но текст был не впритык к ней? p.s. использую таблицу как рамку для важного абзаца текста
0 votes1 answer -
Динамическая таблица
Добрый день друзья ! Очень прошу помочь ! Надо собрать HTML файл с динамической таблицей, т.е. чтобы она перемещалась при прокрутке странице. position: fixed пробовал, не то. Примерно надо сделать так как в этом файле: https://drive.google.com/file/d/0BwY7WN_7H7UYX2NzNWNhS3B5VTA/edit?usp=sharing Скачайте его, нажмите на какую то букву и двигайте вниз-Вы увидите как будет перемещаться таблица. Вот точно такую же надо собрать мне. Очень прошу помогите пожалуйста. Заранее спасибо!
0 votes3 answers -
Как заставить тянуться блок
Подскажите пожалуйста, как заставить тянуться блок info, в зависимости от количества текста? http://rghost.ru/57019032
0 votes3 answers -
Как "склеить" шаблон на Joomla и самоклепный лендинг
Доброго всем времени суток. Хочу сделать сайт-витрину. Беру готовый шаблон интернет магазина yootheme или rockettheme для главной страницы со всеми модулями и плагинами, и вместо описания карточки товара переправляю на лендинг пейдж сделанный в Adobe Muse. Подскажите, пожалуйста, на сколько это тяжело сделать и как лучше всего организвать. Заранее спасибо.
0 votes1 answer -
Как создать аналогичный блок?HELP!
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
0 votes1 answer -
Создание адаптивной галереи
Добрый день, подскажите пжлст, как сделать Чтобы фотографии подстраивались друг под друга и занимали все свободное пространство http://www.armani.com/ru/armanijunior
0 votes0 answers -
z-index:-2 улетает за страницу. можно побороть?
привет! помогите пожалуйста разобраться http://apriori.leveler.ru/ на главной есть блоки с баннерами, при наведении содержимое улетает за страницу, даже за подложку. до такого маразма (с z-index:-2 у картинки и z-index:-1 у текста на баннере) дошел путем экспериментов, пытаясь сделать полностью активной площадь ссылки с баннера. в таком случае текст как бы внутри ссылки и тоже активен при наведении. я чего понять не могу - почему при всех равных пропадает содержимое обертки именно при наведении?
0 votes4 answers -
Программа для работы с дизайном
Здравствуйте. Создал резиновый каркас сайта, сделал в фотошопе дизаин, шапка, подвал, и три колонки. Разрезал все это дело и возникла проблемка. При разрешении экрана 1024х768 картинки вылезают за блоки. Соответственно если делать изображения под это разрешение то при увеличенном разрешении будут белые поля у блоков. Вобщем нужно чтобы картинки играли под разрешение. Есть ли программа в которой можноэто сделать? или может в самом коде нужно что-то добавить? Надеюсь посоветуете что нибудь. Я всего лишь начинающий Спасибо всем за ответы!
0 votes1 answer -
регистрация
люди подскажите как сделать регистрацию на сайте
0 votes3 answers -
Как можно исправить элемент, чтобы валидатор принял
Под валидатором проверяю сайт. Валидатор ругается на код указанный ниже. Как я понимаю, нельзя открывать сразу 2 div, а потом закрывать сразу 2 div подряд, но не знаю как можно код переделать. <DIV style="LEFT: 50%; POSITION: relative; margin-left: -498px; WIDTH: 183px;"> <DIV style="COLOR: #ffffff; FONT-FAMILY: Times New Roman; FONT-SIZE: 10pt; POSITION: absolute; TOP: 15px; WIDTH: 183px; height: 98px"> <a href="/"><img src="/images/1.png" alt="" border="0" /></a> </div></div> Этот код выводит изображение в заданном месте. По высоте фиксирован, по ширине также по центру расположен. Как-то можно заменить, чтобы div остался…
0 votes1 answer -
Печать html текста
Добрый день уважаемые верстальщики. Нужна ваша помощь. Есть большой текст, форматированный с помощью html. Его нужно напечатать на бумаге. Причем не абы как, а соблюдая "печатное форматирование", т.е.? например, чтобы внизу по центру печатались номера страниц, каждая новая глава начиналась на новом листе и т.д. Слышал, что этого можно добиться, используя сам html+css. Вопрос, что именно? Спасибо.
0 votes2 answers -
Оптекане текстом изображения при скролинге
Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!
0 votes2 answers -
А можно ли
можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.
0 votes1 answer -
0 votes1 answer
-
появляется пустота
Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-