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
-
CSS Parallax - откуда-то появляется горизонтальный скрол
Здравствуйте! На одной из страниц, которую я сейчас пытаюсь сверстать есть Parallax-эффекет. Я добился того, что он работает, но вылезла проблема: откуда-то появляется горизонтальный скролл, хотя инспектор показывает размеры элементов верные. Разметка страницы: <div class="card"> <div class="image"> <!-- Image --> <img src="..."> </div> <div class="info"> <!-- Information --> </div></div>Стили: .card { height: 100vh; perspective: 1px; overflow-y: auto; overflow-x: hidden; perspective-origin: top center; background: white;}.image { transform: translateZ(-1px) scale(3);…
0 votes0 answers -
Имена файлов
Есть фрагмент html документа Текстовый документ 6,5 Кб При клике по ссылке происходит открытие файла. В заголовке %D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82[1].txt. Как сделать нормальный заголовок русскими буквами?
0 votes4 answers -
iframe, его актуальность и реализация в браузерах
добрый вечер, господа! скажите пожалуйста, iframe (в html) вообще выгодно использовать или он уже отсыхает по-тихоньку? я слышал, что iframe больше не актуален, что скоро не будет поддерживаться браузерами и что это вообще для дураков! разве есть такие браузеры и/или их версии которые НЕ поддерживают айфреймы и фреймы вообще? и, кстати, даже если их больше нет, было бы здорово также узнать, КАК ОТКЛЮЧИТЬ поддержку фреймов и айфреймов в браузере, чтобы проверить ту инфорамцию, которая будет видна тем, кто не способен воспринимать айфреймы и фреймы. тупо посмотреть, как будет выглядеть эта фраза "ваш браузер не поддерживает фреймы/айфреймы".. ещ? скажите пожалуйста, докумен…
0 votes3 answers -
Баннер
Народ, подскажите как и можно ли вообще самому сделать баннер???? может есть програмки какие нибудь????
0 votes8 answers -
кнопка меню ( текущая страница выделяется цветом)
Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…
0 votes8 answers -
Верстка полурезины
Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать
0 votes17 answers -
осбоенности использования map area в Firefox
может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?
0 votes5 answers -
Тянучка и две картинки в ячейке
Ребята, вопрос к профессионалам Вот доктайп: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> Вот макет простой: Центральная часть фиксированная 800 пикселей, это таблично сверстаны сайт, при меньшем разрешении появляется горизонтальная прокрутка. Вопрос в чем, как сделать по бокам центральной части, чтобы к примеру если брать правый край (фон завитушки), вырезать центральную часть бокового фона он будет тянутся по высоте, а вверху и внизу соответственно картинки заканчивающие фон, они не тянутся? Подскажите, возможно ли это дивами реализоват…
0 votes12 answers -
способы проверки вёрстки
интересно знать кто какими способами проверки качества вёрстки обычно пользуется? можете к этому списку добавить что-нибудь важное?
0 votes12 answers -
Перенос сайта на бутстрап 3
Всем доброго вечера! Решила я перенести и доработать свой сайт. Конечно мой выбор пал на bootstrap начала переносить на старую версию, а вас почитала и направила свой энтузиазм на 3-й (надо будет все перенести) и тренировка, и полезные знания в виде разминки для мозгов. Так вот столкнулась с такой проблемой, как фон в прежней версии вырезала кусок и растягивала, но это не подходит для нынешней задачки вот пока что есть - http://prntscr.com/2dommb а вот исходный макет http://prntscr.com/2don3t (уменьшила что бы весь макет влез) вот что происходит при сужении - http://prntscr.com/2doneb Хотелось бы что бы все картинки подстраивались, как бы это получше реализовать?
0 votes2 answers -
какие браузеры (и их версии) поддерживают
какие браузеры (и их версии) поддерживают какие версии css и html? есть ли у кого-нибудь такой список?
0 votes5 answers -
?
http://www.css-mapping.narod.ru/changelog.html/ Почему-то перестала отображаться ссылка-изображение. Ни с того, ни с сего. Находится между надписями "Special panel" и "Changelog". Что за фигня?
0 votes6 answers -
Увеличение картинки
Скажите, чтобы при наведении мышкой на картинку ее размер увеличивался(уменьшался), что необходимо использовать?
0 votes5 answers -
utf-8
Помогите, пожалуйста.... Все перепробовал, ничего не помогает.... Есть страница из сети в кодировке utf-8. Необходимо ее перекодировать в windows-1251. Стоит php5. iconv() почемуто не помогает. После обработки строка оказывается пустой... $str=iconv('UTF-8', 'Windows-1251', $str); Никаких ошибок не выдает... Прям не знаю что делать..... Заранее спасибо!
0 votes15 answers -
Классы или идентификаторы?
В последнее время часто встречаю верстку, в которой стили присваиваются не классами, а идентификаторами. Нет, я согласен что шапка - одна. И вполне логично присвоить ей id="header", чем class="header", но... Насколько это оправданно? Кто что может сказать по этому поводу?
0 votes14 answers -
Закругленные углы если фон градиент
Если фон просто один цвет, то проблем нет, но как быть когда когда задний фон градиент?
0 votes7 answers -
Что за конструкции <BR />, <IMG /> и тд?
Все никак не могу понять что означает /> для одиночных дескрипторов? Зачем это надо?
0 votes7 answers -
Меню
Привет всем. Меню, не получается отобразить полноценно в других браузерах кроме IE (сжимает) что можно предпринять? ____________________________________________________ #navigation { padding:0px; font-weight:bold; display:inline; } a.navigation { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:visited { text-decoration:none; text-align:center; background-color:#BEBEFF; color:#ffffff; width:200px; border:3px solid; border-color:#ccc #ccc #999 #999; padding:2px; } a.navigation:hover { top:2px; left:2px; color:red; border-color:#999 #999 #ccc #ccc; …
0 votes12 answers -
Float и valign
здесь я показал дивы, соедин?нных с помощью float. Нужно сделать так чтобы содержимое того блока, который по высоте ниже перемещался вниз. Такое легко реализовать с помощью таблиц, но в мо?м случае их использовать нельзя. Как ни крутил, ничего не выходило. Есть идеи?
0 votes3 answers -
проблема с Firefox - переносит текст на строку вниз
Ребята, Посмотрите на http://members.dodo.com.au/~rouslan/ninawebsite/index.html Внизу над баннером, где навигационный текст (текстовая эмуляция кнопок), этот текст, часть его переносится на строку вниз в Mozilla Firefox 3 (чего мне не надо), но в Internet Explore 7 все работает и выглядит хорошо. Не могу найти в чем проблема, смотрел и в CSS и в HTML. Может кто-нибудь из опытных подскажет? Эта проблема просто выводит меня из себя. HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text…
0 votes6 answers -
2 строки на одной
я не знаю к чему это относится, но решил создать в CSS так вот есть такая идея, нужно сделать так, чтобы одна строка писалась поверх другой, причём очень желательно без использование DIV-ов не знаю как такое реализовать, можно конечно создать 2 слоя и наложить их друг на друга, но это будет неудобно.
0 votes9 answers -
frD-Как выровнить элемент (к примеру, рисунок) по правому краю окна?
При использовании position: absolute; right:10px - жестко привязывается к границе окна и, при уменьшении размеров окна браузера, уезжает вместе с этой границей влево, накладываясь на другие элементы. Пробовал вставлять в другой div с absolut 'ом - не выходит. [Пока не совсем понимаю логику слоев]
0 votes3 answers -
Желтая рамка в input
Ребят, вот на картинке, вид верстки в Опере (нижняя), таже самая верстка уже натянутая на CMS (верхняя), но там в input желтая рамка, это тоже в Опере Когда убераешь параметр name в input (наятнутый дизайн, верхняя картинка), то эта желтая рамка исчезает. Есть ли решения данной проблемы? Спасибо.
0 votes5 answers -
Размер изображения
Доброе время суток. Предположем, что есть изображение 1000х500 и весит 1000Кб. Я его вешаю на сайте и задаю размер 100х50. Что происходит при загрузке страницы, качаются все 1000Кб и потом изображение уменьшается или это происходит на сервере и пользователь загружает уже уменьшеное изображение, которое весит на порядок меньше ? Зараннее благодарен.
0 votes13 answers -
overflow:hidden
Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.
0 votes11 answers