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
-
Проблема с отображением PNG в IE
Здравствуйте ! Для моего проэкта мне необходимо горизонтальное меню, чтоб при наведении на нее курсора, элемент меню подсвечивался, текст не изменялся в цвете, изменялась стрелочка-индекатор, которая указывает на то что это выпадающее меню. Вот фрагмент ,того как это выглядит у меня в Opera : Собственно на браузере Opera задача выполнена так, как надо! А на IE тот же фрагмент меню выглядит вот так : Заметьте, что по краям моих png'шек в IE обрисовалась странная рамка. Вот собственно вопрос, как от нее избавиться? CSS #nav li.hover img {background-image:url(img/active.png); border:none;} .bullet { background-image:url(img/inactive.png); border:none; width:10px…
0 votes6 answers -
Ширина ячейки в таблице с colspan
Привет друзья. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body topmargin="0"> <table width="100%" border="1"> <tr> <td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td> </tr> <tr> <td width="100">DDDD</td> <td width="100%"> </td> </tr> <tr> <…
0 votes3 answers -
Слипается меню при первой загрузке
http://zverushka.zz.mu/upakovka/ Слипаетмся меню (слово к слову) при первой загрузке в хроме, обновляю и все нормально - что делать?(( Заказчику надо уже показывать. Я так поняла, что это косяк letter-spacing, но тогда с Inline-block вообще фигня получается - word-spacing нельзя, letter-spacing нельзя - остаются только двухсторонние маргины - что совсем уныло (((
0 votes40 answers -
Влетело из головы(, подвал наезжает на контент
Точно помню что год назад уже спрашивал похожее), а сейчас не вспомнить не получается не найти тот пост. Проблема довольно банальная, один блок наезжает на другой), возможно ранее я не размещал блоки в контенте "абсолютные" и поэтому работало. Подскажите что я забыл)). <div id="page"> <header> <h1 class="name">name</h1> </header> <nav> <a href="index.html">Главная</a> <a href="about.html">Услуги</a> <a href="projects.html">Галерея</a> <a href="contact.html">Контакты</a> </nav> <section class="content"> <div class="box abox"><a href="index.html"…
0 votes3 answers -
Изменение высоты адаптивного слайдера
Здравствуйте! Есть адаптивный блок из трех элементов - левый, центральный, правый. Один из этих элементов - слайдер картинок: http://html.skoba.com.ua/ Не могу понять почему высота слайдера меньше высоты самого блока... Помогите, пожалуйста, решить вопрос - высота слайдера должна быть одинакова во всех блоках. Заранее благодарю за помощь!
0 votes25 answers -
вставка картинки как маркера списка
Я создаю меню на своем сайте. Для того, чтобы сделать его красивым, попробовала вставить маркированный список, маркером сделала картинку - теннисный мячик. Но возникла проблема, мячик по отношению к кнопке меню находится выше, а мне хотелось бы чтобы и маркер и кнопка находились на одном уровне. Как это сделать. Как получается меню:
0 votes6 answers -
Неправильно отображается всплывающее меню
Здравствуйте! Товарищи, больше сил нет, с 11 вечера сижу - и никак не получается....Позиционированием пробовал, пробовал выравнивать - не получается....А самое обидное что в ФФ работает, только осел не воспринимает.... В чем собственно проблема - выпадающее меню сделал через css и списки. Но главный пункт - у него является картинка, при наведении на которую и должно всплывать меню. Но в ФФ все работает идеально, а в ИЕ меню раскрывается не вниз, а влево, и уже сил просто нет, что только не продовал - ничто не помогает.... Если сделать первый пункт ссылкой вида <li><a href="/"><img src="menu1.gif" border="0"></a> То в ИЕ тоже начинает вниз открыват…
0 votes12 answers -
Firefox не отображает изображения.
Недавно столкнулся с такой проблемой. Firefox перестал отображать некоторые изображения. Причем не сразу, а после нескольких перезагрузок. При нажатии ctrl+F5 на некоторое время все приходило в норму, а потом изображения (фоновое изображение, прописанное через CSS) исчезало. Причем это не зависело от размера изображения, или его расположения. При удалении строчки из CSS приводило к тому, что переставало подгружаться другое изображение. И этот баг только Firefox. Я долго не мог понять в чем причина. Я проверял CSS и HTML валидатором, вставлял и удалял изображения. Ничего не помогало. Но вдруг я заметил, что забыл залить одну картинку, она особой роли не играла, поэтому я …
0 votes5 answers -
Как реализовать такой футер?
В общем нужно сделать футер такой как в этом шаблоне Ссылка на шаблон с футером Футер прозрачный на всю длину окна постоянно внизу экрана не зависимо от полосы прокрутки. Спасибо.
0 votes5 answers -
Двоится текст в IE
Вот тут по ссылке скриншот... Этот глюк уже просто в горле здоровой костью застрял... Может кто-нибудь подскажет, из-за чего это происходит и как это поправить? ПОМОГИТЕ, НЕРВЫ ГОРЯТ http://extcity.com/work/ie_shit.jpg
0 votes7 answers -
вертикальное выравнивание в input
Всем привет. Такой вопрос как в ие выровнять по вертикали текст в инпуте. Код такой: <div class="searchResort"> <div style="width:158px; margin:0 auto;"> <form method="GET" action=""> <input type="text" id="searchResort" class="formSearchResort" value="Название курорта" onfocus="this.value = '';" onblur="if (this.value == '' || this.value == ' ') this.value='Название курорта' ; "> </form> </div> </div> ЦСС: .searchResort { background:#e5e5e5; height:33px; margin: 0 auto; } .formSearchResort { width: 138px; height: 33px; background:#e5e5e5 url('../img/formSearchResort.png') no-repeat; padding:0 10px 0 10px; border: none…
0 votes4 answers -
DIV'ная проблема с позиционированием и понятием "контента"
В общем есть проблема. Схема страницы: проблема такого плана, не могу получить правильное отображение. Контент находится "поверх" картинки, загнать картинку в background нельзя, так как она должна тянуться от ширины экрана, соответственно это абсолютно спозиционированная картинка с width:100%, которая принимает ширину внешнего DIV'а (бордового). У этой картинки сверху прозрачные уголки. В общем это должно выглядеть примерно так: bgstrip - вертикальная полоса цвета "низа" картинки и прозрачная сверху (чтоб прозрачные уголки картинки не перекрылись) - абсолютное позиционирование top-0, left-0, чтобы быть привязанной к внешнему диву - текст и другая информация, дол…
0 votes4 answers -
Помогите новичку
Дело такое, начал потихоньку осваивать блочную верстку, освоил и сверстал странички с помощью float, решил начать осваивать верстку с помощью не только float, но и с помощью позиционирования, решил для начала сделать один вертикальный блок, один горизонтальный и один тоже вертикальный но немножко находящий на первый, вроде всё довольно быстро получилось, но как быть если мои блоки не заходят в контейнер, точнее они себя ведут как в контейнере, но при этом контейнер как будто выше них, в этом я убедился, придав контейнеру рамку... в случае, где я располагал блоки с помощью float это лечилось тем, что я после всех блоков производил отчистку "clear:boch", а здесь это не пом…
0 votes6 answers -
Trackbar, ползунок
Нужно реализовать ползунок Нашел тот который нужен на просторах интернета https://jsfiddle.net/120n2arx/63/ И тут вопрос. Я никогда не работал с jQuery, у автора все работает, копирую себе в файлы, ничего не работает. Отображается сам ползунок но с ним никаких действий производить не получается. Как решить проблему? Ошибка наверняка банальная. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="slider.css"> <script src="http://code.jquery.com/jquery-1.9.1.js"> var drag = false; var values = []; for(var i = 0; i < 24; i++) for(var j = 0 ;…
0 votes4 answers -
<table> внутри <a>
Необходимо, чтобы тело таблицы было ссылкой. В реале таблица должна требуется для формирования блока, с текстом, имеющим background в виде рисунка. Блок должен работать ссылкой. Сделал так: Link В Mozille работает, в IE нет. Что делать?
0 votes9 answers -
Выравнивание абсолютно позиционированного (резинового) дива по центру
Подскажите как выравнить абсолютно позиционированный (резиновый с неизвестной шириной) div по центру?
0 votes2 answers -
Немного запутался в HTML5
1 - когда использовать <section>? так чтоли? <section> <header> </header> </section> <section> <article> </article> </section> и т.д.? 2 - сколько можно использовать тег <nav>? И как его использовать? У меня есть меню в шапке горизонтальное и меню в сайтбаре вертикальное. Мне и то и то выделить тегом <nav>? 3 - во что обрамлять ссылки? <ul><li></li></ul>? Или чтото другое? 4 - у меня в статье будут сноски, типо доп. информация. Во что мне её обрамлять? в <aside>? Или в <section>? Пока вроде всё. Заранее спасибо.
0 votes28 answers -
iframe и кодировка
Здравствуйте. Можно ли установить постоянную кодировку для содержимого, поступающего в iframe. Суть в чем: у меня на сайте (он в кодировке utf-8, в meta тоже прописано utf-8, БД - в utf-8, все браузера показывают utf-8) в iframe с name сразу грузиться страница в utf-8 (браузера по фрейму показывают utf-8), далее все страницы (в utf-8), которые грузятся в этот фрейм, как целевой, отображаются корректно, но - на запросы с формы (информера с другого сайта), которая использует этот же фрейм, приходили страницы в utf-8, но отображались в windows-1251 (т.е. во фрейме переключалась кодировка - видимо по установке с, отправляющего ответ, сервера). Проблему удалось решить частич…
0 votes1 answer -
Прозрачная картинка...
В продолжение этой темы... Выключаю все слои, кроме того, что с нужной прозрач. картинкой (он серый и прозрачный), выделяю прямоугольным выделением, копирую с содержимым, вставляю в новый документ и сохраняю для Web и устройств в PNG... В итоге получаю непрозрачную картинку!! ( Что не так?? Как же добиться прозрачности??
0 votes28 answers -
Что не так-то?
Доброй ночи всем. Верстал один макет и столкнулся с одной странностью в виде ИЕ9. Он не захотел уместить меню в 980пк, причем с очень большим отклонением от нормы. Хотя остальные все браузеры с ним не согласились и спокойно заняли все выделенное ему место. Пробовал на инлайн-блоках и флотах - результат одинаковый. А теперь самое интересное. Помимо фф, оперы, хрома, меню влезло в ИЕ8 и даже в ИЕ7.Внимание, вопрос: почему?? Может это я уже глубокой ночью не соображаю и что-то не доглядел или я чего-то про 9-й не знаю? Вот хотел прояснить. Пример
0 votes28 answers -
Не пройти валидацию из-за указания атрибута ширины ячейки (HTML 4.01)
Здравствуйте! Не пройти валидацию на w3c из-за:
0 votes6 answers -
в ie после завершения li и ul образуется отступ - не понял
Здравствуйте! читал недавний топик http://forum.htmlbook.ru/index.php?showtopic=6752 но так и не разобрался... я делаю вертикальное меню, и после него вниз идет отступ, правда только в **** ie. В том топике я так понял что человеку помогли, но в чем суть? может у меня не описан стиль для P ? css: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; } в…
0 votes13 answers -
CSS <input> + <datalist> как избавиться от смены фона при выборе значения?
http://jsfiddle.net/yxhzsk4m/1/ Первая строка таблицы ссылается на datalist. При выборе одного из значений фон меняется на жёлтый. А хочется, чтобы остался серым, ну или тем, которым укажу. Как это сделать? (:valid, вроде в этом случае не действует....) ПС Классно было бы также ограничить ввод в это поле только указанным в datalist списком значений. нельзя ли это сделать через pattern (в общем без JS)??? (В этом случае вроде рекомендуется использовать селект, но отказался от него из-за того, что он всегда ставит margin left и right + 3px, если рядом есть какой-либо элемент. А если нет, то не ставит!!! И красивой таблицы не получается... И высота у селекта меньше на…
0 votes2 answers -
как добавить иконку в инпут?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR
0 votes2 answers -
алфавитный указатель?
такой вопрос. есть список фильмов от А до Я, на каждый из которых дано однострочное описание. надо сделать алфавитный указатель. самое простое - сделать 30 страниц по одной на каждую букву, однако хочется сделать по-умному ) например разместить все записи на одной странице, и сделать так, чтобы при нажатии определенной буквы скрывались все строчки, начинающиеся с других букв )) примерно как авто-фильтр в экселе. есть варианты решения?
0 votes2 answers