Jump to content


Photo

Centering Webpages


  • Please log in to reply
16 replies to this topic

#1 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 11 February 2012 - 11:54 PM

Hello again,

I have a website www.tokyo-chef-institute.com
The HOME page is perfectly centered. However, all the other pages are left justified. Not centered.
Anyone know how I can have all the other pages perfectly centered.

Regards,
fishcuisine
  • 0

#2 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 12 February 2012 - 03:59 AM

I know how to center pages, but if I can do it with your page, without starting over, we shall see - in case nobody has mentioned it to you, your code is a nightmare.

Using the Diploma Course page as an example - and this part I did tell you in your last post here - this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<META NAME=”description “ content=” “> <META NAME=”keywords” content=” “> 
<meta http-equiv=”Content-type” content=”text/html; charset=iso-8859-1”>   
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>2ColumChefDiplomaCourseFinal</title>
should look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head>  
<META NAME=”description “ content=” “> 
<META NAME=”keywords” content=” “>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<title>2ColumChefDiplomaCourseFinal</title>
While that has nothing to do with centering things, it's a code error that should be fixed. And actually, as you have no content in the description and keyword lines, anyway, you might as well delete the entire line. And it would make sense to change the title to something like "Tokyo chef Institute - Chef Diploma Courses".

The rest will take a bit, so I'll post this first.
  • 0

#3 Wickham

Wickham

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 1,732 posts
  • LocationSalisbury UK

Posted 12 February 2012 - 04:12 AM

Also, looking at the 2ColumChefDiplomaCourse.html page, you have a style
#wrapper {
	width:1050px; margin:0 auto;
}
but that div is missing in the html markup, so add it:-
<body> 
<div id="wrapper"> 
<div id="Layer2" style="position:absolute;........etc.
..................
<p align="center" class="style51">&nbsp;</p>
</div>
</div><!--end of #wrapper-->
</body>
</html>

  • 0

#4 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 12 February 2012 - 04:40 AM

Normally, what Wickham says, totally works, but in this case, it only centers the header banner, not the rest of the page.

It's just really difficult to predict what will affect what with so many mystery styles and random inline, internal, and external styling all jumbled up. My vote still is for a do-over.
  • 0

#5 Wickham

Wickham

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 1,732 posts
  • LocationSalisbury UK

Posted 12 February 2012 - 05:55 AM

Yes, I knew what to do but rushed off my reply too quickly. Position: absolute divs must have position: relative; in the parent so #wrapper needs to be:-
#wrapper {
	width:1050px; margin:0 auto; position: relative;
}

  • 0

#6 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 12 February 2012 - 09:34 AM

Yup, that does it. I'd still love to clean all this up.
  • 0

#7 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 17 February 2012 - 01:35 AM

Well,

I did the code changes as recommended but for some reason my top navigator bar reads

HOME CHEF METROPOLIS TCI LOCATION INQUIRE

Not good. It should read

HOME CHEF DIPLOMA COURSE METROPOLIS TOKYO TCI ADVOCATE LOCATION INQUIRE

As shown on my live website


What happen? How can I get it back to were I was before?

I am hesitant to upload the codes I just changed and now is in my Dreamweaver program.

I saved the original codes before making all the changes and tried to install them back in but I get the same results.

I also tried copying the codes on my live site but for some reason I am blocked.

Why is that I wonder?
  • 0

#8 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 17 February 2012 - 01:43 AM

