Menu
Hi everyone
Hi everyone,
I have a serious problem in my GUI. Currently i am doin a web portal using struts,Enterprise JavaBean(EJ?.
The softwares i am using are Jbuilder 8 and Dreamweaver MX.
The interface of my portal is coded in html with css involved.The problem is that once i converted my html coding into struts format using JBuilder 8, the css cannot be read in the struts.(For example, my font size,color,border is the what i have defined in css)
I have try to covert the html coding into 3.0 Browser compatible using dreamweaver MX. Although it is able to display some of the things that is specified in the CSS,
but some tags are still lost.
Example?1) my jsp page contain in side the WebPortal folder.
C:Documents and SettingsuDesktopGamePortal(with css)WebPortal
(2) My css contain in css folder
C:Documents and SettingsuDesktopGamePortal(with cssWebPortalcss
Is it possible styleClass=”” tags are all wrong?
Can anyone please tell me what is the correct tag or methods that i should put in so that the Struts can read my css?
Example code 2:
<%@ taglib uri=”/WEB-INF/struts-logic.tld” prefix=”logic” %>
<%@ taglib uri=”/WEB-INF/struts-template.tld” prefix=”template” %>
<%@ taglib uri=”/WEB-INF/struts-bean.tld” prefix=”bean” %>
<%@ taglib uri=”/WEB-INF/struts-html.tld” prefix=”html” %>
<html:html locale=”true”>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<html:base/>
<LINK rel=”stylesheet” type=”text/css”
ref=”<html:rewrite page=’/css/layout.css’/>”>
</head>
<body bgcolor=”#FFFFFF” text=”#000000″ topmargin=”0″ leftmargin=”0″ rightmargin=”0″>
<table width=”100%” border=”0″ cellspacing=”0″ height=”49″ cellpadding=”0″>
<tr>
<td rowspan=”2″ width=”224″ height=”49″ align=”left” background=”Images/headerbg2.jpg”><html:img width=”224″ height=”49″ src=”Images/header.jpg”/></td>
<td height=”27″ background=”Images/headerbg1.jpg”>ý</td>
<td width=”250″ height=”27″ background=”Images/headerbg1.jpg” class=”headertext” valign=”bottom”>
<html:link href=”lostpassword.jsp” target=”main”>Lost
password</html:link> :: <html:link href=”signup.jsp” target=”main” style=”text-decoration:none;”>Join</html:link></td>
<td width=”9″ height=”49″ rowspan=”2″ align=”right”>
<div align=”right”><html:img width=”9″ height=”49″ src=”Images/header2.jpg”/></div></td>
</tr>
<html:form action=”/loginAction”>
<tr>
<td height=”22″ background=”Images/headerbg2.jpg”>ý</td>
<td width=”250″ height=”22″ background=”Images/headerbg2.jpg” valign=”middle”>
<div align=”right” class=”formtext” style=”color:#FFFFFF”> Nick:
<html:text property=”nick” styleClass=”input”/>
Password:
<html:password property=”password” styleClass=”input”/>
<html:submit value=”Go” property=”Submit” styleClass=”submit”/>
</div>
</td>
</tr>
</html:form>
</table>
</body>
</html:html>
CSS code inside the CSS folder:
font { font-family: Verdana, Arial, Helvetica, san-serif; font-size:9px;}
body {
background-color: #FFFFFF;
text-align: left;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:9px; font-weight:normal;
padding:0;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#AAAAAA;
scrollbar-highlight-color:#AAAAAA;
scrollbar-3dlight-color:#e5e4e4;
scrollbar-track-color:white;
scrollbar-arrow-color:#7f7f7f;
}
A { text-decoration: none;
font-family:verdana, arial, helvetica, sans-serif;
color:#5B5B5B;}
A:hover { color:#939393;}
A:active { color:#939393;}
A:link {color:#5B5B5B;}
A:vlink {color:#000000;}
.box {
border-right: 1px solid #7F7F7F;
border-top: 1px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
border-bottom: 1px solid #7F7F7F;
text-align:left;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight:normal;
color: #666666;}
.boxdashed {
border-right: 1px dashed #7F7F7F;
border-top: 1px dashed #7F7F7F;
border-left: 1px dashed #7F7F7F;
border-bottom: 1px dashed #7F7F7F;
text-align:left;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight:normal;
color: #666666;}
.description {
text-align:left;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:9px; font-weight:normal;
color: #666666;}
.details {
text-align:right;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:11px; font-weight:900; vertical-align:bottom;
color: #666666;}
.formtext {
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:8px; font-weight:900;
}
.forum {
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-color:#5B5B5B;
}
.forumtext {
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:12px;vertical-align:top; padding:0;
A { text-decoration: none;
font-family:verdana, arial, helvetica, sans-serif;
}
A:hover { color:#939393;}
A:active { color:#939393;}
A:link {color:#5B5B5B; text-decoration:none;}
A:vlink {color:#000000; text-decoration:none;}
}
.forumtext2 {
background-color:#EEEEEE;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; vertical-align:middle; padding:0;
}
.forumheader {
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight:900; color:white;
height:20px; text-align: center;
}
.forumheader2 {
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight:normal; color:white;
height:20px; text-align: center;
}
.headertext {
text-align:right;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:9px; font-weight: bold;
color: #FF0099;
text-decoration: none
}
.headertext2 {
text-align:left;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight: bold;
color: #5B5B5B;
text-decoration: none
}
.input {
border: 1px solid #5B5B5B;
width: 53px;
height: 12px;
color: #FF0099;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left; line-height: 11px;
padding: 0px;
}
.input2 {
border: 1px solid #FFFFFF;
border-bottom: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-top: 1px solid #7F7F7F;
border-left: 1px solid #7F7F7F;
width: 270px;
height: 18px;
background-color: #FFFFFF;
color: #7F7F7F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: left;
padding: 0px;
overflow:auto;
}
.submit {
border: 1px solid #FFFFFF;
border-bottom: 1px solid #7F7F7F;
border-right: 1px solid #7F7F7F;
border-top: 0px;
border-left: 0px;
width: 25px;
height: 15px;
background-color: #FFFFFF;
color: #7F7F7F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
padding: 0px;
}
.updates {
text-align:left; border:1px solid #939393;
font-family: Verdana, Arial, Helvetica, san-serif;
font-size:10px; font-weight:normal;
color: #666666;
padding: 10px;}
[upl-file uuid=7ba7074c-c290-437a-a606-8de42b3b2ce3 size=91kB]codes.zip