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
-
Прокрутка
Здравствуйте, хотел поинтересоваться каким способом осуществлена прокрутка страницы на этом сайте? Как я понял она работает только в google chrome. Нашел что-то похожее на JQwery, плагин под названием «CustomScrollbar». Но на этом сайте я что-то не нашел чтоб подключалась библиотека на которой основан этот плагин(если, конечно так можно выразится). Так что я подумал, что это сделано на html5, css3, но что-то не понял как. И есть ли еще хорошие примеры с реализацией такой прокрутки, то можете поделится ссылками. Я нашел еще на гугле И вопрос, если реализовывать такую прокрутку, то что будет правильнее использовать, скрипт или css3?
0 votes5 answers -
Как реализовать на CSS
Есть сайт http://planeta-kino.com.ua/ Там основной фон растягивается пропорционально на всю ширину экрана (это понятно как делать), но там еще центр картинки всегда остается на определенной высоте от верха, то есть при растягивании экрана картинка увеличивается так что центр остается на месте а верх обрезается. Там реализовано скриптами, как такое реализовать на css? (точно знаю что можно) Спасибо! На данный момент у меня такой код: html (<img class="rezina" src="img/background.png"/>) css (.rezina { position:fixed; z-index:-1; width:100%; min-width:800px;} )Растягивание работает отлично, но как закрепить середину? Спасибо
0 votes3 answers -
Проблема с position : absolutle в всплывающих подсказках
На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var …
0 votes2 answers -
Сложная ссылка
Есть такая ссылка, не знаю как сверстать с минимум тегов. Когда вариант округлость слева и справа это решаемо, а в данном случае стрелка снизу ещё, не совсем понятно как поступить
0 votes6 answers -
проблема с кнопками share
Помогите! Не могу понять http://vtrailere.ru/treiler-k-filmu-novyi-chelovek-pauk почему кнопки расшаривания не на одной линии
0 votes2 answers -
Flash
Привет. Меня интересуют флеш-сайты. А именно, столкнулась с проблемой языка. Скачала бесплатный флеш-шаблон, а русский язык он не воспроизводит(абракадабра). Просмотрела все html, css, php,swf и не могу понять где собака зарыта. Возможно это скрипт( со скриптами я не знакома). Если кто-нибудь знает, как сделать, чтобы понимал русский язык, пожалуйста напишите. Буду признательна.
0 votes0 answers -
Валидатор ругается
Валидатор ругается: В результате работы функции php в текст вставляется тег <br /> при чём без слеша этот тег катит а вот со слешем ругается. Что делать?
0 votes6 answers -
Стилизация атрибута Value
С популяризацией использования CSS3 кнопок возник вопрос. Насколько гибко стилизуется данный атрибут, как в логике работы различных браузеров он выравнивается, описано ли это в спецификации и что к нему можно применить. Информация которую собрал достаточно туманна.
0 votes13 answers -
точность аргумента letter-spacing
скажите, с какой точностью можно устанавливать значение аргумента letter-spacing ? есть ли проблемы с пределом точности в разных браузерах, ОС, платформах и т.д.?
0 votes2 answers -
Как сверстать форму поиска?
Как сверстать такое? Подскажите. Есть два input'а Первый понятно наверное как оформлять, а вот sumbit (синий кружок) не знаю как. Нужно как-то убрать текст с кнопки и поставить background в виде картинки что ли, только как его убрать, этот текст? Html <form action=""> <input type="text" id="search" value="Поиск" /> <input type="submit" id="submit" value="???" /> </form>
0 votes6 answers -
Проблема с таблицей
Вот код таблицы: http://jsfiddle.net/T466t/ Проблема в белых отступах в ячейках. Под этот случай не подходит ни border-left, т.к. он перекрывет синие полосы в начале и в конце таблицы, ни border-spacin, т.к. не работает в IE нормально(+ тоже перекрывает полосы). На первых порах сделал div'ми с белым фоном и задал им высоту ячейки, но если в ячейке появляется вторая строка с текстом вся верстка едет Мне на ум пришло только два варианта: 1. Обернуть таблицу div и ему сделать синие бордеры, которые будут накладываться на таблицу. Но тогда придется делать две таблицы: 1я с шапкой, 2я с дивом и контентом таблицы. 2. Написать маааленький скрипт на JS, что бы высчитывалась высо…
0 votes6 answers -
абсолютное позиционирование элементов формы
на странице форму поиска сверстал, используя абсолютное позиционирование. но в хроме 16.0.912.63 m строка текстового поля формы сместилась. хотелось бы не столько исправить проблему сколько понять причину. помогите пожалуйста
0 votes4 answers -
Облако тегов для DLE
Облако тегов для DLE Установил облако тегов 3D, но в месте его нахождения на странице вот такая надпись "Требуется для просмотра Flash Player 9 или выше." В чем может быть проблема. С плеером на компе все впорядке стоит 11 версия, для убедительности обновил, результат тот же. Помогите решить проблему. Версия DLE 9.2
0 votes0 answers -
шрифт з Ps
Помогите... Когда узнаю шрифт слова ,мне Ps говорит ,что это нестандарный шрифт! Как этот шрифт достать с макета?
0 votes2 answers -
Неработает width
Есть 3 блока с шириной в 250рх, но когда я ввожу текст в эти блоки, он вылазит за пределы блока. Пробовал добавить !important и все равно неработает. Как это можно решить? Спасибо
0 votes6 answers -
IE 9 показывает статичный html, но некорректно показывает такой же php
Стала проверять уже вроде бы отлаженную страницу на .php в ie 9. Оказалось, что статику .html он показывал корректно, а точно такую же страницу на .php показывает с частичными искажениями. Когда копипащу тот же самый php-код в статику, снова все ок. В чем может быть подвох? (Разумеется, оба файла используют одинаковые ссылки на css js и проч. И искажает он не всю страницу, а, к примеру, не показывает выравнивание margin: 0 auto; и letter-spacing. Статичный .html отображает точно так же, как в остальных браузерах отображатся .php)
0 votes3 answers -
Типографика
Допустимо ли использовать на одной странице разные гарнитуры (одного стиля - "рубленый" и т.д.). Причём не так, что меню одним, а контент другим. А так, что заголовок - Arial-ом, а текст под ним - Tahom-ой... Вроде как "не айс", как считаете?
0 votes3 answers -
Верстка основного div с сохранением позиций в word
Добрый день, уважаемые гуру! сломал себе голову, перечитал тонны e-литературы и перепробовал кучу примеров... но может это в принципе не возможно? суть в следующем - есть основной блок <div id="main"> внутри этого блока (как правило нужно разместить 2-3 таблички и картинку - таблички могут быть как в линию так и друг за другом!) - самое главное чтобы при копировании содержимого страницы в word сохранялась верстка, то есть картинки оставались справа от таблички.... никак не получается((( все друг под другом... есть рецепты? буду очень признателен!
0 votes5 answers -
Вставка музыки на сайт
w'z Как вставить музыку на сайт, без плеера, просто звук
0 votes2 answers -
Не видно выпадающее из-за слайдера
Всем привет, помогите или подскажите. У меня под горизонтальным меню которое выпадает при наведении находится слайдер, который перекрывает выпадающие пункты меню. Как это можно исправить?
0 votes4 answers -
Как выровнять две картинки по вертикали в inline-block ?
Как можно выровнять две картинки по вертикали которые находятся в блоке inline-block ?
0 votes0 answers -
Проблема со стилем в ссылке
есть код: .menu-header li {float: left; margin: 0 28px 0 0;} .menu-header li a {font: bold 13px 'PT Sans'; display: block; height: 15px; text-transform: uppercase; color: #352530; text-decoration: none; text-decoration: none !important; background: url('./images/dot1.gif') repeat-x bottom left;} .menu-header li a:hover {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} .menu-header li a.active {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} <ul> <li><a href="#" class=…
0 votes12 answers -
Проблема с блоками
Здравствуйте! Решила изменить вид блоков но получается вот такая петрушка: Вот код блоков: <!-- <block9340> --> <?if($SMENU_1$)?> <table border="0" cellpadding="0" cellspacing="0" width="280"> <tr><td style="background:url('/sidebar_02_01.png') no-repeat #F18008;color:#000000;" height="280" align="center"><b><!-- <bt> -->Меню<!-- </bt> --></b></td></tr> <tr><td style="background:url('/sidebar_02_02.png') top no-repeat repeat #000000;padding:10px;"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr> <tr><td height="11"><img src="/…
0 votes1 answer -
Версия для печати в Safari
Столкнулась с проблемой, при печати html-документа из браузера Safari (для windows) оказалось, что он искажает (увеличивает) размеры полей и текста. Провела эксперимент на текстах и простых линиях в разных единицах измерения (mm, px, pt), в любом случае в Сафари результат больше, чем в других браузерах. Кто-нибудь сталкивался с подобным? Есть ли пути лечения?
0 votes0 answers -
Левая фиксированная колонка наезжает на резиновый центр
Не получается сделать резиновый шаблон, на примере - http://www.medtechnika.com.ua/ Когда все колонки резиновые, при увеличении, левая и правая растягиваются сужаясь. Когда устанавливаю левую колонку фиксировано, тогда при увеличении, левая колонка наезжает на центр. В шаблоне, который выше указан, используется CSS expression. Однако когда я отключил в браузере javaScript, шаблон растягивался точно также, как и с javaScript. Может, кто-то подскажет как такое сделать или где почитать? /* Центр */ div#wrapper { float: left; width: 100%; } div#content { margin: 0 20%; /* отступ центра от боковых колонок */ } /* /Центр */ /* Левая колонка */ div#left …
0 votes4 answers