Not display and why it's on top

TheCatapult · August 27, 2012

Hello, I would just like to ask why the class .Nav is not showing in my Web site. (Please refer to the highlighted code) It is supposed to be after the class .Banner. As you may notice, it has background-img property so I must see it. Here's the link: http://catapultphpmysql.eu.pn/WAOLSir/ <!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>Hobby IR</title><script type="text/javascript">/*<![CDATA[*//*---->*//*--*//*]]>*/</script> <style type="text/css"> #wrapper {margin: 0 auto; width: 768px;} .left { float: left;} .right {float:right;margin-right:-20px; }.right122 {float:right;} .right1 {float:left;max-width:768px;} .stream {float:right; width: 340px; height: 290px; background-image:url('Images/back.jpg');background-repeat:no-repeat;padding: 10px;margin 0 auto;} .right1 {float:left;max-width:768px;} .right2 {float:right;} .Banner {width: 768px; height: 244px;background-color:#CCff00} .Nav { width: 768px; height: 80px; background-image:url('Images/nav-back.jpg');background-repeat:no-repeat;}  .subNAV{ float:right; margin-right:8px;margin-top:45px;} .ifreame {margin:10px;}.slideshow{margin:4px;height: 352px; width: 419px;background-color:#ff00ff;}a:link {color:#ff7e00;text-decoration:none;} /* unvisited link */a:visited {color:#00FF00;text-decoration:none;} /* visited link */a:hover {color:#FF00FF;text-decoration:none;} /* mouse over link */a:active {color:#0000FF;text-decoration:none;} /* selected link */}a:link {} /* unvisited link */a:visited {} /* visited link */a:hover {} /* mouse over link */a:active {} /* selected link */ .news{margin:4px;height:419px; width:419px;background-color:#ff00ff;} .div{background-image:url('Images/text-back.png');width:419px;float:right; font-family:"Arial"; }.miniinfo{float:right;margin-top:-20px;} .miniinfocon{float:right;width: 336px; height: 188px;background-image:url('Images/backminiifno.jpg');background-repeat:no-repeat;} #miniinfocondiv{float:left;margin-right:5px;width:84px; height: 84px;background-image:url('Images/miniinfodiv.jpg');background-repeat:no-repeat;padding: 10px;margin 0 auto;}#miniinfocondiv2{float:left;margin-right:5px;width:84px; height: 84px;background-image:url('Images/miniinfodiv.jpg');background-repeat:no-repeat;padding: 10px;margin 0 auto;}#miniinfocondiv3{float:left;margin-right:5px;width:84px; height: 84px;background-image:url('Images/miniinfodiv.jpg');background-repeat:no-repeat;padding: 10px;margin 0 auto;} </style></head><body><div id="wrapper"><div class="Banner"><img border="0" src="Images/banner.png" alt="Programs" width="768" height="244"/></div>  <div class="Nav"> <div class="subNAV"> Please help me o God</div> </div>  <div class="test"><div class="left"><div class="slideshow"></div><div class="news"> <div> <?$username="741839_test";$password="building10";$database="741839_test"; mysql_connect("fdb3.eu.pn",$username,$password);@mysql_select_db($database) or die( "Unable to select database"); $query="SELECT * FROM news ORDER BY id DESC LIMIT 20";$result=mysql_query($query); $num=mysql_numrows($result);mysql_close(); ?> <?$i=0;while ($i < $num) { $id=mysql_result($result,$i,"id");$title=mysql_result($result,$i,"title");$content=mysql_result($result,$i,"content");$poster=mysql_result($result,$i,"poster");?> <div class="div"> <? echo '<a href="http://catapultphpmysql.eu.pn/testwebsite/news.php?id=' . $id . '">' . $title . '</a> <br/>'; ?> </div><br/><?$i++;} ?></div> </div></div><div class="right"><div><img border="0" src="Images/watch-sign.jpg" alt="Watch" width="338" height="75"/></div><div class="stream"><iframe src="http://www.ustream.tv/embed/10214266" width="320" height="270" scrolling="no" frameborder="0" style="border: 0px none transparent; margin:0 auto;"></iframe></div></div> <div class="miniinfo"><img border="0" src="Images/miniinfo.jpg" alt="Programs" width="338" height="75"/></div> <div class="miniinfocon"> <div><center><img border="0" src="Images/fb.jpg" alt="Facebook" /><img border="0" src="Images/tweet.gif" alt="Twitter" /></center></div> <br/> <div>  <?$username="741839_test";$password="building10";$database="741839_test"; mysql_connect("fdb3.eu.pn",$username,$password);@mysql_select_db($database) or die( "Unable to select database"); $query="SELECT * FROM weather";$result=mysql_query($query); $num=mysql_numrows($result);mysql_close(); ?> <?$i=0;while ($i < $num) { $id=mysql_result($result,$i,"id");$weather1=mysql_result($result,$i,"weather1");$weather2=mysql_result($result,$i,"weather2");$weather3=mysql_result($result,$i,"weather3");?>  <div id="miniinfocondiv"><center><? echo $weather1; ?>Metro Manila</center></div><div id="miniinfocondiv2"><center><? echo $weather2; ?>Metro Cebu</center></div><div id="miniinfocondiv3"><center><? echo $weather3; ?>Metro Davao</center></div><?$i++;} ?></div> </div> </div></div> </body></html> Thank you very much and sorry for my bad English.

Edited August 27, 2012 by MisterCatapult

niche · August 28, 2012

Firebug says the Nav and subNAV classes are missing in your link. Also  isn't the way to create comments in css: http://www.w3schools.com/css/css_syntax.asp

Sign In

Not display and why it's on top

Recommended Posts

TheCatapult

Link to comment

Share on other sites

niche

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity