HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Firefox Vs IE, Table pushing page out of place
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
19ShadY90



Joined: 04 Aug 2008
Posts: 6

PostPosted: Fri Aug 08, 2008 7:13 am     Firefox Vs IE, Table pushing page out of place Reply with quote

hi,this is hard to explain lol

the right hand side of the page with news events, telford tigers, sheffeild steelers and who we are, i have dropped a table over the top

the image sidemenuhome.png size is 192 x 399
i made the table 190 wide so theres a 2 pixel gap on either side.so i can fill the info in in the table

the problem accurs when i write in the boxes it pushes the table down, knocking the page size out of place, where it starts to repeat its self,

at the moment in IE i cannot write anymore with out the table dropping down, but the page is still how it should be

but when i open this in firefox, it drops the page down abit, why doe sfire fox do this?

this is the website, not finshed yet but still working hard on it
http://eurologixmedical.com/

anyone that could help, would be great Very Happy
or any hints or tips that could help me would be appreciated (especially on getting the writing in place )

thanks
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Fri Aug 08, 2008 11:42 pm     Reply with quote

Some coding errors you can work on:

line 62 column 5 - Warning: <td> proprietary attribute "background"
line 65 column 5 - Warning: <td> proprietary attribute "background"
line 68 column 25 - Warning: <a> escaping malformed URI reference
line 69 column 25 - Warning: <a> escaping malformed URI reference
line 70 column 25 - Warning: <a> escaping malformed URI reference
line 73 column 25 - Warning: <a> escaping malformed URI reference
line 80 column 50 - Warning: <img> escaping malformed URI reference
line 83 column 5 - Warning: <td> proprietary attribute "background"
line 84 column 5 - Warning: <td> proprietary attribute "background"
line 159 column 5 - Warning: <td> proprietary attribute "background"
line 160 column 5 - Warning: <td> proprietary attribute "background"
line 166 column 21 - Warning: <a> escaping malformed URI reference
19ShadY90



Joined: 04 Aug 2008
Posts: 6

PostPosted: Wed Aug 20, 2008 12:13 am     Reply with quote

i still have not the slightest clue of what to do or what this means lol
im not realli to good with reading html, i only really kno the basics

anyone help me with what i need to do please

line 62 column 5 - Warning: <td> proprietary attribute "background"
line 65 column 5 - Warning: <td> proprietary attribute "background"
line 68 column 25 - Warning: <a> escaping malformed URI reference
line 69 column 25 - Warning: <a> escaping malformed URI reference
line 70 column 25 - Warning: <a> escaping malformed URI reference
line 73 column 25 - Warning: <a> escaping malformed URI reference
line 80 column 50 - Warning: <img> escaping malformed URI reference
line 83 column 5 - Warning: <td> proprietary attribute "background"
line 84 column 5 - Warning: <td> proprietary attribute "background"
line 159 column 5 - Warning: <td> proprietary attribute "background"
line 160 column 5 - Warning: <td> proprietary attribute "background"
line 166 column 21 - Warning: <a> escaping malformed URI reference

thanks
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Wed Aug 20, 2008 3:52 am     Reply with quote

OK. I'll work on your page and see what I can do to it today.

All the "Warning: <a> escaping malformed URI reference" ones means you have white space in your paths, i.e., "my home page.html" will be read by many browsers as just "page.html". If you must make paths/names like that, use the space character, "%20", or underscrore, "_": "my%20home%20page.html" or "my_home_page.html".

The doctype you are using does not allow certain table attributes to be used the way you are using them. Best to provide a class style for all like tags, like the td tag for "background" or use inline CSS for each tag instead.

You have an "XHTML 1.0 Transitional" doctype with only a few coding errors so you did very well, very well.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Wed Aug 20, 2008 4:59 am     Reply with quote

Update: Need proper path for this image -
Code:
<tr>
<td height="2" colspan="7" bgcolor="#FFFFFF"><img src="file:///C|/Users/ETHAN FALCONER/Documents/Eurologix Website/About us Html/close-the-gap.jpg" width="2" height="2" /></td>
</tr>


