HTML Coding

29,542 questions in this forum

1. Масштабируемый фон \ Изображение + контент

   Масштабируемый фон + контент Приветствую! Может кто то подскажет: Задача сделать страницу с Масштабируемым фоновым изображением, но скорее всего это будет просто картинка в теге IMG. т.е. Чтобы чтобы в зависимости от разрешения, изображение тянулось на ВСЮ видимую область экрана. Поверх изображения будет меню. А ниже этого изображения , с отступом 50px; – Контент. Таким образом входит что при загрузке страницы на весь экран выводиться необходимое изоражение, а затем с меню или прокруткой ниже контент. ———————————————————————————-- ————- Это пример Изображения с отступами от краев: http://nooshu.com/explore/scalable-background/ Изображение буду тянуть плагином…

   Asked by Demi0n, October 26, 2010

   0 votes
   16 answers
2. IE6. Смещается блок странным образом.

   Здравствуйте. Вот сайт: http://programtest.narod.ru/ Проблема: Только в IE6 при сжатии окна по горизонтали (причем быстро, что тоже не понятно) левая колонка начинает смещаться вправо. Так быть не должно. Во всех других браузерах работает корректно. В чем дело? Как убрать баг? Спасибо.

   Asked by ChipAlina, November 1, 2010

   0 votes
   11 answers
3. Помогите с отступами

   Привет, граждане форумчане! У меня есть такой кусок кода: <ul class="menu"> <li class="level1 item1 first">Клик:</li> <li class="level1 item2">Реф.клик:</li> </ul> Вот как бы мне сделать отступ внитри тега так, чтобы не менять css и чтоб этот отступ изменялся автоматически. Например: Клик: 123 Реф.клик 456 Отступ прозрачной картинкой мне не нравится, т.к. есть и непостоянные величинв и они будут то в 4 цифры, то в 3. Заранее спасибо!

   Asked by allplayer, October 31, 2010

   0 votes
   2 answers
4. различия в IE, Op, FF, Sf,

   Подскажите где можно почитать полный список различий в обозревателях IE, Op, FF, Sf, - я имею в виду установки по умолчанию, глюки, ненормальную трактовку спецификации при верстке на DIV-ах и тп... Я начинающий любитель. Попробовал искать через гугл - ничего не нашел. Я не знаю как это назвать, поэтому через поисковики ничего не нашел. Желательно на русском языке.

   Asked by AleksejR, October 31, 2010

   0 votes
   1 answer
5. Как лучше сделать такой див ?

   Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинк…

   Asked by topos, October 31, 2010

   0 votes
   9 answers
6. Немогу снять маркеры

   Ребята посоветуйте как поступить, делаю фотогалерею под NFLightBox, вообще галерея работает но возле каждой маленькой фото-ссылки появились Маркеры типа circle, код выглядит так: <ul class="gallery"> <li><a href="images/gallery/max/1.gif"><img src="images/gallery/min/1.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/2.gif"><img src="images/gallery/min/2.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/3.gif"><img src="images/gallery/min/3.gif" alt="photo" /></a></li> <li><a href="images/gallery/max/4.gif"><img src="images/galler…

   Asked by losy, October 25, 2010

   0 votes
   6 answers
7. Помогите решить проблемму

   Я начинающий любитель. Помогите решить проблемму - Без текста в div-e все в порядке. Но стоит вставить текст в header … смотрим http://www.limon-room.narod.ru в Опере и FF фоновая картинка шапки сползает вниз, а в IE – нормально. Подскажите пожалуйста как мне испарвить стили. И, в чем причина? Вот это #header h1{margin: 10px 0 0 270px;} странно работает. По горизонтали (270px) все в порядке, а по вертикале фоновая картинка в Op и FF сползает на 10px, привязывается к тексту. <body> <div id="container"> <div id="topshadow"> </div> <div id="header"> <h1>Комнатный лимон</h1> </div> css body { margin: 0; padd…

   Asked by AleksejR, October 25, 2010

   0 votes
   6 answers
8. Тень от слоя с обеих сторон.

   Здравствуйте. Может кто-нибудь подскажет, как сделать так, чтобы от див блока фиксированной ширины, который расположен по центру, тень падала в обе стороны? В одну то сторону она без проблем "роняется" с помощью -webkit-box-shadow: black 3px 3px 4px; вот такой строчки в CSS свойствах слоя. Но это получается только с правой стороны, а мне нужна тень ещё и слева. Как тут: kinopisk.ru, http://robertnyman.com/

   Asked by Dezmont, October 30, 2010

   0 votes
   12 answers
9. Проблема отображения в ie7

   http://www.bellefille.ru/index.php В ie7 некорректно отображается. Помогите найти ошибку.

   Asked by topos, October 31, 2010

   0 votes
   6 answers
