Jump to content

Not display and why it's on top


TheCatapult
 Share

Recommended Posts

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} <!-- tHIS IS THE START OF THE NAVIGATION -->.Nav { width: 768px; height: 80px; background-image:url('Images/nav-back.jpg');background-repeat:no-repeat;} <!--end--> <!--start of the subNAB -->.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;} <!--sTART of the mini info of temp -->#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> <!-- Navigation --> <div class="Nav"> <div class="subNAV"> Please help me o God</div> </div> <!-- End of Navigation --> <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> <!-- This is the PHP code --> <?$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");?> <!-- End of PHP code --> <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 by MisterCatapult
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...