Hi ,
I am facing a strange issue and google could not help me either here. So now, i need your advices my friends.
I have a file called hello.jsp, the contents are :
[/B]<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!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">
<head>
<meta http-equiv="Content-Style-Type" content="text/css; charset=ISO-8859-1" />
<title>FILTER BY POPUP</title>
<link rel="stylesheet" type="text/css" href="/WebContent/jquery-ui-1.8.14.custom.css" >
</head>
<body>
<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" style="display: block; z-index: 1002; outline: 0px none; position: absolute; height: auto; width: 600px; top: 21px; left: 279px;" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-Filters">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<span id="ui-dialog-title-Filters" class="ui-dialog-title">Filter By</span>
<a class="ui-dialog-titlebar-close ui-corner-all" href="#" role="button">
<span class="ui-icon ui-icon-closethick">close</span>
</a>
</div>
<div id="Filters" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 52.8333px; height: auto;">
<form action="">
<div id="FilterTabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
<a href="#tabs-1">Country</a>
</li>
<li class="ui-state-default ui-corner-top">
<a href="#tabs-2">Funds</a>
</li>
<li class="ui-state-default ui-corner-top">
<a href="#tabs-3">Share Class</a>
</li>
<li class="ui-state-default ui-corner-top">
<a href="#tabs-4">Dates</a>
</li>
</ul>
</form>
</div>
</div>
</body>
</html>[B]
Now let us come to the problem, according to the code typed in , i should have got a stylized formatted output like this:
Now, this comes up when i preview the code in eclipse, however when i try to view in the web browser using:
http://localhost:8080/jspHello
I get the output as:
So that means that my style sheet is not getting compiled here, perhaps ?
Or what am i missing here ?
BTW, I am using JBOSS as the server to render my jsp here.
https://picasaweb.google.com/1046663...ptember132011# --> this is where the screens are located. In case u r not able to view this, let me tell you, the basic problem is --> style sheet is working in preview option of eclipse but not in my browser(either IE or MF) .