4 replies [Last post]
Surendragogineni
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-8
Joined: 2012-02-20
Posts: 2
Points: 3

/************* GENERAL CSS ************/
 
body {
	margin: 0px;
	padding: 0px;
	background: #666666 url(images/back.png) repeat-y center top;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
 
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399FF;
}
 
a {
	font-weight: bold;	
	text-decoration: none;
	color: #33CCFF;
}
 
a:hover {
	text-decoration: underline;
	color: #33CCFF;
}
 
/************* HEADER STUFF ************/
 
#header {
	width: 770px;
	height: 170px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #FFFBFD url(images/header.jpg);
}
 
#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #3399FF;
	font-size: 3em;
	text-transform: uppercase;
}
 
#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}
 
/************* MENU ************/
 
#menu {
	width: 770px;
	margin: 0px auto;
	padding: 1px 0px 1px 0px;
	background-color: #6C848E;
}
 
#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
 
 
/************* CONTENT ************/
 
#content1 {
	width: 770px;
        Height: 500px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}
 
#content1 h2, #content1 h3, #content1 h4, #content1 h5, #content1 h6 {
	font-weight: normal;
}
 
#content1 p, #content ul, #content ol {
	line-height: 150%;
}
 
#left {
	float: left;
	width: 80px;
	padding: 0px 20px 40px 20px;
 
 
}
 
#right {
	float: right;
	width: 600px;
	padding: 0px 20px 40px 20px;
	color: #99CCFF;
}
 
/************* FOOTER ************/
 
#footer {
	clear: both;
	width: 771px;
	margin: 0px auto;
	border-top: 1px solid #666666;
	background: url(images/back-footer.png) repeat-y center top;
	font-size: 9px;
	text-align: center;
	padding: 2px;
	color: #333333;
}

<!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-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="C:/Documents and Settings/surgogin/Desktop/cloudywatersports_/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
 
 
function loadContent(resURL)
{
var xmlhttp;
 
 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
 
    document.getElementById("content").innerHTML=xmlhttp.responseText;
 
    }
  }
 
xmlhttp.open("GET","http://localhost:8080/examples/jsp//"+resURL+".html",true);
alert("i am in loadcontent method after open");
 
xmlhttp.send();
}
</script>
<link href="C:/Documents and Settings/surgogin/Desktop/cloudywatersports_/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="C:/Documents and Settings/surgogin/Desktop/cloudywatersports_/styles.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="header" align="center">
	<h1></h1>
</div>
<div id="menu" align="">
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a></a></li>
 
  <li><a onclick="loadContent('home')">Home</a></li>
  <li><a  class="MenuBarItemSubmenu" href="#">Admin</a>
    <ul>
<li><a href="">User Management</a></li>
 
      <li><a class="MenuBarItemSubmenu" href="#">Release Management</a>
        <ul>
          <li><a href="#">Ermo Releases</a></li>
          <li><a href="#">Transitions</a></li>
          <li><a href="#">Release Tasks</a></li>
          <li><a href="#">Email Communications</a></li>
        </ul>
      </li>
 
    </ul>
  </li>
  <li><a onclick="loadContent('dashboard')">DashBoard</a></li>
 
 
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</div>
<div id="content1">
	<div id="right">
		<h2>Hello!</h2>
		<p></p>
 
				<H3 id="content">Welcome to Dash Board page</h3>
	</div>
	<div id="left">
		<h2></h2>
		<h3></h3>
		<h3></h3> 
		<p></p>
 
 
 
 
 
	</div>
</div>
<div id="footer">
	<p>Copyright &copy; 2012 YOUR SITE NAME.</p>
	<p>Design by <a href=""></a></p>
</div>
</body>
</html>

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 32 weeks 1 day ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

Firstly please read the forum

Firstly please read the forum posting guidelines - it's a common practise to help those who you wish help from by providing a little detail on the issue at hand.

Secondly there is guidance above the posting window when creating posts on how to embed code in posts so that it doesn't get parsed - please read and understand fully how to correctly create posts as it speeds things up in the long run Smile

I'll try and edit your post to display correctly.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 32 weeks 1 day ago
London
Joined: 2004-06-06
Posts: 15650
Points: 2788

Your post is formatted now

Your post is formatted now and I can see that you are trying to reference uri via a localhost path, obviously this will not work online or perhaps it does as you have some code at work I'm not 100% familiar with - regardless in lieu of you providing an explanation of what is wrong I'm assuming it's that and this is not a CSS issue as such more a document related one.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

balajidesign
balajidesign's picture
Offline
Enthusiast
Last seen: 44 weeks 12 hours ago
Timezone: GMT+5.5
Joined: 2012-01-31
Posts: 116
Points: 124

We cant find the problem

We cant find the problem without tell us anything, this code working properly in all the browsers. please tell me clearly, what you have facing the problem??

question is unquestionable?

Regards,

Surendragogineni
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-8
Joined: 2012-02-20
Posts: 2
Points: 3

I am not able to run this code in Mozilla the CSS are not workin

I am not able to run this code in Mozilla the CSS are not working properly