The following is the codes I now have in Dreamweaver that is showing the incorrect Navibar wordings:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR...l4/strict.dtd">
<META NAME=”description “ content=” “>
<META NAME=”keywords” content=” “>
<meta http-equiv=”Content-type” content=”text/html; charset=iso-8859-1”>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>2ColumChefDiplomaCourseFinal</title>
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style10 { font-family: "Monotype Corsiva";
font-size: 24px;
color: #330000;
}
.style24 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.style31 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #660000;
}
.style32 {font-size: 12px; font-style: italic; font-family: Arial, Helvetica, sans-serif;}
.style34 {color: #330000; }
.style35 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
.style43 { font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
}
.style46 {font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
.style14 {font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
.style29 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px;}
.style36 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 18px; }
.style40 {color: #800040}
.style41 {color: #8080C0}
.style48 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #400000; }
.style8 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
.style50 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #990000;
font-size: 12px;
font-weight: bold;
}
.style51 {
color: #990000;
font-weight: bold;
}
.style60 {
font-size: 12px;
color: #000033;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style63 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; }
.style64 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
.style65 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }
.style66 {font-family: Georgia, "Times New Roman", Times, serif; color: #990000; font-size: 14px; font-weight: bold; }
.style67 {font-family: Georgia, "Times New Roman", Times, serif; color: #990000; font-size: 16px; font-weight: bold; }
.style68 {
color: #660000;
font-size: 14px;
}
.style69 {font-size: 36px}
.style70 {font-size: 24px}
.style71 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
color: #660000;
}
.style73 {font-family: Georgia, "Times New Roman", Times, serif; color: #660000; }
.style74 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #003366; }
-->
</style>
</head>

<body>


<div id="Layer2" style="position:absolute; left:211px; top:225px; width:599px; height:3715px; z-index:2">
<p class="style10" align="center"><span class="style73"><span class="style69">C</span><span class="style70">hef</span></span> <span class="style71">D</span><span class="style31">iploma</span> <span class="style73"><span class="style69">C<span class="style70">ourse</span></span></span></p>
<blockquote class="style34">
<blockquote>
<blockquote>
<p align="center" class="style8">OUR MISSION | OUR STRENGTHS | CURRICULUM | 2011 ACADEMIC YEAR SCHEDULE </p>
<p align="center" class="style8"><a href="http://www.findchef-...agent.com/">JOB PLACEMENT SERVICE</a> | <a href="inquire.html">INQUIRE - TUITION, FEES &amp; EXPENSES</a> </p>
<p align="center" class="style1">&nbsp;</p>
</blockquote>
</blockquote>
<p align="left" class="style43">OUR MISSION </p>
</blockquote>
<blockquote>
<p align="justify" class="style46">Tokyo Chef Institute is dedicated to maintain the superb culinary tradition of sushi. Our focus is to teach the art of sushi at the highest level and convey the Japanese aesthetic concept of <em> shibumi</em>.</p>
<p align="justify" class="style46">The essense of sushi is the use of quality ingredients at the highest level. We are advocates of clean water, clean air, and a clean environment. We actively promote the importance of food quality worldwide.</p>
<p align="justify" class="style46">Each of our chef instructors has more than 20 years experience. They are eager to reveal their knowledge and experience.</p>
<p align="justify" class="style46">Located in the city of Tokyo where sushi as we know it first originated, Tokyo Chef Institute aspires to be at the forefront of Japan&rsquo;s ever changing contemporary culinary culture.</p>
<p class="style43">OUR STRENGTHS </p>
</blockquote>
<ul>
<ul>
<ul>
<ul>
<li class="style1">Affordably priced tuition.</li>
<li class="style1">Individualized learning with class size between 8 &ndash; 12 students. </li>
<li class="style1">Master sushi chef instructors with over 20 years experience. </li>
<li class="style1">Well appointed kitchen training facility. </li>
<li><span class="style1" align="justify">Diploma certification upon graduation</span>. </li>
<li class="style1">Access to continuing education programs upon graduation</li>
<li class="style1">Access to Job Placement Service </li>
</ul>
</ul>
</ul>
<blockquote>
<p class="style1"><img src="images/OUTSIDE%20OMATA%20pho_01%5B1%5D.jpg" width="236" height="157"> <img src="images/dreamstime_1935008.jpg" width="163" height="152"> <img src="images/omataimg_01-1%5B1%5D.gif" width="414" height="168" align="middle" class="style46"></p>
</blockquote>
</ul>
<blockquote>
<p class="style35">CURRICULUM</p>
<h1 align="center" class="style64">Special Intensive 14-Day Sushi Chef Program I </h1>
<p align="center" class="style32">Classes starts at 11 AM and are conducted for 8 hours each day in English or Mandarin. Breaks: 10 minute break each hour and a daily lunch break. </p>
<p class="style32">(See 2011 Class Schedule Below) </p>
<p class="style35">1st Week (Days 1 &ndash; 7) </p>
<p align="justify" class="style24">Course Includes &ndash; Introduction to the various factors of sushi making. Review of proper personal hygiene and quality assurance procedures. Introduction to sushi ingredients &ndash; su, nori, shoyu, wasabi, and other ingredients. Identifying the different types of rice. Selecting rice for sushi. Cooking rice in varying conditions. </p>
<blockquote>
<blockquote>
<p align="left" class="style24"> <img src="images/students%20google%203.jpg" width="175" height="140"><img src="images/ist2_8251379-student%20%20sashimi%5B1%5D.jpg" width="164" height="140" align="top"> <img src="images/ist2_13473290-chef-s-hands-preparing-a-raw-fish-plate%5B1%5D.jpg" width="338" height="139"></p>
</blockquote>
</blockquote>
<p align="justify" class="style24">Introduction to the sushi chef&rsquo;s knives. Handling, sharpening, and determining the best knives to use on various food items. Review safety and first aid procedures. </p>
<p align="justify" class="style24"> Fish and shellfish preparation. Sushi roll concepts. Introduciton to Edomae Sushi &ndash; nigiri, aji, kohada, suid, makeral, thin roll, prawn, conger eel, omlet. </p>
<p class="style24"> Optional Field Trip to Tsukiji Fish Market. </p>
<p class="style35"> 2nd Week (Days 8 &ndash; 14) </p>
<p class="style24">Continue with advanced cutting and slicing techniques of sea bass, yellowtail, salmon and other seafood species. Study concept of Shibumi - the art of decorating and presentation. Food cost analysis and estimation. </p>
<p class="style24"> How to operate a small sushi counter.</p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p align="center" class="style35">Diploma Graduation Examination I </p>
</blockquote>
</blockquote>
<p align="left" class="style24">Knowledge of hygiene and quaility assurance procedures. </p>
<p class="style24">Knowledge of Japanese sushi cuisine. </p>
<p class="style24"> Timed Test &ndash; Cleaning and preparing fish. </p>
<p class="style24"> Timed Test &ndash; Making 10 piece nigiri sushi set platter. </p>
</blockquote>
<p align="center" class="style32">Graduation Requirement. 95% minimum attendance record. 85%+ grades on examinations </p>
<blockquote>
<blockquote>
<p align="center" class="style41">________________________________________</p>
</blockquote>
</blockquote>
<p align="center" class="style63"> TSCI 28-Day Sushi Chef Program I </p>
<p class="style32">Classes start at 11 AM dialy and are held for 4 hours in English or Mandarin. Length of the course is 28 days. No classes are held on Sundays. </p>
<p align="center" class="style14"> This program duplicates the material covered in the Special Intensive 14-Day Sushi Chef Program I.</p>
<blockquote>
<blockquote>
<blockquote>
<p align="center" class="style35">Diploma Graduation Examination I </p>
</blockquote>
</blockquote>
<p align="left" class="style24">Knowledge of hygiene and quaility assurance procedures. </p>
<p class="style24">Knowledge of Japanese sushi cuisine. </p>
<p class="style24"> Timed Test &ndash; Cleaning and preparing fish. </p>
<p class="style24"> Timed Test &ndash; Making 10 piece nigiri sushi set platter. </p>
</blockquote>
<p align="center" class="style32">Graduation Requirement. 95% minimum attendance record. 85%+ grades on examinations </p>
</blockquote>
</blockquote>
<p align="center" class="style40">______________________________________________________</p>
<blockquote class="style34">
<blockquote>
<p align="left" class="style63">Special Intensive 14-Day Sushi Chef Program II</p>
<p class="style32">Prerequisite. Successful completion of Sushi Chef Program I</p>
<p class="style32">Classes starts at 11 AM and are conducted for 8 hours each day in English or Mandarin. Breaks: 10 minute break each hour and a daily lunch break. </p>
<p class="style35">1st Week (Days 1 &ndash; 7) </p>
<p align="justify" class="style24">Study of various thin slicing techniques. Continue the practice of traditional slicing and preparation techniques on other seafood species - sea bass, yellowtail, salmon, tuna. Analysis of Japanese stock and seasonings. Practice tempura techniques. </p>
<p class="style35">2nd Week (Days 8 &ndash; 14) </p>
<p class="style24">Further refine cutting, slicing and preparation techniques. Study the fine art of Japanese food arrangement and the aesthetics of shibumi.</p>
<p class="style24"> Study tempura frying techniques. Get a glimpse of kaiseki. Enter the world of Japanese fusion cuisine.</p>
<p align="center" class="style35">Diploma Graduation Examination II </p>
<blockquote>
<p class="style24">Cleaning a preparation of fish for serving in a specified time. </p>
<p class="style24"> Creating an 20-piece nigiri sushi set in a specified time. </p>
</blockquote>
<p align="center" class="style32">Graduation Requirement. 95% minimum attendance record. 85%+ grades on examinations </p>
<p align="center" class="style41">_________________________________________ </p>
<p align="center"> <span class="style63"> TSCI 28-Day Sushi Chef Program II</span><br>
</p>
<p align="left" class="style32">Prerequisite: Successful completion of Sushi Chef Program I. </p>
<p class="style32">Classes start at 11 AM dialy and are held for 4 hours in English or Mandarin. Length of the course is 28 days. No classes are held on Sundays. </p>
<p class="style1">This program duplicates the material covered in the Special Intensive 14-Day Sushi Chef Program II</p>
<p align="center" class="style35">Diploma Graduation Examination II </p>
<blockquote>
<p class="style24">Clean a preparation of fish for serving in a specified time. </p>
<p class="style24"> Create an 18-piece nigiri sushi set in a specified time. </p>
</blockquote>
</blockquote>
<p align="center" class="style32"> Graduation Requirement. 95% minimum attendance record. 85%+ grades on examinations </p>
<blockquote>
<blockquote>
<blockquote>
<p align="center">___________________</p>
<p align="center" class="style29"><a href="contact.html" class="style65">Inquire about our tuition, fees, and expenses. </a></p>
<div align="center" class="style36">
<h3>2012 Academic Year </h3>
</div>
<p align="center" class="style43"> April </p>
</blockquote>
</blockquote>
</blockquote>
<p class="style63"><strong>14-Day Course I</strong> </p>
<p class="style48">Wednesday, April 11 &ndash; Tuesday, April 24 (Includes 1 optional tour day) </p>
<blockquote>
<blockquote>
<blockquote>
<p align="center" class="style43">May </p>
</blockquote>
</blockquote>
</blockquote>
<p class="style63"><strong>28-Day Course</strong> </p>
<p class="style48">Monday, May 7 &ndash; Thursday, June 7 (28 class days. Sundays off)</p>
<blockquote>
<blockquote>
<blockquote>
<p align="center" class="style35">June</p>
</blockquote>
</blockquote>
</blockquote>
<p class="style63"><strong>14-Day Course II</strong> </p>
<p class="style48">Wednesday, June 20 &ndash; Tuesday, July 3 (Includes 1 optional tour day.) </p>
<blockquote>
<blockquote>
<blockquote class="style43">
<p align="center" class="style35">July</p>
</blockquote>
</blockquote>
</blockquote>
<p class="style63"><strong>28-Day Course</strong> </p>
<p class="style48">Monday, July 9 - Thusday, August 9 (Includes 1 optional tour day.)</p>
<blockquote>
<blockquote>
<p align="center" class="style60">September</p>
</blockquote>
</blockquote>
<p align="left" class="style63"><strong>28-Day Course</strong> </p>
<p align="left" class="style48">Monday, September 10 - Thursday, October 11 (28 class days. Sundays off.)</p>
<p align="center" class="style35">&nbsp;</p>
<p align="center" class="style74"><a href="http://www.tokyo-che....com/">Home</a> | <a href="http://www.tokyo-che...e.html">Contact Us</a></p>
</blockquote>
<p align="justify" class="style4">&copy;Tokyo Chef Institute. All Rights Reserved. Protected by copyright laws of the Japan, United States and international treaties. This website may only be used pursuant to the subscription agreement and any reproduction, copying, or redistribution (electronic or otherwise, including on the world wide web), in whole or in part, is strictly prohibited </p>
<blockquote class="style34">
<blockquote>
<blockquote>
<blockquote>
<p align="center" class="style24">&nbsp;</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>&nbsp;</p>
<p align="left" class="style43">
</div>


<div id="Layer1" style="position:absolute; left:24px; top:224px; width:185px; height:488px; z-index:4">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center" class="style67"><a href="traditionalSushi.html" class="style68">Traditional Sushi Ingredients</a> </p>
<p align="center" class="style67"><a href="japaneseCultery.html" class="style68">Japanese Cutlery</a> </p>
<p align="center" class="style43">&nbsp;</p>
<p align="center" class="style50">&nbsp;</p>
</div>
<style type="text/css">
<!--
.style2 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style3 {color: #990000}
.style4 {
font-size: 10px;
color: #990000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>
<!-- start -->
<div id="header">
<img src="images/banner.jpg"alt="Tokyo Chef Institute" >
</div>

<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="2ColumChefDiplomaCourse.html">CHEF DIPLOMA COURSE</a></li>
<li><a href="metropolisTokyo.html">METROPOLIS TOKYO</a></li>
<li><a href="tciAdvocate.html">TCI ADVOCATE</a></li>
<li><a href="location.html">LOCATION</a></li>
<li><a href="inquire.html">INQUIRE</a></li>
</ul>
</div>
<!-- end -->

<div id="Layer3" style="position:absolute; left:815px; top:227px; width:211px; height:722px; z-index:3">
<p>&nbsp;</p>
<p align="center" class="style43">&nbsp;</p>
<p align="center" class="style66">FEATURES </p>
<ul class="style4">
<li class="style60">Receive personal, hands-on instructions on all aspects of sushi making. </li>
<li class="style60">Learn the art of sushi from experts. </li>
<li class="style60">Learn the truly amazing secrets of deboning fish and creating thinly sliced sashimi in 15 minutes. </li>
<li class="style60">Become familiar with natural ingredients used to make better tasting sushi without harmful chemical additives. </li>
<li class="style60">Learn the fine art of Japanese food arrangement. How a simple rearrangement in presentation can make an entr&eacute;e &ldquo;taste better.&rdquo; </li>
<li class="style60">Learn how to optimize the use of various ingredients in sushi. </li>
<li class="style60">Learn the secrets of why Japanese knives are such superb cutting devices. </li>
<li class="style60">Gain experience in using various Japanese cutlery and utensils. </li>
<li class="style60">Learn specialized filleting techniques. </li>
<li class="style60">Learn quality assurance procedures needed for raw foods. </li>
<li class="style60">Learn how to operate a sushi counter. </li>
<li class="style60">Receive on-going continuing education opportunities. </li>
<li class="style60">Gain access to job placement services. </li>
</ul>
<p align="center" class="style51">Job Placement Service</p>
<p align="center" class="style51"><a href="http://findchef-agen...gent.com/"><img src="images/FindChef-Agent%20Logo2%20Edited%20to%20size.jpg" width="156" height="54" border="0"></a> </p>
<p align="center" class="style51">&nbsp;</p>
</div>
</body>
</html>
  • 0

#9 Wickham

Wickham

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 1,732 posts
  • LocationSalisbury UK

Posted 17 February 2012 - 03:46 AM

Your post above has
<div id="menu">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="2ColumChefDiplomaCourse.html">CHEF DIPLOMA COURSE</a></li>
<li><a href="metropolisTokyo.html">METROPOLIS TOKYO</a></li>
<li><a href="tciAdvocate.html">TCI ADVOCATE</a></li>
<li><a href="location.html">LOCATION</a></li>
<li><a href="inquire.html">INQUIRE</a></li>
</ul>
</div>
which does show as HOME CHEF DIPLOMA COURSE METROPOLIS TOKYO TCI ADVOCATE LOCATION INQUIRE in the online page, so if you have a different display from your local page you've got your files muddled and perhaps you need to download from the host's server if that is the correct file and overwrite the file on your computer.

I also notice that in the post above you have
<title>2ColumChefDiplomaCourseFinal</title>
which will show as 2ColumChefDiplomaCourseFinal in the browser top title bar which is nonsense but the online page shows Tokyo-chef-institute.com from the title tag which is obviously better, so perhaps your online page is the correct one.
  • 0

#10 dannolan

dannolan

    New member

  • New Members
  • 2 posts

Posted 17 February 2012 - 04:46 AM

I have looked through the previous comments and the advice you have been given seems to be correct.

I would have the <div id=”wrapper”> go around everything - starting after your <body> and closeing before your </body>. If you do this on every page this should centre everything on you.

In your styles have #wrapper { clear: both; margin: 0 auto; width: 1050px; overflow: hidden; }
  • 0

#11 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 17 February 2012 - 06:59 AM

I would have the <div id=”wrapper”> go around everything - starting after your <body> and closeing before your </body>. If you do this on every page this should centre everything on you.

In your styles have #wrapper { clear: both; margin: 0 auto; width: 1050px; overflow: hidden; }


That's what Wickham said earlier - and you cannot forget the position relative in this situation.
  • 0

#12 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 17 February 2012 - 07:07 AM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR...l4/strict.dtd">
<META NAME=”description “ content=” “>
<META NAME=”keywords” content=” “>
<meta http-equiv=”Content-type” content=”text/html; charset=iso-8859-1”>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>2ColumChefDiplomaCourseFinal</title>
<link href="style.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/JavaScript">
<!--


You still have the out-of line meta tags up there, the duplicate charset line - and you still have a title that doesn't really make much sense. Is there a reason that you do not seem to want to believe me that this is wrong and could be done better?



  • 0

#13 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 17 February 2012 - 10:20 PM

Thanks for your many replies and suggetions.


As you can see I am not a web designer or code monkey. My focus is on foods, cuisines and environmental activism as it relates to food safety and quality.

So, I will have to go through all my past notes and decode all suggestions.

But moving forward...
  • 0

#14 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 04 March 2012 - 10:01 PM

I’m back

I contacted ipage twice regarding the problem I had of my Dreamweaver program. The second time, the tech told me to use
Filezilla to transfer my website files from ipage control panel to my Dreamweaver program to have the corrupted files replaced.

Well, I did use Filezilla. I now have the website files on the left section of the Filezilla page. Previously, it was on the right side.

Now comes the question: How to transfer flies I have stored in Filezilla transferred to my Dreamweaver progam?

Ipage said they don’t know and that I should contact Dreamweaver sources, forums, etc for that answer.
  • 0

#15 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 05 March 2012 - 06:41 AM

I don't have Filezilla, but I imagine one of those sides represents your remote server, the other your very own computer? What does it say above those sides? I would also expect them to actually be on both sides of your window now - unless you deleted them from your server (which you didn't - I visited just now and your site's still there).

You don't really have to your Dreamweaver program - you can just open them with it. Ideally, you could just move your new files into the same folder your old ones are. Just make sure you don't overwrite something you may still need.

Btw - this is really not in iPage's scope of tech support, but they are great enough to help out with other things, too.

And I also wanted to point out that we are NOT code 'monkeys'.............
  • 0

#16 seafoodcuisine

seafoodcuisine

    Member

  • Member
  • PipPipPip
  • 92 posts

Posted 09 March 2012 - 02:28 PM

I don't have a clue as to what we are trying to do.

All I want is to get my nav bar back to normal.
  • 0

#17 Andrea

Andrea

    Advanced Member

  • Moderators
  • 5,730 posts
  • Facebook:https://www.facebook.com/aandbwebdesignAB
  • LocationSan Antonio, TX

Posted 09 March 2012 - 03:27 PM

Is the site as you see it online the way you want it?

If yes, right-click and go to 'view source'

Select and copy all the code you see there.

Open the same document in Dreamweaver.

To be precise: If, for example,it is this page we're dealing with: http://www.tokyo-che...lomaCourse.html then go to your file 2ColumChefDiplomaCourse.html with your Dreamweaver. Go to the code view, and replace all that code with what you just copied from the source code online.

To me sure nothing messes up, save a backup copy of your dreamweaver file - example: 2ColumChefDiplomaCourse(backup).html first, so you lose nothing if something does go wrong.

Now you'll have exactly what you have online back on your dreamweaver.

If that isn't the latest issue, please be more specific, but if I understand correctly, the nav bar on your computer is messed up, but online, it's still good. Right?
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users