Внешний файл CSS не загружается при открытии моей веб-страницы

0

Я создаю сайт с eclipse/tomcat. В моем html файле я включил внешний файл css. Когда я открываю свою главную страницу сайта как файл, все работает нормально, и он читает внешний файл css. Но когда я пытаюсь открыть главную страницу с помощью tomcat: "MyHost: 8080/DBankOnline/MainPage.html" Он загружает html но не загружает внешний файл css. Почему он не загружает внешний CSS при попытке открыть мой сайт из MyHost?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"               "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="DBankwebsite30.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
<title>DBank - The best bank</title>
</head>

<script src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="mainScript17.js"></script>
<style>

#content>p
{
font-size:20px;
font-style:italic;
}
</style>

<body onload="javascript:setInterval(clock,1000);javascript:buttonClicked();">
<div id="main">
<div id="upper">
    <p id="welcomeMessage">Hello guest.</p>
    <div id="login">
        <a href="loginpage.html">&nbsp; &nbsp; Login/Logout</a>
    </div>
</div>

<div id="left">
<div id="hour"></div>
    <ul>
        <li id="MainPage" class="mainButtons"><a href="MainPage.html">- Home -</a><hr></li>
        <li id="Personal" class="mainButtons"><a href="Personal.html">- Personal -</a><hr></li>
        <li id="AboutUs" class="mainButtons"><a href="localHost:8080/MainPage/AboutUsButton.html">- About us -</a><hr></li>
        <li id="ContactUs" class="mainButtons"><a href="localHost:8080/MainPage/ContactUsButton.html">- Contact us -</a><hr></li>
    </ul>
</div>

<div id="content">
    <p> Hello universe </p>

</div>

<div id="bottom"> 
    <p id="rights">The best website</p>
</div>

-thank вы

  • 1
    Перейдите к своему исследователю пакетов и обновите.
  • 1
    Вероятно, проблема с путями ... посмотрите, как Tomcat интерпретирует пути
Теги:
tomcat

1 ответ

1
Лучший ответ

Определенно проблема пути. Используйте браузер Chrome для проверки элементов и посмотрите, какой путь ваш внешний файл css используется хостом, тогда у вас есть ключ. Раньше я сталкивался с подобными случаями. Не большая проблема. Удачи.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню