Почему на HTLM страницах не работают некоторые настройки ?

Всем приветик. smile

У меня появился вопросик. Почему на отдельных HTLM страничках, не работают некоторые CCS настройки ?

Хотела сделать на отдельной страничке кое какое меню, с помощью этой темы и этой темы. Но столкнулась с тем, что настройки CCS аннулируются и не работают.

Может можно как то решить этот баг ?

автор Kiselboom Апрель 4th 2013, 18:04

Ссылку на страницу, её html и css коды, пожалуйста.

Kiselboom пишет:Ссылку на страницу, её html и css коды, пожалуйста.

Ссылка на страницу:
http://gothic-empire.mirbb.com/h43-page

ХТЛМ код страницы:

Код:: <!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" dir="ltr" lang="ru" xml:lang="ru"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head> <br/><br/><br/><br/><body><div class="regulations"> <br/> <script type="text/javascript" src="http://yourjavascript.com/061241522101/hide-menu.js"></script> <div id="hit_area" onmouseover="toggleDown();"></div> <div id="menu_holder"> <div id="nav"> <ul> <li><a href="ссылка_1">название_1</a></li> <li><a href="ссылка_2">название_2</a></li> <li><a href="ссылка_3">название_3</a></li> <li><a href="ссылка_4">название_4</a></li> <li><a href="ссылка_5">название_5</a></li> </ul> </div> </div> <div id="hit_area2" onmouseover="toggleUp();"> <div class=ImgField> <img class="image first" src="http://savepic.org/3148848.jpg"/> <img class="image second" src="http://savepic.org/3177522.jpg"/> </div> </div> <br/> </div> </div> Настройка меню навигации: <style> body { background: url(http://www.snapsnap.ru/i/ibackground.png); /*основной фон*/ background-attachment: fixed; /*Фиксация фона*/ } </style> </body> </html>

Настройка меню:

Код:: /* Всплывающее меню */ #menu_holder { height:58px; width:100%; display:block; position:absolute; top:-58px; z-index:999; } #nav { height:58px; width:542px; background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/right10.png); background-repeat:no-repeat; background-position:right; margin:0 auto; padding:0; } #hit_area { height:58px; width:100%; display:block; margin:0; padding:0; } #hit_area2 { width:100%; display:block; position:absolute; left:0; top:58px; margin:0; padding:0; } #nav ul { height:58px; list-style-type:none; background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/left10.png); background-repeat:no-repeat; margin:0; padding:0 0 0 21px; } #nav li { float:left; margin:0; padding:0; } #nav li a:link,#nav li a:active,#nav li a:visited { background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/middle10.png); background-repeat:repeat-x; height:58px; width:100px; display:block; line-height:58px; font-weight:700; color:#666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:14px; } #nav li a:focus,#nav li a:hover { text-decoration:none; -moz-outline:0; color:#FFF; background-image:url(http://i13.servimg.com/u/f13/14/80/95/87/rollov10.png); background-repeat:repeat-x; }

Настройка плавной смены картинок:

Код:: .image.first,.image.second { border:2px solid transparent; margin:0; padding:0; } .image.first { opacity:1px; display:block; position:absolute; z-index:100; transition-duration:0.96s; -webkit-transition-duration:0.96s; -moz-transition-duration:0.96s; -o-transition-duration:0.96s; -ms-transition-duration:0.96s; } .image.first:hover { opacity:0.00; } div.ImgField { display:inline-block; background-position:center center; background-repeat:no-repeat; margin:0; padding:0; }

автор Kiselboom Апрель 4th 2013, 18:25

Коды, css, я так понимаю, у вас вставлены в "Каскадную таблицу стилей"?

Kiselboom пишет:Коды, css, я так понимаю, у вас вставлены в "Каскадную таблицу стилей"?

Конечно.

автор Kiselboom Апрель 4th 2013, 18:41

Объясню вам ситуацию. Все css коды из каскадной таблицы хранятся в файле. В верхней части каждой страницы, точнее между тегами <head> есть строчка. наподобие <link rel="stylesheet" href="/38-ltr.css" type="text/css">, которая, скажем так, позволяет вставленные вами коды использовать на данной странице.
Когда вы создаёте html страницу "с чистого листа", то есть не используете верхнюю и нижнюю части, соответственно никакой строчки не будет и css коды из каскадной таблицы стилей действовать не будут.

Надеюсь, объяснил доходчиво.

Kiselboom пишет:Объясню вам ситуацию. Все css коды из каскадной таблицы хранятся в файле. В верхней части каждой страницы, точнее между тегами <head> есть строчка. наподобие <link rel="stylesheet" href="/38-ltr.css" type="text/css">, которая, скажем так, позволяет вставленные вами коды использовать на данной странице.
Когда вы создаёте html страницу "с чистого листа", то есть не используете верхнюю и нижнюю части, соответственно никакой строчки не будет и css коды из каскадной таблицы стилей действовать не будут.

Надеюсь, объяснил доходчиво.

Огромное спасибо Kiselboom. girl_yes