IE не отображает фоновые рисунки IE не отображает 2 фоновых рисунка заданных через css. Все остальные браузеры отображают как надо. css: Code: #head {width:705px; height:60px; margin:0px auto; background-image: url(sample.png) } HTML: <div id="header"></div> Хочу сразу сказать, что дело тут не в .png, у меня и в .jpg не получается. Заранее благодарю откликнувшихся.
Code: <!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=windows-1251"> <title>background-image</title> <style type="text/css"> BODY { background-image: url(images/bg.jpg); /* Путь к фоновому изображению */ background-color: #c7b29a; /* Цвет фона */ } </style> </head> <body> <p>...</p> </body> </html>
Дело в том, что мне нужно через css. А IE блокирует скрипты и ActiveX(при чем здесь css, ума не приложу). Но даже если блокировку отключить ничего не меняется, разве что цвет ссылок при наведении курсора. Спасибо за ответ.
v.tyshkev, ты не правильно подключаешь css Code: #head {width:705px;height:60px; margin:0px auto;background-image: url(sample.png) } Code: <div id="[COLOR=Red]header[/COLOR]"></div> блок див и ИД head ни как не связаны...по крайней мере в примере...это раз, два это то что тебе не надо создавать ИД head если хочешь бекграунд для всей страницы, достаточно написать, как привел пример Pashkela в css файле Code: BODY { background-image: url(images/bg.jpg); /* Путь к фоновому изображению */ background-color: #c7b29a; /* Цвет фона */ }
Дело в том, что background мне нужен не для всей страницы. Все стили у меня в одном css-файле а подключил я их вот так: HTML: [<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sample</title> <link href="sample.css" rel="stylesheet" type="text/css" /> </head> Chrome, Mozilla Firefox, Safari ,Opera и Navigator все понимают. Придется прописать стили с фоном непосредственно в это html.
Есть горизонтальное меню, сделанное в виде неупорядоченного списка. Задача: сделать так, что при наведении курсора цвет текста менялся. HTML: <ul> <li> <a href="#" onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 1</a></li> <li> <a href="#" onMouseOver="this.style.color='#FF6600'" onMouseOUT="this.style.color='#FFFFFF'">№ 2</a></li> </ul> Проблема: IE в отличие от других браузеров, блокирует эту функцию. Не откажусь и от варианта на JavaScript, лишь бы работал.
Используй свойство hover в css, к примеру Code: /* -- Main Menu -- */ #mainMenu ul { position: relative; height: 100%; } #mainMenu li { position: relative; float: left; } #mainMenu li a { display: block; width: 101px; height: 27px; padding-top: 16px; float: left; font-size: .9em; color: #fff; text-decoration: none; text-align: center; background: url('../images/bg-menu_item.gif') 0 0 no-repeat; } #mainMenu li.active a, #mainMenu li a:hover { background-color: #0a1520; background-position: 0 -43px; } а вобще лучше скачать бесплатный профессиональный темплейт один раз в нем разобраться и все вопросы отпадут ПС: про бекграунд все равно ни че не понял, в любом случае как тебе дал пример Pashkela так можно реализовать определенный бекграунд хоть для каждого пикселя твоей странички в отдельности!
И так есть код <html> <dev style="position:absolute;top:50%;left:50%;"> Я человек который живет своей жизнью </dev> </html> и у меня смещаеться текст чуть вправо (так как объемный текст) что делать? Если нужно чтобы при разном расш. отоброжалось по центру
это точно верно? у тебя текст не в блоке но к нему применено форматирование, странно, а так можно поставить left=45% текст сместиться чуть влево
dev => div <div style="position:absolute;top:50%;left:50%;"> Я человек который живет своей жизнью </div>
пробывал но все так же смещаеться даже если код будет таким <center> <div style="position:absolute;top:50%;left:50%;"> Я человек который живет своей жизнью </div> </center>
Code: <html> <div style="position:absolute;top:50%;left:50%; width:1px; "> Я человек который живет своей жизнью </div> </html> ну вот так он в низ будет смещаться, просто не совсем понятно какого эффекта ты добиваешься...куда должен идти текст в лево как по арабски?
m0Hze, я делаю так Code: #cont_mus p {margin: 5px 0 0 10px;} потом в html Code: <div ID="cont_mus"><p> текст</p></div> Т.Е. непосредственно тексту ты задашь форматирование относительно твоего дива
Code: http://www.css-school.ru/lessons/51-urok-css-21.-oformlenie-tekstovogo-polja.html http://blog.sribna.com/ukrashaem-input-s-pomoschyu-css-prodolzhenie.htm есть еще 1 урок, токо не смог найти его...сам я мало css занимался с недельку но я свой поиск оформлял так, не знаю как на счет валидности будет еще не тестил css: Code: #search_form {background:url(Img/BkGr_2_05.jpg) no-repeat; position:relative; float:left; width:244px; height:29px; padding:0;} #search_form .search_text { position:relative;clear:left; float:left; background:#774d2b; border:none; left:18px; top:2px; width:154px; color:#FFF;} #search_form .search_Button { background:url(Img/BkGr_1_20.jpg); position:relative; float:left; width:70px; height:29px; border:none;left:20px;} #search_form .search_Button_move {background:url(Img/BkGr_1_20.jpg);background-position: 0 -29px;position:relative; float:left; width:70px; height:29px; border:none; left:20px; } HTML: Code: <form method="get" action="http://www.google.ru/search?" id="search_form" target="_blank"> <input type="text" name="q" maxlength=110 value="Search" class="search_text"> <input type="submit" class="search_Button" value="" onMouseMove="this.className='search_Button_move'" onMouseOut="this.className='search_Button'"> </form> смысл такой, рисуешь в фотошопе нужный тебе стиль, режишь, присваиваешь форме бекграунд с нужной тебе картинкой, и туда размещаешь инпут, цвет которого равен цвету формы, что бы бекграунды формы и инпута слились, и не забудь разместить инпут правильно что бы вводимый текст не выходил за края формы
2 вопроса тем, кто использует xhtml как следует объявлять кодировку страницы - в заголовке веб-сервера, в конструкции <?xml или в mime-теге? (к примеру FF не понимает кодировку в mime-теге при использовании xhtml 1.0, IE неадекватно реагирует, если доктайп не в первой строчке и т.д.) какой mime-тип использовать - application/xhtml+xml или text/html ? (к примеру IE вообще не слышал что такое xhtml, но без этого заголовка опера и фф обрабатывают документ как html)