10. Закругление углов у изображений при помощи CSS

    Здравствуйте. Задался вопросом. Есть изображение <img src="1.jpg">. Есть стиль для него: border:1px solid black; Попросту говоря, добавляется граница изображению. В CSS3 есть замечательное свойство border-radius. С его помощью я закруглил углы у границы, но острые углы изображения как бы "выпирают" из-за границы. Есть ли способ закруглить и углы самого изображения, не редактируя картинку? То есть средствами html и css. Вроде как углы закруглятся, если изображение установлено фоном (background), а для изображения тегом есть способ? Заранее спасибо.

    Asked by FRUTALITY, October 31, 2010

    0 votes
    3 answers
11. Как "грамотно" собрать спрайт по цветам или нет ?

    Использование и сборка понятна - ну теория интеграции в HTML, тоже ясна. Но есть тут одна догадка, интересно узнать мнение опытной аудитории. Спрайт лучше собирать по цветам ? Или можно в разнобой ? Имеет тяжелый из трех цветов макет: бежевый и его оттенки, зеленый и его оттенки, коричневый и его оттенки. В теории я могу сделать один спрайт содержащий все элементы, которые представляется возможным сделать с фиксированным размером. Но я так же могу поделить их по цветам и получиться несколько спрайтов. По скольку макет большой, то работы много не хочется по три раза переделывать. Кто что думает по этому поводу ?

    Asked by soot, October 31, 2010

    0 votes
    4 answers
12. Изменение стиля объекта с якорем при переходе на него.

    Идея такая. <a href="#linkHere"><p>Ссылка</p></a> ляляля <a name='linkHere'><p>Here Comes Some Text</p></a> Мне бы хотелось, чтобы при переходе на linkHere абзац становился, например, красным. Но при этом, до перехода на него, имел стиль всего документа. Потом при переходе на другой абзац - предыдущий становился опять как все остальное, и изменялся стиль нового абзаца. Как реализовать?

    Asked by SCHNITZER, October 30, 2010

    0 votes
    4 answers
13. Плавающие слои друг под другом

    Столкнулся с проблемой, не могу найти решение. Есть три слоя, располагающиеся в ряд (float: left). Ширина определена, а высота по контенту. При сжатии окна браузера, слой 3 не помещается в область просмотра, и должен перемещаться на строку ниже. Но слой 1 выше остальных, и слой 3 оказывается не в начале, а справа от слоя 1, что конечно является нормальным поведением. Но существует ли способ расположить третий слой под первым? Код: <head> <style> .container { float: left; width: 100%; background-color: gray; } .a { float: left; width: 100px; color: #fff; background-color: #000; margin: 10px…

    Asked by HeadInSky, October 29, 2010

    0 votes
    4 answers
14. IE7, исчезают баннеры

    Здравствуйте! Столкнулась с проблемой, которую не знаю как решить http://www.jaluse.ru/ - справа расположены 3 блока. В IE7 они просто исчезают. Помогите разобраться, пожалуйста! <div style="background:url(images/block_1_decor.png) no-repeat; width:289px; height:110px; padding-bottom:10px;"> <div class="text_block"><a href="http://ki.katris.ru/" target="_blank">Конструктор интерьера</a><br style=" margin-bottom:10px;" />Жалюзи, шторы в интерьере дома, офиса</div> </div> <div style="background:url(images/block_2_zamer.png) no-repeat; width:289px; height:110px; padding-bottom:10px;"> <div class="text_bloc…

    Asked by Bredova, October 29, 2010

    0 votes
    4 answers
15. Помогите с CSS

    Здравствуйте! Помогите с CSS, не получается избавиться от лишней черты под пунктом "Задание 3", а так же пункт между пунктом "АСТРОЛОГИЯ" и "Урок 4" увеличить отступ. Заранее спасибо! <html> <head> <title></title> <style type="text/css"> #category ul { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; text-transform: uppercase; list-style: none; } #category #cat1 ul { margin-top: 10px; margin-bottom: 0px; margin-left: 8px; padding-left: 11px; text-transform: none; list-style: square; } #category #cat1 ul li{ margin-bottom: 7px; border-bottom: 1px solid #dadada; } #category #ca…

    Asked by ervin, October 27, 2010

    0 votes
    5 answers
16. верстка меню

    Кто знает как способ как решить данную задачу?

    Asked by mikemake, October 30, 2010

    0 votes
    1 answer
17. IE7 - подозреваю не работает float:right;

    Подскажите, почему во всех браузерах меню нормально прижато к правому краю, кроме IE7? http://mosstroy-10.ru/ Поиски дали мне почву подозревать, что здесь плохо работает float:right ... Но как с этим бороться не ясно.

    Asked by Leto, October 30, 2010

    0 votes
    5 answers
18. Определить дату последнего изменения файла

    подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.

    Asked by Stamper, October 29, 2010

    0 votes
    13 answers
19. opera + table + form

    я только начинаю верстать и столкнулся с такой проблемой делаю таблицу и в неё засовываю форму в мазила всё отлично а в опере она (форма) выходит за таблицу полностью то есть форма получается ниже таблицы подскажите кто с таким сталкивался какое решение этому есть?

    Asked by goldoba, October 29, 2010

    0 votes
    7 answers
20. Непонятный для меня синтаксис

    Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;

    Asked by prowoke, October 28, 2010

    0 votes
    6 answers
21. PIE.htc и не работающий margin

    Доброй ночи камрады! Сегодня собирался воспользоваться вот этой штукой PIE.htc и обнаружил удивительный баг в IE 6-7, который никак не поддаётся лечению. В общем есть тупо блок, 500 на 500пк. Я планировал закруглить углы с помощью PIE.htc, мне это удалось, но появилась другая проблема. Когда в КСС ссылаюсь на behavior: url(PIE.htc);, то сразу-же перестаёт работать верхний margin в IE 6-7, как только убираю ссылку, margin снова работает. Кто нибудь сталкивался с этой проблемой, может быть есть какие то лечебные травы? http://psywalker.ru/Forum/CSS3/Test2/main-page.html Смотреть в IE 6-7

    Asked by psywalker, October 28, 2010

    0 votes
    26 answers
22. Неподвижный бэкграунд.

    Здравствуйте. Вот возник вопрос, который никак не могу решить. И не знаю, можно ли вообще это осуществить. У меня разрешение экрана 1680*1050. Есть сайт. Фиксированный дизайн шириной 1000px по центру. На задний фон хотел впихнуть картинку.Но максимальная картинка какая влазит, это шириной 1680. Думал 2560 запихать, но её не отображает. Вот и хотел узнать: можно ли как-нибудь засунуть в бэкграунд картинку 2560*1600 расположив её по центру. Чтобы подходило всем, вплоть до этого разрешения. Делаю я вот так: body { background: url(blackwood.png); background-attachment: fixed; background-repeat: no-repeat; background-position:center; }

    Asked by Dezmont, October 29, 2010

    0 votes
    2 answers
23. Отступ от верха пропорционально ширине браузера

    Здравствуйте, собственно вопрос в названии темы. Дело в том что я сейчас заканчиваю рисовать дизайн сайта и продумываю верстку, опыта практически нет, последний раз занимался созданием сайтов 3 года назад. Хотелось бы сделать полностью резиновый сайт, но проблема в том, что у меня в шапке картинка в пропорции 4х3 примерно, а соответственно мне нужно чтоб основная часть сайта имела отступ от верха браузера пропорционально ширине окна, иначе разъедется вся сверстанная страница, или наоборот основная часть наедит поверх шапки. Знаю что можно получить в переменную разрешение экрана(по ширине), но если у пользователя большой монитор и он открывает браузер на пол экрана только…

    Asked by webvova, October 29, 2010

    0 votes
    6 answers
24. Поместить в центр карусель

    Как мне поместить вот такую карусель по центру страницы? Я уже 2 день бьюсь с этим и вроде как по уму пробовал сделать и наугад шаманил что-то. Не могу допереть. Никогда просто не адаптировал уже готовое что то на сайт. Вот и застрял. В общем что я имею. Я сделал фоновую картинку по середине, по клике на мелку это фоновая меняется. Она у меня стоит чётко по середине и при удалении или приближении ничего не меняется. Вот скрин: http://sharepix.ru/94698ia29/ . В шапке мини навигация, тоже располагается по центру, как мне надо. Вот код как я сделал это: <body> <div id="navgalery"> <a href="../../index.php">Главная</a>| Моменты из ж…

    Asked by prowoke, October 29, 2010

    0 votes
    0 answers
25. Баги с картиной в IE

    Здравствуйте уважаемые форумчане! Помогите пожалуйста решить проблему...уж всё попробывала...но ничего не получается... Проблема с отображением сайта в IE, в фф и хроме всё отлично, а в ослике появляются артефакты (на некоторых разрешениях нормально, а на некоторых нет -( )...картинка ниже и код CSS .goto_main{ width: 439px; height: 105px; position: absolute; bottom: 0; left: 0; } .namelogo{ background: url(../../images/site/logo.png) bottom right no-repeat #000; width: 439px; position: absolute; top: 15px; left: 45px; padding-bottom: 120px; height: 100px; } Html <div class="main"> <div style="padding-bottom: 100px; overflow: hidden;"> &lt…

    Asked by Dunya, October 28, 2010

    0 votes
    7 answers