html - navigation bar not showing when uploaded online -
kind sir's know why navigation bar not showing when upload in free web host (x10hosting , 000webhost) when run in localhost working.
this when run in localhost 
and happens when run online 
this html code
<?php error_reporting(e_all & ~e_notice); error_reporting(e_error | e_parse); session_start(); ?> <!doctype html> <html> <head> <title>home</title> <link rel="stylesheet" type="text/css" href="styles.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> </head> <body> <nav class="clearfix"> <ul class="clearfix"> <li><a href="index.php"><img src="img\home.png" style="margin-bottom:-2px; margin-right:3px; width:16px; height:16px;">home</a></li> <li><a href="speakers.php"><img src="img\speakers.png" style="margin-bottom:-1px; margin-right:4px; width:15px; height:13px;">speakers</a></li> <li><a href="about.php"><img src="img\about.png" style="margin-bottom:-1px; margin-right:3px; width:13px; height:12px;">about</a></li> <li><a href="contact.php"><img src="img\contact.png" style="margin-bottom:-2px; margin-right:6px; width:13px; height:14px;">contact</a></li> <li><a href="reservation.php"><img src="img\reservation.png" style="margin-bottom:-2px; margin-right:5px; width:14px; height:13px;">reservation</a></li> <li><a href="signout.php" id="signout"><img src="img\signout.png" style="margin-bottom:-2px; margin-right:6px; width:14px; height:14px;">sign out</a></li> <li><a href="myaccount.php" id="user" style="text-transform:capitalize;"><img src="img\user.png" style="margin-bottom:-1px; margin-right:6px; width:13px; height:12px;"><?php echo $_session['firstname']; ?></a></li> <li><a href="signup.php" id="signup"><img src="img\signup.png" style="margin-bottom:-1px; margin-right:6px; width:13px; height:11px;">sign up</a></li> <li><a href="signin.php" id="signin"><img src="img\signin.png" style="margin-bottom:-2px; margin-right:6px; width:14px; height:13px;">sign in</a></li> <li><a href="admincontrol.php" id="admincontrol"><img src="img\admin.png" style="margin-bottom:-3px; margin-right:6px; width:15px; height:16px;">admin control</a></li> </ul> <a href="#" id="pull">speaker reservation</a> </nav> <div class="slideshow-container"> <div class="myslides fade"> <img id="img1" src="img/homepage-image1.jpg"> <div class="text"></div> </div> <div class="myslides fade"> <img id="img2" src="img/homepage-image2.jpg"> <div class="text"></div> </div> <div class="myslides fade"> <img id="img3" src="img/homepage-image3.jpg"> <div class="text"></div> </div> <div id="dots"> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span> </div> </div> <div id="index-welcome"><p>welcome online speaker reservation. organization established in 2005 rey vibal, engages skills of performing artists directors , writers purpose of tuition in performing arts, theatrical , film production, corporate training, wellness , sharing methodologies.</p></div> <div id="footer" >copyright 2017</div> <script> $(function() { var pull = $('#pull'); menu = $('nav ul'); menuheight = menu.height(); $(pull).on('click', function(e) { e.preventdefault(); menu.slidetoggle(); }); $(window).resize(function() { var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeattr('style'); } }); }); </script> <script> var slideindex = 0; showslides(); function showslides() { var i; var slides = document.getelementsbyclassname("myslides"); var dots = document.getelementsbyclassname("dot"); (i = 0; < slides.length; i++) { slides[i].style.display = "none"; } slideindex++; if (slideindex> slides.length) {slideindex = 1} (i = 0; < dots.length; i++) { dots[i].classname = dots[i].classname.replace(" active", ""); } slides[slideindex-1].style.display = "block"; dots[slideindex-1].classname += " active"; settimeout(showslides, 4000); } </script> <script> function ifadmin() { document.getelementbyid("signin").style.display = "none"; document.getelementbyid("signup").style.display = "none"; document.getelementbyid("signout").style.display = "block"; document.getelementbyid("admincontrol").style.display = "block"; } </script> <script> function ifnotadmin() { document.getelementbyid("signin").style.display = "none"; document.getelementbyid("signup").style.display = "none"; document.getelementbyid("signout").style.display = "block"; document.getelementbyid("admincontrol").style.display = "none"; } </script> <script> function ifnotlogin() { document.getelementbyid("user").style.display = "none"; document.getelementbyid("signout").style.display = "none"; document.getelementbyid("admincontrol").style.display = "none"; } </script> <?php if (isset($_session['signedin']) && $_session['signedin'] == true) //if login { if($_session['type'] == 1) { echo "<script type='text/javascript'>ifadmin();</script>"; } elseif($_session['type'] == 0) { echo "<script type='text/javascript'>ifnotadmin();</script>"; } } //if not login else { echo "<script type='text/javascript'>ifnotlogin();</script>"; } ?> </body> </html> this css codes
/*navigation bar*/ nav { height: 60px; width: 100%; background: #342e2d; font-size: 10pt; font-family: 'pt sans', arial, sans-serif; font-weight: bold; position: relative; } nav ul { padding: 0; margin: auto; width: 100%; height: 60px; } nav li { display: inline; } nav { color: #fff; display: inline-block; width: 100px; text-align: center; text-decoration: none; line-height: 60px; text-shadow: 1px 1px 0px #283744; } nav li { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } nav li:last-child { border-right: 0; } nav a:hover, nav a:active { background-color: #1e1d1c; } nav a#pull { display: none; } /* clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } #signin, #signup, #signout, #admincontrol, #user { float:right; } #admincontrol { width:130px; }
your code looks fine me make sure clear cache u can achive by
option1:
try opening browser in incognito(chrome) mode.
ctrl + p
private(ie)
ctrl + n
option2
just clear browsers cache.
i had cache problem few times using webhost00
Comments
Post a Comment