2015-05-01 2 views
0

Я просто пытаюсь добавить некоторые простые CSS на мою страницу JSP. Моя страница jsp находится в следующем каталоге; WebContent> WEB-INF> страницы> Login.jsp | Мой css-файл находится здесь; WebContent> WEB-INF> css> Login.cssCSS не работает в JSP

Это мой код JSP.

<head> 
<link rel="stylesheet" type="text/css" href="../css/Login.css" /> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Login Page</title> 
</head> 
<body> 
    <div> 
     <form method="post"> 
      <table> 
       <tr> 
        <td> 
         //some code 
        </td> 
       </tr> 
       <tr> 
        <td> 
         //some code 
        </td> 
       </tr> 
       <tr> 
        <td> 
         //some code 
        </td> 
       </tr> 
      </table> 
     </form> 
    </div> 
</body> 

и это мой CSS

table { 
    border-width: 1px; 
    border-color: black; 
    border-style: solid; 
} 

Я просто хотел, чтобы сделать границу шоу вокруг стола, чтобы увидеть, если он будет работать, и это не так. Нет границ вокруг моего стола, что так было.

Любая идея, почему это не может работать

ответ

2

Возможно, проблема в том, путь к файлу CSS. Сначала попробуйте удалить ваши страницы и папку css из каталога WEB-INF и поместите их рядом с WEB-INF. Тогда попробуйте вместо этого:

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/Login.css" /> 
+0

Нет, никакой разницы. Спасибо за ответ. – Kalkrin

+0

Нет, все равно ничего не меняет. – Kalkrin

+1

Чувствительность к регистру? Может быть, ваш файл имеет все строчные буквы, а href начинается с upercase 'L'? – YoYo

0

Если вы используете плагин через кота затмения, попробуйте и нажмите правой кнопкой мыши на сервере и нажмите чистой. У меня была эта проблема, и это произошло потому, что файл css не обновлялся сервером. Читая, он обновляет все файлы.

Просто идея.

+0

Мне понравился звук этой идеи, но, к сожалению. Это не работает. – Kalkrin

+0

Эй, пришлось попробовать. Работала для меня – Tango199

0

просто скопировать и мимо вашей папки как в веб-контента и изменения пути link rel="stylesheet" type="text/css" href="../css/Login.css"
ваш каталог так же, как и /WebContent/pages/Login.jsp директории файлов CSS /WebContent/css/table.css

0

Вы можете проверить, что «../» решает с помощью браузера , Возможно, вам придется использовать «./».
В вашем браузере открываются инструменты разработчика (в хромальном нажатии F12), затем перейдите на вкладку сети. Обычно просматривайте страницу и смотрите исходящие запросы. Вы должны увидеть запрос на свою таблицу стилей Login.css. Наведите указатель мыши на него, чтобы увидеть полный путь, который он использует. Это правильный путь?

+0

, в идеале вы должны объяснить разницу между «..?» а также "./". мы не должны ожидать, что пользователи будут использовать браузер, который мы предпочитаем, код должен работать на всех браузерах. –

+0

В браузере он не разрешен, он разрешен на сервере. Мы просто используем браузер, чтобы узнать, что происходит. Мы не ожидаем, что пользователь также будет использовать наш браузер, мы просто используем браузер для понимания проблемы. – eToi