Jump to content
Killersites Forums

Still problems combing new Nav Bar w/Image to form new Header


fishcuisine
 Share

Recommended Posts

Hello guys,

 

Again, let me thank you for your input.

 

I have tired various combinations but for some reason they are not “jiving”

I know that only one DOC statement is needed.

 

 

This is the image that I wanted to place on the top of the Header. It is near identical to the Image (image is stored in my image folder) currently being used on www.tokyo-sushi-chef-institute.com

---------------------------------------------------------------

 

<img src="image%202/TCIlogo2.jpg" width="1050" height="150">

---------------------------------------------------------------

 

This is the Nav Bar (Menu) I wanted to place directly below the above image; replacing the old Nav Bar. Note the color change.

--------------------------------------------------------------------

Question: What html/css symbols placement is needed to combine the new Nav Bar with the Image so I get the Header like what you see on my currently website but with the new Nav Bar?

---------------------------------------------------------------------

New Nav Bar html/css symbols:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta name="keywords" content="SushiMenu1">

<meta name="description" content="Horizontal menu item1">

<meta http-equiv="content-type" content="text/html; charset=utf-8">

 

<title>Sushi Menu</title>

 

<style type="text/css">

#menu{

font-family: arial, sans-serif; line-height: 1.3;

color: #000000;

font-size: 11px;

font-weight: normal;

}

 

#menu{

padding:0;

margin:0;

}

#menu ul{

padding:0;

margin:0;

}

#menu li{

position: relative;

 

 

float: left;

list-style: none;

margin: 0;

padding:0;

}

#menu li a{

padding: 0 10px;

height: 25px;

display: block;

text-decoration:none;

text-align: center;

line-height: 25px;

background-color: #660033;

color: white;

}

#menu li a:hover{

background-color: #663366;

}

#menu ul ul{

position: absolute;

top: 22px;

visibility: hidden;

}

 

.style1 {color: #B7C8C5}

</style>

 

</head>

<body>

 

<div id="menu">

<ul>

<li><a href="#nogo"><span class="style1"></span>HOME</a>

</li>

<li><a href="#nogo">CHEF DIPLOMA COURSE</a>

</li>

<li><a href=”#nogo”>METROPOLIS TOKYO</a>

</li>

<li><a href=”#nogo”>LOCATION</a>

</li>

<li><a href=”#nogo”>INQUIRE</a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

<li><a href=”#nogo”></a>

</li>

 

</ul>

</div>

 

</body>

</html>

Link to comment
Share on other sites

Again, let me thank you for your input.

Some of the issues you have, I addressed in my last reply/replies to you. Did something I said not make sense or did you have questions? It's VERY frustrating to have to repeat everything and see hardly any of it applied.

 

<img src="image%202/TCIlogo2.jpg" width="1050" height="150">

Look at the name you have for your folder - it's image%202 - that tells me that you have a space in your folder name - the %20 represents a space, and spaces in file or folder names are NOT a good idea. Anyway, based on what I see in the path, the folder the image is supposed to be in would be called 'image 2' and not 'image' as you think.

 

27 times:

<li><a href=”#nogo”></a>

</li>

WHY?????????????????????????

(again, something I have addressed previously)

Question: What html/css symbols placement is needed to combine
There are no 'symbols to combine'. Address the issue with image file path or folder name situation and delete all those absolutely redundant and useless empty tags.

 

Normally, I would copy your code and upload it into my KSforum folder and make changes/leave comments explaining what I'm doing - I've done this before with your page TWICE - but since so far, you have not taken any of my suggestions, I'll hold out on investing any more substantial time until I feel it won't be a wasted effort (again).

 

 

Link to comment
Share on other sites

Sorry, your recommendation below is not working...

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Tokyo-sushi-chef-institute.com</title>

 

<link rel="stylesheet" type="text/css" href="sushi.css" media="all">

 

</head>

 

<body>

 

<div id="wrapper">

<h1>Tokyo Sushi Chef Institute</h1>

<img src="tsciHeader1.jpg" width="1050" height="97">

<ul id="nav">

<li><a href="index.html">HOME</a></li>

<li><a href="chefDiplomaCourse.html">OUR MISSION</a></li>

<li><a href="chefDiplomaCourse.html">CHEF DIPLOMA COURSE</a></li>

<li><a href="metropolisTokyo.html">METROPOLIS TOKYO </a></li>

<li><a href="location.html">LOCATION</a></li>

<li><a href="inquire.html">INQUIRE</a></li>

<li><a href="contact.html">CONTACT</a></li>

</ul>

 

<h2>Welcome to the Tokyo Sushi Chef Institute</h2>

<p>Tokyo Sushi Chef Institute offers the most comprehensive training in traditional Japanese sushi techniques available today in English and Mandarin. </p>

 

<p> We are committed to the best traditions of Japanese cuisine and the evolution of culinary arts. We take great pride in teaching the art of sushi, one of Japan's preeminent <em>table d' hote</em> and welcome students from around the world. </p>

<p> Today sushi is recognized as one of world's consummate <em>haute cuisines</em>. We are committed to all aspects of gastronomy. Through our international contacts in the restaurant world and academics, we strive to research, learn and teach the essence of what makes fine dining. </p>

<p> Tokyo Sushi Chef Institute is located in the city of Tokyo, which has recently attained the status as one of the premiere culinary capitals of the world. With access to some of the world's finest restaurants and quality ingredients to match, an environment of culinary perfection is guaranteed. </p>

 

<p> The source, transportation, storage and preparation of ingredients are factors that must be considered in preparing the final <em>entr'ee</em>. </p>

<p> All our chef instructors are masters of their art with over 20 years of experience. Their goal is to train the best sushi chefs to carry on the art of sushi cuisine worldwide. </p>

 

<div id="footer">© 2010 All rights reserved Tokyo Sushi Chef Institute</div>

 

</div>

 

</body>

</html>

Link to comment
Share on other sites

What's not working? It looks fine to me here" http://www.aandbwebdesign.com/KSforum/sushi.php

 

did you make sure to copy over the stylesheet as well?

 

If would be really helpful if you could upload the pages you're working on to your server and post the link here, so we can see what you really have.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...