Path to a file on your computer will not work (file:///C|/).
19ShadY90



Joined: 04 Aug 2008
Posts: 6

PostPosted: Wed Aug 20, 2008 5:32 am     Reply with quote

just a re-cap then

when i come to naming pages insted of just using spaces, i have to use "%" or "_" so the browser can read the full name ? right?

and tags, i dont have a clue what they do lol
over my head that is, r u able to expand abit on them please for me

and for this bit, is it just re linking the picture ?

Code:
<tr>
<td height="2" colspan="7" bgcolor="#FFFFFF"><img src="file:///C|/Users/ETHAN FALCONER/Documents/Eurologix Website/About us Html/close-the-gap.jpg" width="2" height="2" /></td>
</tr>#

thanks m8, really appreciate it Very Happy Very Happy Very Happy
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Wed Aug 20, 2008 6:07 am     Reply with quote

19ShadY90 wrote:
just a re-cap then

when i come to naming pages insted of just using spaces, i have to use "%" or "_" so the browser can read the full name ? right?

Must use "%20" without the quotes for spaces in folder/file names.

and tags, i dont have a clue what they do lol
over my head that is, r u able to expand abit on them please for me

Technically table tags are used to layout tabular data, but before CSS, they were used for page layouts. CSS/DIVs are the way to properly layout web pages today. <tr> is table row, <td> is table data, <th> is table head, etc., and they all have their uses for properly constructing tables. There are other table tags available to use: <caption></caption>, <footer></footer>.

and for this bit, is it just re linking the picture ?

Code:
<tr>
<td height="2" colspan="7" bgcolor="#FFFFFF"><img src="file:///C|/Users/ETHAN FALCONER/Documents/Eurologix Website/About us Html/close-the-gap.jpg" width="2" height="2" /></td>
</tr>#

"close-the-gap.jpg" MUST be online and available to load. The path is to a folder/file on YOUR computer which browsers have no access to unless you are running your own server.

thanks m8, really appreciate it Very Happy Very Happy Very Happy
19ShadY90



Joined: 04 Aug 2008
Posts: 6

PostPosted: Mon Sep 01, 2008 12:18 am     Reply with quote

hi, iv uploaded the website up to www.eurologix.eu
but since doin the front page, iv encounterd more problems with tables being pushed down,

im not to strong with reading code, so if anyone could point me in the right direction with what to do with

line 62 column 5 - Warning: <td> proprietary attribute "background"
line 65 column 5 - Warning: <td> proprietary attribute "background"
line 68 column 25 - Warning: <a> escaping malformed URI reference
line 69 column 25 - Warning: <a> escaping malformed URI reference
line 70 column 25 - Warning: <a> escaping malformed URI reference
line 73 column 25 - Warning: <a> escaping malformed URI reference
line 80 column 50 - Warning: <img> escaping malformed URI reference
line 83 column 5 - Warning: <td> proprietary attribute "background"
line 84 column 5 - Warning: <td> proprietary attribute "background"
line 159 column 5 - Warning: <td> proprietary attribute "background"
line 160 column 5 - Warning: <td> proprietary attribute "background"
line 166 column 21 - Warning: <a> escaping malformed URI reference

and any more errors would be great Very HappyVery Happy
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Mon Sep 01, 2008 11:41 am     Reply with quote

For this document type, coding is much stricter:
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


These:
Code:
<td height="76" colspan="7" background="banner-&amp;-Border.jpg">&nbsp;</td>


should be:
Code:
<td colspan="7" style="height: 76px; background: url(banner-&amp;-Border.jpg) no-repeat center scroll;">&nbsp;</td>


Should include both width and height as you may have the background image cut off if you don't.

For this:
Code:
<img src="bottem-right-cornerhome.png" width="193" height="80" border="0" usemap="#Map2" />


Missing alt="" attribute and better coded this way:
Code:
<img style="width: 193px; height: 80px; border: 0;" src="bottem-right-cornerhome.png" usemap="#Map2" alt="Corner Home" />


These:
Quote:
line 73 column 25 - Warning: <a> escaping malformed URI reference
line 80 column 50 - Warning: <img> escaping malformed URI reference
refer to those spaces in your URLs. White spaces are not allowed. Use
Code:
%20
if you must use spaces in your URL (and you don't need to).
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial