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
-
что это за фикс?
очень часто встречается фикс height: 1%; что это за фикс и когда он используется?
0 votes3 answers -
DIV верстка / некоректное отображение в ИЕ6 и ИЕ7
Добрый день, давно планировал, теперь наконец нашел время для осуществления задуманного. А оно состоит в том, чтобы переделать свой сайт используя верстку без помощи таблиц... После прочтения множества всего мне удалось сделать небольшую заготовку, я ею доволен, но проблема в том, что страница соверненно неверно отображается в ИЕ6 и ИЕ7. В дугих браузерах (Firefox 3.5 и Opera 11) все выглядит так, как и было задуманно... Хотелось бы узнать, что нужно изменить, чтобы добиться корректного отображения в ИЕ6 и ИЕ7? Хотя бы хотелось услышать мнения, в чем может заключаться проблема? Код был проверен на валидность, по наивности думал, что это является гарантией корректного отоб…
0 votes16 answers -
Закругление фона у :hover при наведении на строку таблицы
Не могу закруглить углы у background-color. В чем проблема?
0 votes2 answers -
Пропись alt-ов для изображений спрятаных с помощью Media='screen'
Видимые для броузера изображения (media=screen) снабжены расписанным alt-ом. Нужно-ли (можно-ли ) прописывать alt для изображений видимых только на печати (media=print) ? Если будет просто alt=' ' валидатор примет такое ? Спасибо
0 votes5 answers -
100% - 200px
Читал на форумах, но окончательного ответа так и не нашол. Есть три блока height:200px; center:100%; footer:200px; как создать такой макет, чтобы при отсутствии в center контента правый скрол(вертикальный) отсутствовал, тоесть center = 100% - 400px. А верстка занимала весь экран в зависимостим от расширения. НЕ используя JS ?
0 votes11 answers -
Углы в Opera и Ie
проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…
0 votes12 answers -
нумерация
Добрый день дамы и господа. У меня возникла проблема... Закинув на страницы фотографии, хочу сделать внизу нумерацию. Проблема первая. Не могу опустить цифры вниз после этих картинок. проблема вторая - не знаю как сделать чтобы нажав на цифры сделать так чтобы это была ссылкой индекса. типо того как переход на главную страница, контакты. вот пример: <img src="modeliai/Фото0016.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0017.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/Фото0018.jpg" align="left" width="320" height="240" hspace="10" vspace="10"> <img src="modeliai/…
0 votes22 answers -
Прыгает верстка при переходе на страницы
Всем здравствуйте! Прыгает верстка при переходе на разные страницы сайта, немогу найти косяк. Если контента много, то все ок, а если мало, то прыгает. Подскажите что может быть. Сайт http://prime-wedding.ru/wedding-dress/ и http://prime-wedding.ru/acessoires/
0 votes10 answers -
Градиенты для IE9
Может кому понадобиться. Нашёл решение проблемы градиентов для ie9. Сам скрипт https://rawgit.com/AsanovRuslan/gradientIE9/master/ie9-svg-gradient.js За основу взят http://jsfiddle.net/camartinez1229/thSxh/show/light/ Суть работы в том что берётся css3 градиент из файлов стилей конвертируется в svg и записывается обратно в свойство background-image. Для правильной работы нужно какое-то свойство в котором будет храниться наш градиент, так как ie9 вырезает нестандартные значения свойств. По умолчанию используется свойство "-pie-background", но его легко поменять в скрипте.
0 votes10 answers -
Почему min-height от min-height не работает?
А почему min-height от min-height не работает? https://jsfiddle.net/Launder/w092L3qL/ если в #level1 вместо height поставить min-height, то браузер не сможет подсчитать размер для #level2 И как же быть, если нам нужно сделать именно растягивающийся блок, минимальный размер которого задан в %?
0 votes3 answers -
Скрипт Выпадающих Меню нужен, киньте - у кого есть простенький
САБЖ. Чтобы под осла и лису работал. Попробовал сам сделать - непонравилось. Киньте, если у кого есть готовые решения: jon@ya.ru
0 votes7 answers -
Облако тегов 3D (модификации)
Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …
0 votes7 answers -
Сочетание фиксированных и резиновых блоков
Добрый день. Возникла задачка, решение которой мне никак в голову не приходит. Точнее, я вижу решение с применением JS, но если можно сверстать без этого, то подскажите, как. На схеме ниже указано, что нужно сверстать. Фиксированная ширина контейнера, в нем в одну строку располагаются несколько inline-block элементов. В данном случае, два элемента имеют фиксированную ширину, а два других — должны подстраиваться в зависимости от контента внутри. Блок "2" содержит в себе контент разной ширины. По задумке, если контента в нем много, то блок "1" должен сужаться. Конечно, он не должен "схлопываться" (тут, я полагаю, достаточно выставить min-width), но главная проблема в…
0 votes7 answers -
Наследование
Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/
0 votes10 answers -
Расположить изображение
Всем привет. Нужно расположить изображение, как на рисунке. Справа внизу. Проблема в том, что контент может быть разной высоты, внутрь меню тоже не засунуть, меню фиксированной высоты. Position: relative создаёт полосу в контенте. Float: left располагает изображение поверх контента слева от меню. Есть идеи? Заранее спасибо.
0 votes10 answers -
Актуальный список HTML5 тегов (включая те которые не указаны в спецификации)
Собственно, начал изучать HTML5, появилось несколько вопросов: 1) Имеется ли какой-то ресурс-справочник который регулярно обновляется и в котором присутствуют все актуальные теги и атрибуты HTML5? Поясню чем не нравится справочник HTML на htmlbook.ru: Он не обновляется. Много опечаток касаемо того какие элементы поддерживаются а какие нет (например, элемент <u> является частью спецификации HTML5, однако на сайте он почему-то указан как не поддерживаемый элемент HTML5). Такая же ситуация и с атрибутами + указаны не все атрибуты и их значения. Знаком с официальной спецификацией HTML5 (от W3C), но проблема вот в чем: когда смотрел на ютубе как верстают профессионал…
0 votes3 answers -
Float и подчеркивание у ссылки
<html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.
0 votes8 answers -
проблема с экспрешном
Подскажите, пожалуйста, почему конструкция: height:expression(document.body.clientHeight-241+"px"); (- структура из 3-х строк, 241px - сумма высот 1й и 3й, соответственно, расчет на то что 2я будет адекватно тянуться, но не тут-то было...) намертво вешает 6-го осла, отлично работает в 7-ом. если кто-нибудь располагает универсальным решением, поделитесь, пожалуйста, второй день мучаюсь.
0 votes4 answers -
CSS и IE6
Помогите, пожайлуста. Недавно решила использовать стили длв форматирования сайта, и все было замечательно, пока! Не увидела свой сайт на одном из чужих компьютеров. УЖАС! Теперь я понимаю, что это был ИЕ6, но что делать в этом случае - вернуться опять к табличному форматированию или есть способы решения через стили? Посмотреть проблему можно тут www.ros.lv на всех броузерах и на ИЕ6. Что надо из кода показать - выложу обязательно. Только подскажите, что делать, куда идти и что читать? Спасибо за ответ заранее!!!
0 votes11 answers -
Номер карты через пробел
Здравствуйте! Простенькая задачка по верстке: при вводе номера карты/номера телефона/номера счета разделять вводимые значения пробелом или дефисом. При чем разделять нужно как в режиме печатания, так и при вставке из буфера всегда на равные блоки, допустим, по четыре цифры. Кому-нибудь приходилось решать такую задачу? Можете привести пример решения?
0 votes2 answers -
IE6 крадёт у меня мышку! :(
Дело в том, что название темы не совсем правильное. Для того, что бы на сайте можно было залогиниться, я использую всплывающий поверх страницы DIV, внутри которого находится форма (email + pass). Всё это дело я показываю через JavaScript. Но, возникла такая неприятная ситуация, в IE6, всё всплывает хорошо, DIV показывается, всё на месте. НО щелкать на формы не могу. Они как будто задисейбленные. Т.е. просто не щелкаются. Играл с z-index: 999++, не помогло. В чем может быть проблема? Помогите пожалуйста!!
0 votes6 answers -
overflow и opera
Не работает прокрутка под фотографиями в Opere, на этой СТРАНИЦЕ. Подскажите почему? Пробовал разные варианты, но нечего не получилось Вот стиль #list-Img { width:430px; height:225px; overflow-y: hidden; overflow-x: auto; overflow-x: scroll; white-space:nowrap; float:left; margin-right:5px; }
0 votes6 answers -
IE6 делает непонятный пропуск
Добрый вечер, вот делаю шаблон для сайта таблицами. Вверху и внизу основы сайта делаю тени следущим способом. <tr><td colspan="4" height="19" background="/images/topmenubg.jpg"> </td></tr> По это адресу находится картинка 5*19 с переходом от белого, к серому Выглядит в ФФ и Опере вот так а ИЕ шестой показывает так Видите этот пробел белый? Вот как его убрать? Заранее спасибо
0 votes10 answers -
фон в таблицы
Доброго времени суток.Нужна Ваша помощь,делаю сайт и возникла проблема не могу поменять фон таблицы.На странице расположены две таблицы.При изменении фона в первой таблице во второй также меняется фон на такой-же.Таблицы сделаны с закругленными углами.Часть кода: <html> <head> <title>Главная </title> <style type="text/css"> A { text-decoration: none; } </style> <font face="Dungeon"> <style type="text/css"> BODY { color: #ffffff; background-color: #0A2C85; text-decoration: none; background-image: url(); background-repeat:repeat-x; } </style> </head> <table> <td cellpadding="20%" height="3…
0 votes6 answers -
Нестандартное выделение у картинки/блока
Привет! Вопрос спецам. Существует ли способ создания блока не прямоугольной, произвольной области с последующим навешиванием на него box-shadow при :hover? Конкретно нужно для того, чтобы при наведении на картинку произвольной формы, например, треугольника, появлялось свечение выстраивающееся по траектории треугольника. (но не обязательно треугольника, фигура может быть разная). Map area и подгрузку двух картинок (одну без свечения, другую с..) не предлагать.
0 votes4 answers