2015-02-10 3 views
0

Я работал на локальной странице, и все работало нормально, пока я не скопировал всю папку в другое место, и графика пошла на все глюки. Что может быть причиной этого?Перемещение HTML/CSS в папку

Я также хотел бы упомянуть, что я ничего не делал с файлами. Я также хотел бы добавить, что мой файл css связан локально внутри папки.

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 

 
<head> 
 
<title>SLNG Phase 3 A7JJ</title> 
 
<link rel="stylesheet" type="text/css" href="style.css"> 
 
</head> 
 

 
<body style="background-color:#253C4F;"> 
 
<ul style="position:relative;left:192px;top:-3px;" class="topnav"> 
 
    <li class="menu1" id="ftab"><a target="content" href="home.html">Home</a></li> 
 
    <li class="menu2" id="stab"><a target="content" href="projinfo/projinfowin.html">Project Information</a></li> 
 
    <li class="menu3" id="ttab"><a target="content" href="projref/projref.html">Project Reference Documents</a></li> 
 
    <!--<li class="menu4" id="ftab"><a target="content" href="testing/testing.html">TEST</a></li>--> 
 
</ul> 
 
</body> 
 

 
</html>

#ftab{ 
 
\t background-color:#E0E0E0; 
 
} 
 

 
#stab{ 
 
\t background-color:#C1D2E0; 
 
} 
 

 
#ttab{ 
 
\t background-color:#D4ECFF; 
 
}

, а также

ul.topnav, ul.topnav ul { 
 
\t list-style-type:none; 
 
\t margin:0; 
 
\t padding:0; 
 
\t overflow:hidden; 
 
\t position:relatove; 
 
\t list-style:none; 
 
\t text-align:center; 
 
} 
 

 
li{ 
 
\t padding:5px; 
 
\t float:left; 
 
} 
 

 
a:link, a:visited { 
 
    display: block; 
 
    font-weight: bold; 
 
    color: #000000; 
 
    <!--background-color: #254A93;--> 
 
    padding: 5px; 
 
    text-decoration: none; 
 
    text-transform: uppercase; 
 
} 
 

 
li:hover, li:active { 
 
    background-color: #ffffff; 
 
} 
 

 
.menu1{ 
 
\t width:90px; 
 
\t position:relative; 
 
\t left:5px; 
 
} 
 

 
.menu2{ 
 
\t width:240px; 
 
\t position:relative; 
 
\t left:13px; 
 
} 
 

 
.menu3{ 
 
\t width:325px; 
 
\t position:relative; 
 
\t left:21px; 
 
} 
 

 
.menu4{ 
 
\t width:150px; 
 
\t position:relative; 
 
\t left:23px; 
 
} 
 
\t

С другой стороны, все было нормально, пока я не перешел. :(я действительно не могу это объяснить.

+1

Пожалуйста, нужна более подробная информация - HTML или jsfiddle :) – Jatin

+0

только HTML и CSS участие здесь :) –

+0

пожалуйста, вы можете создать скрипку? – Jatin

ответ

0

Обновить все ваши пути изображения их новых путей к папкам.

Старый

<img src="old/images/image.jpg"> 

Новый

<img src="new/images/image.jpg"> 
+0

Да, но я связал их локально, и к тому же у меня не было проблем с изображениями. Это форматирование, касающееся стиля css i Думаю, –

+0

В этом случае, что вы подразумеваете под «графикой, получившей все глюки», потому что это звучало так, будто вы забыли обновить пути изображения в своем вопросе. – user3781632

+0

как кнопки выглядели по-другому после передачи: (никаких изображений не было. css –

1

Спасибо всем, что ответил :) Кажется, я нашел ответ:

Ссылка: IE not rendering CSS properly when the site is located at networkdrive

Я добавил это в HTML файлы:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

По-видимому, при обращении к HTML-файлы с сетевого диска это заставляет IE, чтобы загрузить в IE версии 7, или это то, что Я читаю. Это довольно тревожным для меня :(

Еще раз спасибо, хотя :)