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
-
haml, sass и все такое
Привет всем верстальщикам :-) С версткой у меня мягко говоря не очень, в основном бекенд, поэтому хочется немного подтянуть эту область. В связи с этим возник один вопрос - использует ли кто-то такие штуки как HAML, SASS, как кто вообще относится к синтаксическому сахару? Лично мне все это удобней, чем писать на html+css но... хотелось бы услышать мнение верстальщиков. И еще - шаблоны, например Boilerplate - тру или сакс? Хочется использовать html5 (мне он кажется более правильным, плюс есть нужные мне фичи), но напряжно заморачиваться с совместимостью со всеми браузерами. Я на ложном пути? Всем спасибо
0 votes15 answers -
Отступ между элементами LI
Всем привет! Не могу понять почему между тегами li остается расстояние: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> ul { margin: 0; padding: 0; } ul li { display: inline-block; list-style-type: none; list-style-position: inside; height: 24px; margin: 0; padding: 0; border: 1px solid red; } </style> </head> <body> <ul> <li><a href="#">раз</a></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> </ul> </body> </…
0 votes6 answers -
Автоматическое заполнение атрибута title у тега <a>
Добрый день, уважаемые форумчане. Есть сайт. У всех имеющихся на нём ссылках атрибут title не указан. Недавно заметил странную вещь. А именно то, что атрибут title автоматически заполняется. Причём везде по разному. Где то он просто дублирует текст ссылки, где то дополняет его словами, как связанными так и не связанными с темой ссылки. А где то вообще выходит фигня типа: "порно скачать". Заполняется этот атрибут именно при отображении сайта в браузере. В самих файлах атрибут по-прежнему остаётся не указанным. Конечно, это легко исправить путем заполнения атрибута title во всех ссылках. Но хотелось бы понимать суть происходящего.
0 votes19 answers -
Эффект перекатывания картинки
Помогите пожалуйста правильно изменить код CSS. Имеется вот такой код <style type="text/css"> .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; color: inherit; vertical-align: top; width: 100px; height: 75px; margin: 2px; padding: 2px; border-color: #ccc; border-style: solid; border-width: 2px; } .hoverbox li { color: inherit; display: inline; float: left; position: relative; } .hoverbox .preview { border-color: #000; width: 20…
0 votes8 answers -
Изображение грузится квадратами (как раскроено). Помогите пож.
Добрый день, подскажите пожалуйста как решить такую проблему. Когда первый раз заходишь на сайт, он грузится по кусочкам. Так как было раскроено в фотошопе. Это происходит достаточно быстро, но тем не менее заметно. Можно ли это исправить каким-то образом? Спасибо.
0 votes9 answers -
Растягивание равномерно <a> по всей ширине
Здравствуйте уважаемые форумчане! Сейчас пробую освоить одну CMS, и для изменения стиля навигационного меню, можно редактировать только CSS. Вывод html (фиксирован): <td id="menu"><table width="100%" cellspacing="1" cellpadding="0" border="0"> <tr><td nowrap="nowrap"> <a id="active_menu" class="mainlevel" href="1">ссылка</a> <a class="mainlevel" href="2">ссылка2</a> <a class="mainlevel" href="3">ссылка3</a> </td></tr> </table> </td> нужно, что бы три ссылки растянулись по всему <td id="menu"> равномерно. текущий css (на что меня хватило): #menu table{ height: 30px; width: 1000px…
0 votes12 answers -
div определяется не как блочный элемент....
Помогите в очередной раз. В IE определятся не как пустой блочный элемент, а как содержащий текст. Т.е. высота равна высоте шрифта, когда меняю размер шрифта соответственно меняется и высота, но этот див не содержит текста никакого, только картинки высотой по 8 пикс.
0 votes4 answers -
Меню
Привет! Не кто не знает как сделать вертикальное выпадающее меню с помощью CSS? Заранее благодарен.
0 votes6 answers -
Обрезать слой по обоим краям, реально?
Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик. На данный момент слой контейнер такой: width: 100%; overflow: hidden; Ролик обрезается, но только с правой стороны. Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон. Осуществимо ли это?
0 votes12 answers -
ссылка углы и градиент
пытаюсь сделать на ссылки в меню и закругленные углы и градиент. вот тут справа меню. собственно интересуют IE6-8. пробовал разными комбинациями скриптов: DD_roundies - PIE.htc пробовал сделать градиент предварительно сгенерировав на display-inline.fr пробовал сделать скриптами как тут http://www.konstantinbaev.ru/cg/ (и вроде как работает нормально) но. ссылки не должны ограничиваться по высоте, потому как х.з. какая ссылка будет. (в последнем примере как раз ограничение по высоте) в общем кто делал? подскажите плиз. DD_roundies - PIE.htc перекрывают друг друга, и поэтому работает только что то одно.
0 votes18 answers -
Загрузка всего контента сразу
Сталкнулся с такой проблемой. На сайте загружается объемная картинка и звук. Сделал странуцу Лоадинг с невидимым фреймом в который грузится все. Порядок: Пишем "Загрузка" Нижу фрейм с картинкой и звуком после рефреш. По логике браузер грузит все на компьютер пользователя и потом при обращении к картинке просто ее открывает, на практике это работает с опера, в ие все перегружается снова и снова, в итоге страница висит...
0 votes10 answers -
Верстка
многое знаю а это не могу понять что ... объясните пожалуйста что такое верстка...
0 votes10 answers -
Как сделать, чтобы при открытии страница сразу отправлялась на принтер?
На странице "контакты" имеется ссылка под картой проезда "распечатать карту проезда", при нажатии на эту ссылку открывается файл print.html <p><a href="print.html" target="_blank">Распечатать схему проезда</a></p> в котором я отформатировал необходимый текст с контактной информацией и карту проезда оптимизировав для печати. Хочу реализовать печать этого открывающегося файла print.html при открытии.
0 votes4 answers -
DIV: как избавиться от переноса?
При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru
0 votes7 answers -
тег param
В описании этого тега <param> сказано, что при помощи него можно передавать параметры апплету или элементу activeX. <applet> <param name=n1 value=var> </applet> таким образом апплету передаётся аргумент, значение которого var . То есть мы передаём статический параметр. Но как реализовать, чтобы передавался динамический параметр, значение которого заранее неизвестно? Ну, например, как можно передать апплету аргумент, значение которого будет взято из тега <input>?
0 votes9 answers -
Выпадающий список
Я начинающий Веб-дизайнер.Сделала при наведении на ссылку в таблице с таблицой и ссылками выпадающий список.Проблема в том, что список отражается только в Firefox и Opera, в IE он не отображает при наведении этот список .Это проблема Javascript или CSS,может чего-то добавить надо???Подскажите
0 votes8 answers -
div в td и увеличение фона
наткнулся на пару проблем, которые, в отличии от других, решить не смог. кто может - подскажите, как исправить. спасибо сайт делаю простой - всего три блока. первый - центрующий с помощью абсолют. позиционирования. другие два - менюшка и блок с контентом. оба находятся внутри первого. величины фиксированные. причина проблемы и сама проблема в том, что намучавшись с тем, что правый блок постоянно, при изменении размера страницы спускался вниз я создал фиксированный центрующий блок и поместил другие два в него. но теперь я обнаружил, что при увеличении масштаба страницы, блок контента все равно спускается! решил считерить и поместил левый и правый в ячейки таблицы - тепер…
0 votes7 answers -
Полезные инструменты для вёрстки, посоветуете чего?
Чем пользуетесь при вёрстке? Что может облегчить жизнь и сэкономить время? (Помимо Firebug, Web Developer, MeasureIt)
0 votes21 answers -
Как убрать вертикальный скролл если высота 100%
Добрый день! Второй день мучаюсь не могу найти ничего по данной проблеме! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>test</title> <style> html, body { height: 100%; widht: 100%; padding: 0; margin: 0; } .wrap{ height: 100%; width: 100%; padding: 0; margin: 0; position: relative; } .header{ height: 50px; width: 100%; background: blue; } .content{ height: 100%; min-height: 100%; padding: 10px 0; width: 100%; background: yellow; } .footer{ display: table-row; height: 30px; width: 100%; background: re…
0 votes3 answers -
Как создать один класс для всех элементов таблицы?
Собственно встала проблема с css для таблички.Хотелось бы сделать стили для каждой ячейки в одном табличном классе,да бы не лепить 135 маленьких классов на каждую ячейку.Возможно ли это?Буду крайне благодарен за пример.
0 votes28 answers -
Как сделать "прикрепить файл" (file attachment) в форму ОС стандартного контакта?
Привет! Собственно, я добавила само поле - но не могу заставить его работать - т.е. письмо приходит без прикрепленного файла. Я догадываюсь, что нужно ковырять contact.php, но в PHP я ноль, поэтому если можно максимально подробно
0 votes19 answers -
Проблема в отображении фиксированных элементов в Chrome
Добрый день! Есть такая проблема: если поставить фиксированно позиционированный элемент (без значений позиции, авто) внутрь элемента, который лежит внутри относительно позиционированного элемента, то такой элемент в Chrome отображается на неверной позиции. Во всех других браузерах этот элемент отображается на нужной позиции: той, в которой бы он появился, если бы был статическим) Вот пример простой: http://cssdesk.com/Gvpvg Вот пример практический: http://cssdesk.com/mnMxs Если кто сталкивался или знает, как это решить без применения js-костылей, то помогите пожалуйста. Судя по гуглу, с такой проблемой ещё никто не сталкивался.
0 votes12 answers -
focus у ссылок<a>
В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.
0 votes9 answers -
Убегает выпадающее меню
На странице, где контент находится в таблице, выравненной по ценру, нужно сделать выпадающее меню. Нашел подходящий скрипт, немного подправил под свои нужды и прикрутил к странице. Вс?, казалось бы хорошо. Если окно распахнуто во весь экран. Однако, когда оно сжато по горизонтали, начинаются проблемы: таблица выравнивается под новый размер (в?рстка не резиновая, только центрирование контента), а всплывающее меню всплывает на прежнем месте. То есть, совсем не там, где теперь нужно. Поместил вс? в слой, которому указал ширину основной таблицы, в надежде, что координаты меню теперь будут отсчитываться не от верхнего левого угла окна, а от этого слоя. Не сработало: меню по-…
0 votes2 answers -
Стоит ли реализовать свайпы
Скажите пожалуйста, стоит ли на сайте реализовать поддержку свайпов для сенсорных экранов? Основное назначение - перелистывание, увеличение/уменьшение фотографий и скринов на странице. Нашел два варианта - Hammer.JS и Zepto.js
0 votes1 answer