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
-
вертикальное выравнивание в ИЕ6
В ие6, при выравнивании текста по верхнему краю таблицы, все-равно остается зазор больший, чем в других броузерах. В свойствах таблицы указаны cellspacing="0" cellpadding="0" у текста: margin:0px; padding:0px; А если выравнивать по центру ячейки, то все-равно заметно что текст висит чуть ниже центра. И это только в 6-м ие. Может кто замечал такой глюк, и можно ли с ним бороться.
0 votes3 answers -
favicon
Народ есть веселый сайт http://hudet.ru/ - все хорошо (кроме того что он меня достал), но в общем. Favicon IE7, IE8 ... некорректно отображается. Есть у кого мысли почему криво отображается?
0 votes15 answers -
Ссылка внутри изображения
У меня фон сайта - сложная картинка как фон фиксированной таблицы. Нужно сделать что-бы часть этой картинки фона (не прямоугольная эмблема без текста) работала как ссылка. Т.к. это background table то видимо MAP нельзя заставить работать, из-за сложной картинки нежелательно собирать фон из частей (хотя-бы из-за проблем с позиционированием в разных броузерах, то же в случае прозрачных гифов), можно использовать какой-то другой способ ссылки одинаково работающий в основных броузерах? Спасибо.
0 votes11 answers -
проблема с привязкой блока к низу страницы
вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html
0 votes10 answers -
IE CSS - background в тегах tr и td
Помогите обойти баг ИЕ. Во всех браузерах отображается нормально, а вто ИЕ никак не хочет. Пример кода: <html> <head> <style> td.s_p1{background: url(images/fon1.gif); background-repeat: repeat-x; width:6px;height:6px} </style> </head> <body> <table > <tr bgcolor='red'> <td >qqqqeeeqqqqq</td> <td class='s_p1'>qqqqqeeeeeqqq</td> <td >qqqqeeeqqqq</td> </tr> </table> </body> </html> В ИЕ не хочет отображать 2 фона одновременно. Первый просто красный должен быть от тега <tr>, а второй картинкой от тега <td>. Причём, когда не использую стили (вот…
0 votes7 answers -
Обесцветить фото
Добрый вечер Подскажите пожалуйста, можно ли средствами css или javascript обесцветить изображение налету, сделать чёрно-белым?
0 votes6 answers -
Скажите не сокращеное название тегов dl, dt, dd, ul, li, ol,
хочу узнать не сокращенное название этих тегов чтобы лучьше запомнить, помогите!!
0 votes5 answers -
Как исключить налезание текста или заставить слои "тянуться"?
Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…
0 votes13 answers -
по-разному отображается страница
вот код страницы, которая требуется: ———————————————————————————————————— <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title>...::: Тестовая страничка. Почему по-разному отображается??? :::...</title> <style type="text/css"> html {width: 100%; height: 100%; padding: 0; margin: 0;} body {width: 100%; height: 100%; padding: 0; margin: 0; background-color: #dedede; font-size: small; color: #000000; font-family: Verdana, Arial, sans-serif; text-align: justify;} a:link, a:visited {color: #0000ff; text-decorati…
0 votes12 answers -
Можно ли в CSS поднять рамку на несколько символов?
Если написать: <style> A:link, A:visited { text-decoration:none; border-bottom:dotted 1px #CCC; color:#3F5F9E; } </style> <a href=#>1111111111111</a> то получим строчку подч?ркнутую пунктиром. А можно ли поднять этот пунктир на несколько точек выше? Если в этом коде убрать строку text-decoration:none - то видно , что подч?ркивание ссылки находится выше пунктира , а хотелось бы поднять именно до этого уровня. Только не надо предлагать опустить сам текст , так как тогда он будет ниже остальных строк в ряду. Причина по которой надо поднять пунктир - Если ссылка находится в ячейке , то пунктир (который является нижним бордером текста) сливаетс…
0 votes3 answers -
Картинка наезжает на DIV
у картинки <img> обтекаемость либо слева либо справа, как расположить div, чтоб картинка не наезжала? как свойство задать диву в CSS, чтоб он был на странице сам по себе, при этом при открытии этого дива(спойлер) данные под ним смещались вниз вот на примере как бы 2 спойлера (div) но картинка наезжает с верху нужен вот такой результат
0 votes3 answers -
Что из этого список, а что нет.
Меню - список? Слайдер из картинок - список? Список новостей - это список? Список отзывов клиентов на лендинге - список?
0 votes32 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Требуется Оценка Вёрстки на HTML5...
Здравствуйте. Решил переверстать для себя титульную блога с HTML_4.01 на HTML5(впервые)и по ходу дела возникли некоторые вопросы: 1) Существует ли на сегодняшний день идеальная,с точки зрения отображения, реализация {text-shadow} для IE-7,8,9 ? 2) Стоит ли пользоваться Placeholderом(в инпутах)? Если учесть тот факт, что некоторые браузеры этого не понимают... (если кто скинет ссылку на удобный пример того, как именно это необходимо делать(с поддержкой всех браузеров) - буду благодарен.) 3)Также возникли вопросы по семантике, в связи с чем хотел бы выслушать критику(в разумных пределах),относительно следующей страницы: http://webmaster.ayrveda.ru/Ozdorovlenie-Organizma/ind…
0 votes22 answers -
960gs
Скажите , а как работать с сеткой 960 гс v HTML в как ее туда впихнуть.
0 votes10 answers -
Крооссбраузерный резиновый дизайн
Сосбственно сабж: сделал вёрстку http://demo.artmedia.by/bb5/news.htm и хочу чтобы минимальная ширина страницы была 1004px а максимальная 1279px прописал для основного контейнера max-width:1279px; min-width:1004px; но как всем известно в IE это не катит и поэтому использовал известный всеми метод через expression в итоге получилось #tb1 { max-width:1279px; width:expression(document.body.clientWidth > 1279? "1279px": "auto" ); min-width:1004px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1004? "1004px": "auto"); } как и ожидалось в Opera и Mozilla Firefox всё нормально а вот в IE как обычно нет... в IE (как 6 так и 7 верси…
0 votes8 answers -
Общий фон для нескольких элементов
Сдалал меню на списках, разложил элементы по горизонтали. Теперь вот хочу сделать один общий фон для всех элементов li. То есть использовать одну большую по длине картинку. Подскажите, как это можно сделать. Что-то я туплю… #main-menu { position: absolute; bottom: 45px; right: 0px; } #main-menu ul { display: inline; margin: 0; padding: 0; } #main-menu li { display: inline; margin: 0; padding: 0; } #main-menu a { font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-color: #f1f1f1; background-image: url(../img/bg-menu-item.png); /* от этого можно отказаться в пользу общего фона*/ background-repeat: repeat-x; color: #555555; padding-left: 1…
0 votes5 answers -
Проблемы С Png В Ie
Профессионалы, помогите, пожалуйста, ответом на такой вопрос: как мне в данном коде, а точнее в каком месте и что написать, чтоб фоновое PNG-изображение позиционировалось по низу А теперь собственно код: .bottom { overflow:hidden; background:url(images/phone_logo_bg.png) bottom no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/phone_logo_bg.png', sizingMethod='crop');}
0 votes8 answers -
Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.
Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…
0 votes3 answers -
Как собирать HTML "налету"?
Как собирать статичную HTML страницу из нескольких HTML файлов "налету", но так, чтобы поисковик видел полную страницу. JS и iframe не пойдут... Или, другими словами, в HTML страницу вставлять информацию из другого файла.
0 votes6 answers -
Слипается меню при первой загрузке
http://zverushka.zz.mu/upakovka/ Слипаетмся меню (слово к слову) при первой загрузке в хроме, обновляю и все нормально - что делать?(( Заказчику надо уже показывать. Я так поняла, что это косяк letter-spacing, но тогда с Inline-block вообще фигня получается - word-spacing нельзя, letter-spacing нельзя - остаются только двухсторонние маргины - что совсем уныло (((
0 votes40 answers -
Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?
DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
0 votes8 answers -
Ширина Вложенного Блока Не Растягивается По Ширине Родительского В Ие7
Добрый день всем и с началом трудовой недели У меня тут такая ситуация. Делаю выпадающую менюху со скруглёнными углами и надо сделать так, чтобы она по ширине растягивалась автоматически в зависимости от кол-ва знаков в пунктах меню. И вроде как почти разобрался. Но вот не могу понять как в ИЕ7 заставить верхние блоки (где вставлены радиусы) растянуться по ширине самого выпадающего меню. Возможно ли это сделать? Или в ИЕ7 это не реально? Вот ссылка: http://rubanys.narod.ru/gor_menu/trabl/gor_menu.html
0 votes14 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"> <head> <style type="text/css"> html { height:100%; margin: 0px; padding: 0px; border: none; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; b…
0 votes3 answers -
Слой в Опера и Мозила отображаеться некорректно
Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…
0 votes5 answers