Css Not working in Mozilla

4 replies [Last post]

Mon, 2012-02-20 09:59

Surendragogineni

Offline

Last seen: 1 year 12 weeks ago

newbie

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>

Tags:

Mon, 2012-02-20 11:02

Hugo

Offline

Last seen: 5 hours 40 min ago

Moderator

London

Timezone: GMT+1

Joined: 2004-06-06

Posts: 15586

Points: 2720

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

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

Mon, 2012-02-20 11:09

Hugo

Offline

Last seen: 5 hours 40 min ago

Moderator

London

Timezone: GMT+1

Joined: 2004-06-06

Posts: 15586

Points: 2720

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.

Mon, 2012-02-20 11:26

balajidesign

Offline

Last seen: 25 weeks 5 days ago

Enthusiast

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,

Mon, 2012-02-20 17:58

Surendragogineni

Offline

Last seen: 1 year 12 weeks ago

newbie

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

Css Not working in Mozilla

Firstly please read the forum

Your post is formatted now

We cant find the problem

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

User login

Navigation