HTML Help

19ShadY90 · Joined: 04 Aug 2008 Posts: 6

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 :D
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: 1402 Location: Biloxi, MS

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

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: 1402 Location: Biloxi, MS

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: 1402 Location: Biloxi, MS

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

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 :D :D :D

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

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 :D :D :D

19ShadY90 · Joined: 04 Aug 2008 Posts: 6

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 :D:D

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1402 Location: Biloxi, MS

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-&-Border.jpg"> </td>

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