tables behave wierdly

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Dear friends,
I am not vary familiar to html, but managed to wrote one, which
behaves as expected in firefox.
please have a look at

But when I tried to view the same in any other browser(IE,chrome or
safari) the left hand columns are looking a mess.
there is no fancy thing like java or css...plain html-transitional
developed with quanta
where is the problem?
i donot think posting  the code is helpful as the tables contains
picture, still i am posting a short one.<!DOCTYPE HTML PUBLIC "-//W3C//
DTD HTML 4.01 Transitional//EN" " /

  <title>Talks given</title>

  <meta name="GENERATOR" content="Quanta Plus">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body bgcolor="#4674a0">
      <td width="20%" valign="top"><br><br><br><br><br>
<A href="work.html"><IMG src="images/img_work.png" width="30%"
height="30%" align="left" border="0"></A><IMG src="images/here.png"
width="10%" height="10%" align="left" border="0"><br><br>
<td width="60%" valign="top" bgcolor="#4674a0">
<table width="100%" bgcolor="#e6f0f8"><tbody>
<DIV align="center"><IMG src="images/mf_up.png" width="100%"> </DIV>


<li><strong>Parallel Computation on Shared Memory System</strong></
li><dd>This was an informal talk given to the beginners of our group
as a basic exposure to parallel computation, how it works, and the
structure of parallel programming w.r.t. that of serial one. It
includes parallalizing codes in shared memory  system (mainly
<li><STRONG>ASR code and application in different binary alloys</
STRONG></li><dd>Talk given to Young  Physicists Colloquium 2009
(YPC-2009) on the development of the ASR code and its application to
binary disorder alloy.</dd>


<DIV align="center"><IMG src="images/mp-bt.png" width="100%"


    <td  width="25%" valign="top"><br><br><br>
<table width="100%">
  <tbody valign="top">
    <tr valign="top"><td valign="top"><A href=" /
~abhijit" name="amooks home" target="_blank"><IMG src="images/
img_amook.png" width="100%" height="100%" align="left" border="0"></
    <tr valign="top"><td><A href="publication.html" name="my
publications"><IMG src="images/img_publication.png" width="80%"
height="80%" align="left" border="0"></A></td>
    <tr valign="top"><TD><a  href="#" name="Talks given"><IMG
src="images/img_talk.png" width="60%" height="60%" align="left"
border="0" alt="talk"></a><IMG src="images/here.png" width="10%"
height="10%" align="left" border="0"></TD></tr>
looking for your help.

Re: tables behave wierdly

Quoted text here. Click to load it

That's not a web site. It's a bunch of pictures of text.

Here is what it looks like using lynx, a text only browser:


   [img_abtme.png] [here.png]

That is also what the search engines will see. That is also what any
visually impaired person will hear or feel.

Re: tables behave wierdly

Quoted text here. Click to load it

I don't know why you cant see the links with are there
as links representation.

Re: tables behave wierdly

rudra wrote:
Quoted text here. Click to load it

*I* can see the words in your images. Lynx can't. Google can't. Blind people
can't. As it's your own personal site you can get away with this. If it were
a commercial site then in some countries (for example .au) it would be
against the law.

Firebug (which you should install if you don't have it already) has an
option to turn images off. When I do I see a totally blank screen. No
information at all. Except for the blue background, that is.

Your web site is nothing but pictures of text. Not real text. Pictures of
text. And you don't even have an alt attribute specified that would replace
the images for those who cannot see the images. Really, the last time I
argued about somebody over this matter was last century. The web has moved
on since then. We now know about usability and accessibility.

As to your actual problem with the left hand nav I had a quick look with
Chrome. Yes, ugly. Why do you specify height=40% for those images of text?
40% of what? The height of the td? The height of, well, whatever? That is
likely your problem.

When you convert those links to real text you won't have the problem anyway

Oh, and why are you using transitional? What are you transitioning from?

I think it's time to get rid of Quanta Plus and learn how to code real HTML.

Re: tables behave wierdly

Dear rf,
thanks for your suggestion.
As i said, html is not by something I really do very much, can you
give me some suggestion (links/ tutorials) of how I can keep the same
presentation using text?
I also want to get rid of pictures, but don't know how to make the
same effect(shadow, bevel etc with the text). so i used the image.....
Any suggestion on this is really helpful for me.

As far as height is concerned, that's what i got in a tutorial of
w3c.....guess i need to recheck once again.

Re: tables behave wierdly

rudra wrote:
Quoted text here. Click to load it

Well you can with CSS3 styling, but you must realize that not all
browsers support CSS3, i.e., MSIE users will not see the shadows. Here
is page from a blog that shows examples: /

Quoted text here. Click to load it

Do you mean from If so, note that has no
association with the W3C of and their tutorials are full of
errors and do not always present best practices for web design...a
better online source for tutorials is

Take care,


Re: tables behave wierdly

writing in news:db7cc2ee-6192-44b1-9baa-ca0702fffaf2

Quoted text here. Click to load it

There are plenty of good HTML tutorials, I would start with HTML Dog,
[ ].

Quoted text here. Click to load it

Shadows are fine on logos or heading text, and can be done with CSS in
browsers that support it, or you can create an image that does that.  
However, it can make regular text difficult to read.

Quoted text here. Click to load it

Stay away from them, the only thing they have in common with the W3C is
the name.  They are not a standards body.  This is where you really want
to go:
[ /]

Adrienne Boswell at Home
Arbpen Web Site Design Services
Please respond to the group so others can share

Re: tables behave wierdly

On Thu, 9 Sep 2010 04:24:01 -0700 (PDT), rudra wrote:

Quoted text here. Click to load it

Using a table for this presentation is ancient history.
You should use <Div> for the layout.
A two column layout with floated divisions for starters.
Then subdivide those with the other information.

<div class=wrapper>
 <div class=leftcol>
   <div> About me </div>
   <div> Work </div>
   <div> Passion </div>
   <div> Gallery </div>
   <div> Home </div>
 follow the example and insert the other column information.
 <div class-rightcol>


Site Timeline