How can I use one navigation file - html

I am receiving an
"Object not found!
The requested URL was not found on this server. The link on the referring page seems to be wrong or outdated. Please inform the author of that page about the error.
If you think this is a server error, please contact the webmaster."
which is pretty obverse to me. problem is when I use on all the page where I need the navigation bar to work on. some of my links ty to go to http://localhost/xenxarragroup/site_03/site_03/gallary/index.php
which should really be going to
http://localhost/xenxarragroup/site_03/gallary/index.php.
I get this problem say when i click
from home say my Gallery page then to Design room I get "Object not found!"part which leadsa me back to this
http://localhost/xenxarragroup/site_03/site_03/gallary/index.php
<!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>XarraLures - Home</title>
<link rel="shortcut icon" href="im/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="nav.css" />
</head>
<body>
<!--class="pressed"-->
<div class="container">
<div class="header" id="top">
<div class="menuBar" id="menuBar">
<!--<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">-->
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="../index.php" title="Home"
target="_parent" style="height:18px;line-height:18px;">Home</a></li>
<li class="topmenu"><a href="../site_03/gallary/index.php" title="Show Room" target="_parent" style="height:18px;line-height:18px;">Show
Room</a></li>
<li class="topmenu">Design Room</li>
<li class="topmenu"><a href="#" target="_parent"
style="height:18px;line-height:18px;">Shop</a></li>
<li class="topmenu"><a href="#" target="_parent"
style="height:18px;line-height:18px;">Enquires</a></li>
<li class="topmenu">Comments</li>
<li class="toplast">About Us</li>
</ul>s
</div>
</DIV>
</div>
</body>
</html>
the only thing I tried is to change the allocations of the directory to which it it point to

Related

Navigation menu not redirecting to subpages

I've started html basics and I'm trying to do simple nav menu with 3 sites like this (index on the bottom is main page and these in "podstrona" folders are subpages):
My code looks just like this:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>
<ul id="menu_lista">
<li>Strona Główna</li>
<li>Podstrona nr 1</li>
<li>Podstrona nr 2</li>
</ul>
</body>
</html>
I tried different paths as you can see but no one can bring me to any subpage. What should I type to get to them? I searched in web but I didn't find anything helpful with this.

You're in podstrony, remove the first slash of the 1st link, and the /podstrony/ from the 2d.
When you leave the slash, it means your page will search at the root directory of your server. Without it, the path is relative to the current file path.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style/style.css" />
<meta charset="UTF-8">
<title>Podstrony</title>
</head>
<body>
<ul id="menu_lista">
<li>Strona Główna</li>
<li>Podstrona nr 1</li>
<li>Podstrona nr 2</li>
</ul>
</body>
</html>

html and python wrapping

i have main.html page where i have 3 href link.
and i have my data in excel file with 3 columns.
what i want to do is when i click on the link in main.html it should fetch data in excel file by using python and display it in html page on browser.
this is what i have written now:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="HOME.css" />
<meta charset="UTF-8">
<title>Racdm GUI</title>
</head>
<body>
<div id="navigation_bar">
<ul>
<li><a class="active" href="HOME.html">iDRAC</a></li>
<li>System</li>
<li>Life Cycle Controller</li>
<li>BIOS</li>
<li>NIC</li>
<li>STORAGE</li>
<li>FC</li>
</ul>
</div>
</body>
</html>

weird positioning top bar zurb foundation 5

Hi guys so a site I've been working on is acting up and has randomly re-positioined itself wierdly on the top bar and I have no idea why. I thought everything was fine before, however recently I saw the site and it just so happened that theres a wierd space at the top of the page between the nav bar and the window url. Can someone inspect it and help me figure out whats causing this and if there would be a quick or easy fix. The site is www.omegadesignla.com
and any help would be appreciated, thanks.
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Omega Design | LA</title>
<meta name="description" content="Web development and printing services serving the greater los angeles area">
   <meta name="keywords" content="web development, printing, graphics design, los angeles, santa clarita">
