Basic Question

Jtprince

New Member
I am a new user and my instructors insist that I use table layouts for my webpages. When I create an table, if my content exceeds the length of my graphic navigation column, it stretches out my navigation so that there are spaces in between (which I definitely don't want to happen). It may be a simple fix, but like I said I'm kinda new at this, so I figured I'd ask for a solution to my problem.
 

iniedrauer

New Member
Where are these instructors? Tell them to shove it. Do not use table layouts.

More practically, I would recommend that you approach your instructor and ask to do things right... with CSS.

If they still insist, well I pity that you will be learning incorrectly, but I would be happy to help if you copy and paste the HTML for me to see.
 

Jtprince

New Member
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Home - MC Escher</title>

<meta name="description" content="Bio and information on the artist M.C. Escher.">
<meta Name="keywords" content="M.C. Escher, Escher, M. C. Escher, artist, geometry, drawing hands, metamorphosis, biography, process, home, photo">

<style type="text/css">
body {
background-image: url(images/Angels_devils_background.gif);
background-repeat: repeat;
}
</style>
</head>

<body text="#FFFFFF">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center" valign="top" bgcolor="#CCCCCC"><img src="images/banner.gif" width="700" height="180" alt="MC Escher Banner"></td>
</tr>
<tr>
<td width="150" bgcolor="#D79A24"><a href="index.html"><img src="images/images/Home.gif" width="150" height="67" alt="Home Nav"></a></td>
<td width="550" rowspan="3" bgcolor="#D79C27">
<h1>Biography</h1>

<p><a href="images/escher1b.jpg"><img src="images/Photo_sm.gif" align="left" width="150" height="170" hspace="10" alt="Photo of M C Escher"></a>Maurits Cornelis Escher (1898-1972) is one of the world's most famous graphic artists. His art is enjoyed by millions of people all over the world, as can be seen on the many web sites on the internet.</p>
<p>He is most famous for his so-called impossible structures, such as Ascending and Descending, Relativity, his Transformation Prints, such as Metamorphosis I, Metamorphosis II and Metamorphosis III, Sky &amp; Water I or Reptiles.</p>
<p>But he also made some wonderful, more realistic work during the time he lived and traveled in Italy.</p>
<p>Castrovalva for example, where one already can see Escher's fascination for high and low, close by and far away. The lithograph Atrani, a small town on the Amalfi Coast was made in 1931, but comes back for example, in his masterpiece Metamorphosis I and II</p>
<p>M.C. Escher, during his lifetime, made 448 lithographs, woodcuts and wood engravings and over 2000 drawings and sketches. Like some of his famous predecessors, - Michelangelo, Leonardo da Vinci, Dürer and Holbein-, M.C. Escher was left-handed.</p>
<p>Apart from being a graphic artist, M.C. Escher illustrated books, designed tapestries, postage stamps and murals. He was born in Leeuwarden, the Netherlands, as the fourth and youngest son of a civil engineer. After 5 years the family moved to Arnhem where Escher spent most of his youth. After failing his high school exams, Maurits ultimately was enrolled in the School for Architecture and Decorative Arts in Haarlem</p>
<p>After only one week, he informed his father that he would rather study graphic art instead of architecture, as he had shown his drawings and linoleum cuts to his graphic teacher Samuel Jessurun de Mesquita, who encouraged him to continue with graphic arts.</p>
<p>After finishing school, he traveled extensively through Italy, where he met his wife Jetta Umiker, whom he married in 1924. They settled in Rome, where they stayed until 1935. During these 11 years, Escher would travel each year throughout Italy, drawing and sketching for the various prints he would make when he returned home.</p>
<p>Many of these sketches he would later use for various other lithographs and/or woodcuts and wood engravings, for example the background in the lithograph Waterfall stems from his Italian period, or the trees reflecting in the woodcut Puddle, which are the same trees Escher used in his woodcut &quot;Pineta of Calvi&quot;, which he made in 1932.</p>
<p>M.C. Escher became fascinated by the regular Division of the Plane, when he first visited the Alhambra, a fourteen century Moorish castle in Granada, Spain in 1922.</p>
<p><a href="images/url.jpg"><img src="images/self_sm.gif" align="left" width="150" height="146" hspace="10" alt="self portrait of M C Escher"></a>During the years in Switzerland and throughout the Second World War, he vigorously pursued his hobby, by drawing 62 of the total of 137 Regular Division Drawings he would make in his lifetime.<br />
</p>
<p>He would extend his passion for the Regular Division of the Plane, by using some of his drawings as the basis for yet another hobby, carving beech wood spheres.</p>
<p>He played with architecture, perspective and impossible spaces. His art continues to amaze and wonder millions of people all over the world. In his work we recognize his keen observation of the world around us and the expressions of his own fantasies. M.C. Escher shows us that reality is wondrous, comprehensible and fascinating.</p>

</tr>
<tr>
<td bgcolor="#D79A24"><a href="works.html"><img src="images/images/Works.gif" width="150" height="66" alt="Works Nav"></a></td>
</tr>
<tr>
<td bgcolor="#D79A24"><a href="links.html"><img src="images/images/Links.gif" width="150" height="67" alt="Links Nav"></a></td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#000000">&copy; 2011</td>
</tr>
</table>
</body>
</html>
 
Tell your instructor its a brave new world. I have to assume at this point teachers dont HAVE to keep up with whats going on in the world of web design. And I cant look at that,lol. Only place table layouts are approprate are for HTML emails.
 

iniedrauer

New Member
You just needed to add a valign to your nav column.

Replace:

<td height="193" valign="top" bgcolor="#D79A24">

With:

<td height="193" valign="top" bgcolor="#D79A24"> .

Say thank you, because I'm probably going to get raped for helping you with tables. Talk to your instructor.
 

Phreaddee

Super Moderator
Staff member
Say thank you, because I'm probably going to get raped for helping you with tables.

hahaha, possibly not for that little bit, but if you had done the entire table layout then thats another story!

I have to assume at this point teachers dont HAVE to keep up with whats going on in the world of web design.

It appears not, and it just seems to be getting worse. let me guess
1. he is old,
2. he bought a "how to make a website for dummies" about 10 years ago and still thinks its relevant. I'm surprised there is no "font" tags in there...

I think these "instructors" need to have a chat to us. get him to sign up!
 

WebSquad

New Member
This is why college instructors and AI instructors are complete garbage, they are not capable of understanding design from an artistic point of view or keeping up with the industry's latest techniques.
 
Top