<link rel="stylesheet" href="stylesheets/app.css" />
<link rel="stylesheet" href="stylesheets/foundation-icons.css" />
<link rel="stylesheet" href="css/normalize.css" />
</head>
<body>
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<span><img class="logo" src="img/logofinal.png"><span>
</li>
<li class="toggle-topbar menu-icon">
Menu
</li>
</ul>
<section class="top-bar-section">
<ul class="right">
<li>About us</li>
<li>Contact us</li>
<li class="has-dropdown">
Services
<ul class="dropdown">
<li>Print Media</li>
<li>Web Development</li>
<!-- <li>Promotional Items</li> -->
<!-- <li class="active">Active link in dropdown</li> -->
</ul>
</li>
</ul>
</section>
</nav>
<div class="container">
<header>

There's a line " " right after the body tag. Remove it and this should reposition the navigation bar correctly.
I just realized that you can only see this if you 'inspect element' in development tools.
If you can edit the page's source, make sure that the <nav class="top-bar" data-topbar> comes right after <body>. Right now, there is a blank line (line 16).

Solve this problem try this
body{
font-size: 0;
}

Lines Appearing In iFrame in Chrome while scrolling up

So, I've got a CSS drop down menu with links, when you click on a link, the page loads in an iframe placed below the css menu. I have two problems.
1) In Google Chrome, there are think gray lines that appear in the iFrame when scrolling up, and there are more and they are more condensed when you actually drag the scroll bar up.
2) Some of the links are to PDF files, when those load into the iFrame, they display over the top of pieces of the CSS menu.
Any ideas? I've found a few articles with similar issues for the thin lines, but none of the solutions I've seen seem to be working.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AHCS - eLearning Portal - Caregiver Welcome</title>
<link rel="stylesheet" type="text/css" href="portal.css" />
</head>
<body>
<div id="cgframeinner">
<div id="reflibcontainer">
<div id="reflibhead">
<h2>Reference Library</h2>
</div>
<div id="reflibnav">
<span style="display:block;"><ul id="css3menu1" class="topmenu">
<li class="toproot"><span>COPD</span>
<ul>
<li>COPD Training Videos</li>
<li>COPD Foundation</li>
<li>COPD Fact Sheet</li>
<li>Breathing Better With COPD</li>
<li>COPD Glossary of Terms</li>
<li>What is COPD?</li>
</ul></li>
<li class="toproot"><span>CHF</span>
<ul>
<li>American Heart Association</li>
<li>WebMD CHF Guide</li>
</ul></li>
<li class="topmenu">Pneumonia</li>
<li class="topmenu">Fall Risk</li>
</ul></span>
</div>
<iframe src="" width="500px" height="350px" name="frame2"></iframe>
</div>
</div>
</body>
</html>

jQuery Mobile: How to create a linked row with title and description

There is an example in jQuery Mobile: Up and Running which shows an interactive list containing title, description, and a link
http://my.safaribooksonline.com/book/-/9781449331085/4dot-lists/id2712982
I can't find the code for this, and the only way I have so far been able to reproduce the same effect is to nest an <hX> element inside the <a>, which I understand is bad practice.
Can anyone suggest the correct way to achieve this? The example below works, but only by nesting the inside the .
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>List Example</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div data-role="page" id="example">
<div data-role="header" data-theme="c">
<h2>List Example</h2>
</div>
<div data-role="content">
<ul data-role="listview" >
<li>
<a href="#">
<h3>Title1</h3>
<p>Description1</p>
</a>
</li>
<li>
<a href="#">
<h3>Title2</h3>
<p>Description2</p>
</a>
</li>
</ul>
</div>
</body>
</html>

From the JQM docs (under "Text formatting & counts")
To add text hierarchy, use headings to increase font emphasis and use
paragraphs to reduce emphasis.
So that seems to be the correct way to do it. That said you can nest whatever you want in the li and style it using `CSS'.